:root{
  --text:#f3f9ff;
  --text-dark:#0d2a49;
  --muted:#b8cce2;
  --muted-2:#87a6c4;
  --primary:#43c8ff;
  --primary-2:#1689e5;
  --primary-3:#0d64bf;
  --accent:#7ee7ff;
  --border:rgba(120,181,228,.30);
  --border-strong:rgba(148,206,247,.50);
  --panel:rgba(23,56,96,.42);
  --panel-deep:rgba(14,38,69,.58);
  --shadow:0 18px 38px rgba(7,25,55,.22);
  --shadow-soft:0 10px 26px rgba(8,28,54,.18);
  --radius:22px;
}

*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
  font-family:Tahoma,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(ellipse at 80% 7%,rgba(99,197,255,.28) 0,transparent 34%),
    radial-gradient(ellipse at 6% 86%,rgba(86,168,255,.20) 0,transparent 34%),
    linear-gradient(135deg,#d7eafe 0%,#cde4fb 22%,#b7d6f4 48%,#9fc6eb 72%,#8bb8e3 100%);
  background-attachment:fixed;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.45;cursor:not-allowed}

.shell{display:flex;gap:18px;min-height:100vh;padding:18px}

.glass{
  position:relative;
  background:linear-gradient(180deg,rgba(24,65,108,.68),rgba(13,39,72,.58));
  border:1px solid var(--border);
  border-radius:var(--radius);
  backdrop-filter:blur(18px) saturate(1.1);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.04);
}
.glass::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:calc(var(--radius) - 1px);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02) 16%,transparent 40%);
  pointer-events:none;
}

.sidebar{
  width:280px;
  flex-shrink:0;
  min-height:calc(100vh - 36px);
  padding:24px 14px;
  display:flex;
  flex-direction:column;
}
.brand{display:flex;align-items:center;gap:14px;padding:8px 10px 28px}
.brand-emblem{
  font-size:36px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(180deg,#7be7ff 0%,#30b6ff 50%,#0c74d8 100%);
  border:1px solid rgba(177,239,255,.95);
  border-radius:20px;
  width:58px;height:62px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 26px rgba(0,114,212,.30), inset 0 2px 3px rgba(255,255,255,.35), inset 0 -8px 14px rgba(0,38,92,.24);
  text-shadow:0 1px 3px rgba(0,68,117,.68);
  position:relative;
}
.brand-emblem span{position:absolute;right:5px;top:6px;font-size:14px;color:#d6fbff}
.brand strong{font-size:21px;line-height:1.12;letter-spacing:.4px}
.brand small{font-size:12px;color:#d0e6f8;display:block;margin-top:6px;letter-spacing:.45px}
.brand small b{color:#7ce5ff}
.sidebar-label{font-size:12px;letter-spacing:1.6px;color:#d3e7fa;margin:0 13px 14px;font-weight:800}

.nav,
.quick,
.style-chip,
.btn,
.icon-btn,
.segment button{
  position:relative;
  overflow:hidden;
}

.nav{
  width:100%;display:flex;gap:13px;align-items:center;text-align:left;
  color:#e4f2ff;border:1px solid rgba(172,224,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  padding:17px 16px;border-radius:16px;margin-bottom:8px;
  font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 14px rgba(7,24,50,.10);
}
.nav span{font-size:16px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav:hover,.nav.active{
  color:#fff;
  border-color:rgba(165,229,255,.44);
  background:linear-gradient(180deg,rgba(93,177,240,.28),rgba(33,102,187,.22));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), inset 0 -10px 16px rgba(0,40,95,.10), 0 12px 24px rgba(8,41,81,.16);
}
.nav.active{outline:1px solid rgba(179,241,255,.24)}
.side-bottom{margin-top:auto;padding:20px 12px 0;color:#e4f2ff;font-size:13px;line-height:1.75}
.side-bottom p{margin:10px 0}
.offline-dot{color:#7af5ca;font-weight:850;letter-spacing:.8px}

.main{flex:1;min-width:0;max-width:1900px;margin:0 auto}
.topbar{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.eyebrow{letter-spacing:2.4px;color:#8ee8ff;font-size:14px;font-weight:850}
.topbar h1{margin:8px 0 5px;font-size:clamp(36px,2.5vw,46px);line-height:1.08}
.topbar p{margin:0;font-size:22px;color:#d8ebfa}
.header-actions{display:flex;gap:12px;flex-wrap:wrap}

.workspace{display:grid;grid-template-columns:minmax(320px,370px) minmax(460px,1fr) minmax(270px,315px);gap:16px;align-items:stretch}
.settings,.tools{padding:24px 19px}
.panel-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px}
.panel-title h2,.canvas-toolbar h2{margin:0;font-size:18px;line-height:1.3}
.pill{border-radius:999px;padding:8px 12px;background:rgba(60,128,183,.34);color:#9cedff;border:1px solid rgba(103,205,247,.34);font-size:11px;white-space:nowrap;font-weight:800;letter-spacing:.4px}

.field-label{display:block;color:#e7f3ff;font-size:14px;font-weight:800;letter-spacing:.4px;margin:20px 0 9px}
.segment{
  display:flex;background:rgba(5,25,52,.26);padding:5px;border:1px solid rgba(102,167,211,.34);
  border-radius:16px;gap:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.segment button{
  flex:1;border:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border-radius:12px;color:#e2f1ff;padding:14px 8px;font-size:19px;font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -8px 14px rgba(0,43,96,.08);
}
.segment button:hover{filter:brightness(1.06)}
.segment button.selected{
  color:#fff;
  background:linear-gradient(180deg,#73d8ff 0%,#279df0 55%,#1369cc 100%);
  box-shadow:0 10px 24px rgba(19,111,199,.28), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -10px 16px rgba(0,63,129,.18);
}

.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.settings label:not(.field-label):not(.mode):not(.upload),
.detail-panel label{
  font-size:14px;color:#edf7ff;display:block;margin:16px 0 0;font-weight:700;
}
.settings input:not([type=radio]):not([type=file]),
.settings select,
.detail-panel input,
.detail-panel select,
textarea{
  width:100%;color:#f8fcff;background:rgba(3,25,53,.42);
  border:1px solid rgba(154,210,248,.42);border-radius:13px;padding:13px 12px;margin-top:8px;outline:0;
  font-size:18px;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.15), inset 0 -6px 12px rgba(0,29,62,.10);
}
.settings input:focus,.settings select:focus,.detail-panel input:focus,.detail-panel select:focus,textarea:focus{
  border-color:#90e7ff;box-shadow:0 0 0 4px rgba(39,197,255,.18), inset 0 1px 0 rgba(255,255,255,.18)
}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(110,171,219,.62),transparent);margin:22px 0}

.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.style-chip{
  border:1px solid rgba(110,181,229,.34);color:#f0f7ff;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));
  border-radius:16px;min-height:75px;padding:12px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;
  font-size:15px;font-weight:700;line-height:1.25;text-align:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(9,35,62,.10);
}
.style-chip:hover,.style-chip.chosen,.theme-chip.chosen{
  border-color:rgba(136,228,255,.62);
  background:linear-gradient(180deg,rgba(126,220,255,.26),rgba(23,103,189,.20));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 25px rgba(12,54,92,.18);
}
.style-icon{font-size:22px;color:#9debff}
.mode-list{display:grid;gap:12px}
.mode{
  position:relative;
  font-size:17px;color:#f5fbff;cursor:pointer;padding:14px 16px 14px 18px;
  border-radius:16px;border:1px solid rgba(141,200,236,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  overflow:hidden;
}
.mode input{accent-color:#24c9ff;transform:scale(1.2);margin-right:10px}
.mode:has(input:checked){
  border-color:rgba(145,232,255,.60);
  background:linear-gradient(180deg,rgba(126,220,255,.26),rgba(25,111,195,.18));
  box-shadow:0 10px 24px rgba(8,51,95,.14), inset 0 1px 0 rgba(255,255,255,.24);
}
.upload{
  display:block;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  border:1px dashed rgba(147,209,242,.50);border-radius:16px;margin-top:21px;padding:16px;cursor:pointer;font-size:17px;font-weight:800;color:#eef8ff;
}
.upload input{width:100%;font-size:14px;margin-top:8px}
.upload small{display:block;font-size:14px;color:#d8ebfa;margin-top:8px;line-height:1.55}

.btn{
  border:1px solid rgba(144,210,247,.36);color:#f4fbff;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08) 22%,rgba(9,72,134,.20) 100%);
  padding:14px 16px;border-radius:16px;font-weight:800;font-size:16px;line-height:1.25;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32), inset 0 -12px 18px rgba(0,47,101,.14), 0 12px 24px rgba(8,36,70,.14);
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease;
  white-space:normal;
}
.btn:hover,.icon-btn:hover,.quick:hover,.nav:hover,.style-chip:hover{filter:brightness(1.08);transform:translateY(-4px) scale(1.01);box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 18px 34px rgba(8,36,70,.22)}
.btn:active,.icon-btn:active,.quick:active,.nav:active,.style-chip:active{transform:translateY(1px) scale(.995);box-shadow:inset 0 3px 8px rgba(5,23,47,.35)}
.btn.primary{
  background:linear-gradient(180deg,#89e7ff 0%,#30b7ff 38%,#157ed8 72%,#0d63bd 100%);
  border-color:rgba(167,238,255,.88);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.42), inset 0 -12px 18px rgba(0,56,125,.22), 0 14px 28px rgba(6,102,180,.24);
  color:white;
}
.btn.secondary{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08),rgba(20,79,137,.18));
}
.btn.outline{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-color:rgba(138,206,246,.32)}
.btn.full{width:100%;margin-top:10px}
.btn.small{padding:14px 16px;font-size:16px}
.hint{display:block;color:#e1f1ff;margin-top:14px;font-size:14px;line-height:1.7}

.canvas-area{padding:20px 18px 16px;min-width:0;display:flex;flex-direction:column}
.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 18px}
.subtle{font-size:15px;color:#d9ecfa;display:block;margin-top:6px}
.toolbar-right{display:flex;align-items:center;gap:10px}
.icon-btn{
  height:40px;width:40px;border-radius:12px;border:1px solid rgba(149,213,249,.36);
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.08),rgba(16,76,132,.20));
  color:white;font-size:30px;line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 12px 20px rgba(7,34,62,.14);
}
.page-counter{font-size:20px;font-weight:850;color:#a9efff;white-space:nowrap}
.preview-stage{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,rgba(207,233,255,.26),rgba(70,121,172,.16) 38%,rgba(26,64,105,.18) 100%);border:1px solid rgba(97,162,208,.44);border-radius:20px;padding:18px;min-height:580px;max-height:1000px;overflow:hidden;flex:1}
.preview-paper{width:min(100%,535px);aspect-ratio:1200/1700;background:white;border-radius:9px;overflow:hidden;box-shadow:0 22px 45px rgba(7,22,43,.35)}
.preview-paper svg{display:block;width:100%;height:100%}
.thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 0 6px;min-height:92px}
.thumb{position:relative;flex:0 0 64px;height:88px;border:2px solid rgba(140,198,236,.24);border-radius:9px;overflow:hidden;padding:0;background:#d7e7f7;opacity:.82;box-shadow:0 6px 12px rgba(8,37,72,.08)}
.thumb.selected{border-color:#7ce2ff;opacity:1;box-shadow:0 0 0 2px rgba(20,123,194,.24),0 10px 18px rgba(6,78,140,.14)}
.thumb svg{width:100%;height:100%;display:block}
.preview-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:10px;padding:14px 0 0;font-size:14px;color:#eff7ff}

.quick{
  display:flex;gap:12px;width:100%;align-items:center;text-align:left;padding:17px 12px;border-radius:16px;
  border:1px solid rgba(147,210,248,.22);background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.03));
  color:#aef0ff;font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 18px rgba(8,38,67,.10)
}
.quick:hover{border-color:rgba(141,223,255,.52);background:linear-gradient(180deg,rgba(135,224,255,.20),rgba(18,82,140,.16))}
.quick span{flex:1}
.quick strong{display:block;color:#ffffff;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick small{font-size:13px;display:block;color:#e0effd;margin-top:4px;line-height:1.35}
.tools h3{font-size:19px;margin:16px 0 10px}
.tool-foot{margin-top:22px;border:1px solid rgba(110,218,203,.38);background:linear-gradient(180deg,rgba(57,137,143,.22),rgba(14,91,92,.18));padding:15px;border-radius:16px}
.tool-foot strong{font-size:15px;color:#a9ffe8}.tool-foot p{font-size:14px;line-height:1.7;color:#eefaf7;margin-bottom:0}

.detail-panel{margin-top:16px;padding:24px}
.detail-panel.hidden{display:none}
.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.detail-header h2{font-size:24px;margin:0}
.data-table-wrap{overflow:auto;max-height:600px;border-radius:14px;border:1px solid rgba(116,181,225,.42)}
table{border-collapse:collapse;width:100%;font-size:16px}
th{color:#eaf7ff;background:#1d4d80;position:sticky;top:0;text-align:left;padding:14px 12px}
td{padding:10px;border-top:1px solid rgba(54,98,129,.27)}
td input,td select{margin:0!important;padding:10px!important;font-size:15px!important}
td:nth-child(1){color:#dff2ff;font-weight:700}tbody tr:nth-child(2n){background:rgba(255,255,255,.07)}
.inline-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.inline-controls input{max-width:190px}
.page-card{padding:16px;margin:10px 0;border:1px solid rgba(101,163,205,.38);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03))}
.page-card h3{font-size:18px;margin:0 0 10px}.page-card select{max-width:240px}
footer{text-align:center;font-size:13px;padding:18px;color:#f2f8ff}

.toast{position:fixed;z-index:100;bottom:24px;right:24px;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(23,119,173,.95),rgba(15,87,138,.96));border:1px solid rgba(114,224,255,.74);color:white;box-shadow:0 16px 36px rgba(0,26,48,.24);opacity:0;pointer-events:none;transform:translateY(15px);transition:.2s;max-width:min(520px,90vw);font-size:16px}
.toast.show{opacity:1;transform:translateY(0)}

/* Shimmer for selected/active/chosen controls */
.nav.active::after,
.segment button.selected::after,
.style-chip.chosen::after,
.thumb.selected::after,
.mode:has(input:checked)::after{
  content:"";
  position:absolute;
  top:-35%; left:-42%;
  width:34%; height:170%;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 25%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.18) 75%,rgba(255,255,255,0) 100%);
  transform:skewX(-24deg);
  filter:blur(.2px);
  animation:shine-pass 2.4s linear infinite;
  pointer-events:none;
}

@keyframes shine-pass{
  0%{left:-44%}
  100%{left:122%}
}

@media (max-width:1420px){
  .shell{padding:10px;gap:10px}
  .sidebar{width:226px}
  .workspace{grid-template-columns:280px minmax(320px,1fr) 235px;gap:10px}
  .settings,.tools{padding:16px 14px}
  .topbar{padding:18px}
  .topbar h1{font-size:34px}
  .topbar p{font-size:18px}
  .quick strong{font-size:16px}
  .quick small{font-size:13px}
}

@media (max-width:1180px){
  .sidebar{width:76px}
  .brand{padding:5px 2px 20px}
  .brand>div:nth-child(2),.sidebar-label,.nav span,.side-bottom{display:none}
  .nav{justify-content:center;font-size:20px;padding:16px 10px}
  .workspace{grid-template-columns:1fr;}
  .preview-stage{min-height:420px}
}

@media (max-width:760px){
  .shell{display:block;padding:10px}
  .sidebar{width:auto;min-height:auto;margin-bottom:12px}
  .topbar{padding:16px;display:block}
  .header-actions{margin-top:12px}
  .topbar h1{font-size:30px}
  .topbar p{font-size:17px}
  .twocol{grid-template-columns:1fr}
  .preview-stage{padding:8px;min-height:350px}
  .page-counter{font-size:16px}
}


.theme-chip{min-height:68px}
.theme-chip .style-icon{font-size:20px}
.export-buttons .btn{margin-top:10px}
.quick::before,.btn::before,.nav::before,.style-chip::before,.icon-btn::before{content:"";position:absolute;inset:1px;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 30%);opacity:.65}
.quick{min-height:92px}
.segment button,.btn,.nav,.quick,.style-chip,.icon-btn{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.topbar,.settings,.canvas-area,.tools,.sidebar{box-shadow:0 18px 40px rgba(10,40,78,.20), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(255,255,255,.05)}

body.theme-premium{
  background:
    radial-gradient(ellipse at 78% 8%,rgba(100,188,255,.20) 0,transparent 36%),
    radial-gradient(ellipse at 6% 88%,rgba(141,207,255,.16) 0,transparent 33%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 20%,#eef6ff 46%,#e5f0fd 72%,#d8e9fb 100%);
}
body.theme-premium .glass{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(233,243,255,.72));
  border:1px solid rgba(159,198,234,.56);
  box-shadow:0 20px 40px rgba(109,154,202,.16), inset 0 1px 0 rgba(255,255,255,.90), inset 0 -1px 0 rgba(202,223,247,.35);
}
body.theme-premium .glass::before{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.32) 22%,transparent 48%)}
body.theme-premium .topbar h1,
body.theme-premium .panel-title h2,
body.theme-premium .canvas-toolbar h2,
body.theme-premium .field-label,
body.theme-premium .nav span,
body.theme-premium .brand strong,
body.theme-premium .quick strong,
body.theme-premium .settings label,
body.theme-premium .tools h3,
body.theme-premium .page-counter,
body.theme-premium footer{color:#1a3a63}
body.theme-premium .topbar p,body.theme-premium .subtle,body.theme-premium .hint,body.theme-premium .quick small,body.theme-premium .brand small,body.theme-premium .sidebar-label,body.theme-premium .side-bottom,body.theme-premium .preview-bottom,body.theme-premium .tool-foot p{color:#4f6f91}
body.theme-premium .nav,body.theme-premium .quick,body.theme-premium .btn,body.theme-premium .style-chip,body.theme-premium .segment button,body.theme-premium .icon-btn,body.theme-premium .mode,body.theme-premium .upload{color:#214566;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,246,255,.92));border-color:rgba(164,202,237,.70);box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -12px 18px rgba(140,185,227,.20), 0 10px 20px rgba(107,146,186,.14)}
body.theme-premium .btn.primary,body.theme-premium .segment button.selected,body.theme-premium .nav.active,body.theme-premium .style-chip.chosen,body.theme-premium .theme-chip.chosen,body.theme-premium .mode:has(input:checked){color:#fff;background:linear-gradient(180deg,#92dfff 0%,#55b8ff 36%,#2b8ae6 68%,#1f75d5 100%);border-color:rgba(126,207,255,.95);box-shadow:inset 0 1px 0 rgba(255,255,255,.50),0 12px 24px rgba(63,138,214,.24)}
body.theme-premium .settings input:not([type=radio]):not([type=file]),body.theme-premium .settings select,body.theme-premium .detail-panel input,body.theme-premium .detail-panel select,body.theme-premium textarea{background:rgba(255,255,255,.88);color:#163c64;border-color:rgba(166,202,231,.66)}
body.theme-premium .preview-stage{background:radial-gradient(circle at center,rgba(255,255,255,.70),rgba(214,232,251,.86) 52%,rgba(197,220,245,.96) 100%)}
body.theme-premium .thumb{background:#f9fcff;border-color:rgba(177,208,236,.70)}
body.theme-premium .tool-foot{background:linear-gradient(180deg,rgba(239,249,255,.95),rgba(222,242,249,.95));border-color:rgba(161,219,219,.72)}
body.theme-premium .tool-foot strong{color:#138c8a}
body.theme-premium .brand-emblem{box-shadow:0 12px 26px rgba(56,159,232,.18), inset 0 2px 3px rgba(255,255,255,.75), inset 0 -8px 14px rgba(10,91,188,.18)}
body.theme-premium .offline-dot{color:#1aae84}

/* ===== RC2: High-contrast Windows-like 3D controls ===== */
body.theme-glass .nav:not(.active),
body.theme-glass .quick,
body.theme-glass .style-chip:not(.chosen),
body.theme-glass .mode:not(:has(input:checked)),
body.theme-glass .btn.secondary,
body.theme-glass .btn.outline,
body.theme-glass .icon-btn {
  background:linear-gradient(180deg,#f8fdff 0%,#e5f5ff 44%,#c4e2fa 100%);
  border:1px solid #9acbe9;
  color:#0c3d6a;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -5px 12px rgba(65,130,191,.14),0 8px 18px rgba(0,35,79,.28);
}
body.theme-glass .quick strong,body.theme-glass .nav:not(.active) span,
body.theme-glass .style-chip:not(.chosen),body.theme-glass .btn.secondary,
body.theme-glass .btn.outline,body.theme-glass .icon-btn{color:#113d69}
body.theme-glass .quick small{color:#476985}
body.theme-glass .quick{color:#087fba}
body.theme-glass .nav.active,body.theme-glass .style-chip.chosen,
body.theme-glass .segment button.selected,body.theme-glass .mode:has(input:checked){
  background:linear-gradient(180deg,#82d9ff 0%,#2aa7f5 47%,#076fcb 100%);
  border-color:#a7e7ff;
  color:#fff;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.65),inset 0 -8px 15px rgba(4,51,130,.29),0 11px 23px rgba(0,42,105,.37);
}
body.theme-glass .nav.active span,body.theme-glass .style-chip.chosen,body.theme-glass .mode:has(input:checked){color:#fff}
body.theme-glass .settings input:not([type=radio]):not([type=file]),
body.theme-glass .settings select,
body.theme-glass .detail-panel input,
body.theme-glass .detail-panel select{
  background:linear-gradient(180deg,#fff 0%,#edf8ff 100%);
  color:#13375c;
  border-color:#a5c8e4;
}
body.theme-glass .settings input::placeholder{color:#678bad}
body.theme-glass .segment button:not(.selected){color:#ebf5ff}
body.theme-glass .theme-chip .style-icon,body.theme-glass .style-chip:not(.chosen) .style-icon{color:#0086d1}
body.theme-glass .style-chip.chosen .style-icon{color:#fff}
body.theme-glass .upload{background:rgba(219,242,255,.16);border-color:#90c7e8}
body.theme-glass .upload input{color:#eef8ff}
body.theme-glass .btn.primary{background:linear-gradient(180deg,#c5f3ff 0%,#53caff 38%,#048cd9 100%);border-color:#c9f6ff}
body.theme-glass .preview-stage{align-items:flex-start}
body.theme-premium .preview-stage{align-items:flex-start}
body.theme-premium .nav:not(.active),body.theme-premium .quick,
body.theme-premium .style-chip:not(.chosen),body.theme-premium .btn.secondary,
body.theme-premium .btn.outline,body.theme-premium .icon-btn{
  background:linear-gradient(180deg,#fff 0%,#eff8ff 55%,#dcefff 100%);
  border:1px solid #9fc8e8;
  color:#183f67;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.98),inset 0 -6px 13px rgba(66,135,190,.12),0 10px 21px rgba(61,124,176,.18);
}
body.theme-premium .quick strong{color:#153d65}
body.theme-premium .quick small{color:#587b9c}
body.theme-premium .nav.active span{color:#fff}
body.theme-premium .style-chip.chosen .style-icon{color:#fff}
body.theme-premium .mode:has(input:checked){color:white}
body.theme-premium .mode:has(input:checked) input{accent-color:#fff}
body.theme-premium .side-bottom{color:#517296}
body.theme-premium .tool-foot p{color:#345e76}
body.theme-premium .quick:hover,body.theme-glass .quick:hover,
body.theme-premium .nav:hover,body.theme-glass .nav:hover,
body.theme-premium .btn:hover,body.theme-glass .btn:hover,
body.theme-premium .style-chip:hover,body.theme-glass .style-chip:hover{
  border-color:#53b8ed;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 16px 34px rgba(25,87,151,.38);
}
.nav,.quick,.btn,.style-chip,.icon-btn{transform-origin:center;will-change:transform}
.quick{padding-left:18px;padding-right:14px}
@media(max-width:1420px){.quick{padding-left:12px;padding-right:8px}.quick strong{font-size:15px}.quick small{font-size:12px}}
@media(prefers-reduced-motion:reduce){
 .nav.active::after,.segment button.selected::after,.style-chip.chosen::after,.thumb.selected::after,.mode:has(input:checked)::after{animation:none}
 .nav,.quick,.btn,.style-chip,.icon-btn{transition:none}
}

/* ===== V2.0 WEB AI LAYOUT AND ACCESSIBLE CONTROLS ===== */
.shell{gap:14px}
.sidebar{width:224px}
.brand strong{font-size:18px}
.sidebar .nav{padding:15px 11px;gap:9px;font-size:17px;min-height:56px}
.sidebar .nav span{font-size:14px}
.topbar{margin-bottom:12px;padding:20px 24px}
.topbar h1{font-size:clamp(27px,2vw,35px);margin-top:5px}
.topbar p{font-size:15px}
.eyebrow{font-size:11px}
.workspace{grid-template-columns:minmax(278px,310px) minmax(430px,1fr) minmax(295px,340px);gap:12px}
.settings,.tools{padding:18px 16px}
.panel-title{margin-bottom:12px}
.panel-title h2{font-size:17px}
.field-label{font-size:13px;margin-top:14px;margin-bottom:6px}
.settings input:not([type=radio]):not([type=file]),.settings select{font-size:15px;padding:10px 9px}
.settings label:not(.field-label):not(.mode):not(.upload){font-size:13px;margin-top:10px}
.style-chip{min-height:63px;font-size:12px;padding:8px 5px}
.style-icon{font-size:17px}
.mode{padding:10px 12px;font-size:13px}
.btn.full{margin-top:8px}
.btn{font-size:14px;padding:11px 13px}
.btn.small{font-size:13px;padding:12px 14px}
.panel-title .pill{font-size:10px;padding:6px 8px}
.canvas-area{padding:18px 14px}
.preview-stage{padding:14px;min-height:580px}
.preview-paper{width:min(100%,540px)}
.canvas-toolbar h2{font-size:16px}
.subtle{font-size:13px}
.command-bar{margin-bottom:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.command-bar .btn{font-size:14px;padding:12px 15px;white-space:nowrap;min-height:45px;background:linear-gradient(180deg,#f3fcff 0%,#e1f5ff 47%,#bdddf6 100%);color:#0e4d81;border:1px solid #86c9ed;box-shadow:inset 0 2px #ffffff,0 8px 18px #0d5c9c22}
.command-bar .btn:hover{background:linear-gradient(180deg,#ffffff 0%,#b9ebff 46%,#86cbfa 100%);color:#074a82}
.command-bar .action-import{background:linear-gradient(180deg,#8fe4ff 0%,#31b1f7 54%,#187dd3 100%);color:#fff;border-color:#6dcaf5}
.action-icon{font-size:19px;margin-right:6px}
.command-note{font-size:12px;font-weight:700;color:#d6f4ff;margin-left:auto;white-space:nowrap}
.pulse-dot,.status-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#32d8a2;margin-right:6px;box-shadow:0 0 0 4px #38dabf22}
.tools .web-select,.secret-row input{width:100%;padding:12px 10px;border-radius:12px;border:1px solid #9bc9e9;background:#eef9ff;color:#123d69;font-size:13px;font-weight:700;margin-top:2px;outline:0}
.tools .web-select:focus,.secret-row input:focus{box-shadow:0 0 0 3px #64cfff50;border-color:#42b9f0}
.tools .field-label{color:#e2f3ff}
.compact-cols{gap:8px;margin:9px 0}
.compact-cols label{font-size:12px;color:#d5efff;margin:0;line-height:1.4}
.compact-cols .web-select{font-size:12px;padding:10px 6px}
.status-tile{display:flex;align-items:center;background:rgba(14,73,117,.28);border:1px solid rgba(120,194,239,.35);padding:11px;border-radius:14px;font-size:12px;line-height:1.5;color:#e8fbff;margin-top:14px}
.status-tile>span:nth-child(2){flex:1}
.mini-icon{border:1px solid rgba(126,204,243,.45);background:rgba(255,255,255,.18);border-radius:9px;color:inherit;font-size:20px;width:30px;height:30px;margin-left:5px}
.secret-settings{margin-top:10px;border-radius:12px;border:1px solid #a8d5f34c;padding:10px 12px;background:rgba(255,255,255,.05)}
.secret-settings summary{cursor:pointer;font-size:12px;font-weight:750}
.secret-settings p{font-size:12px;line-height:1.5;color:#d5e9fb}
.secret-row{display:flex;gap:5px}
.secret-row .btn{white-space:nowrap;padding:10px 8px;font-size:12px}
.art-progress,.art-history,.art-errors{display:block;line-height:1.5;font-size:12px;color:#dff4ff;padding:7px 3px}
.art-errors{color:#fff0ba;max-height:84px;overflow:auto}
.art-history{color:#b5eed9}
.export-heading{margin-top:4px}
.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.export-grid .btn{min-width:0}
.tools .export-buttons>.btn{width:100%}
.tools .export-buttons .btn.primary{background:linear-gradient(180deg,#7bdeff,#20adeb 52%,#147bd0)}
/* Stronger separation between floating controls and their panel, both themes */
.tools .btn,.settings .btn,.style-chip,.segment button,.command-bar .btn{border-width:1.5px;filter:drop-shadow(0 4px 4px rgba(6,35,74,.12))}
.tools .btn:hover,.settings .btn:hover,.style-chip:hover,.segment button:hover{filter:drop-shadow(0 8px 10px rgba(7,64,112,.18)) brightness(1.08)}
body.theme-premium .command-bar{background:linear-gradient(130deg,rgba(255,255,255,.94),rgba(235,246,255,.95))}
body.theme-premium .command-note{color:#4b759b}
body.theme-premium .tools .field-label,body.theme-premium .compact-cols label{color:#20537c}
body.theme-premium .status-tile{background:linear-gradient(150deg,#f2fcff,#dcf3ff);border-color:#a5d7ef;color:#185275}
body.theme-premium .secret-settings{border-color:#add3eb;background:#edf7ff}
body.theme-premium .secret-settings p{color:#477095}
body.theme-premium .art-progress{color:#27628b}
body.theme-premium .art-history{color:#148777}
body.theme-premium .art-errors{color:#b4524a}
body.theme-premium .tools .btn:not(.primary),body.theme-premium .settings .btn:not(.primary),body.theme-premium .style-chip:not(.chosen){background:linear-gradient(180deg,#ffffff 0%,#e5f4ff 47%,#c4e4fb 100%);border-color:#97caec;color:#194f7c;box-shadow:inset 0 2px #fff,0 8px 17px #1672ba22}
body.theme-premium .btn.primary{color:#fff}
body.theme-premium .tools .export-buttons .btn:hover,body.theme-premium .tools .btn:hover{transform:translateY(-3px)}
body.theme-premium .tool-foot p{color:#326776}
@media(max-width:1450px){.sidebar{width:194px}.workspace{grid-template-columns:260px minmax(400px,1fr) 298px}.tools,.settings{padding:14px 12px}.command-note{display:none}.topbar h1{font-size:29px}}
@media(max-width:1220px){.sidebar{width:72px}.workspace{grid-template-columns:minmax(260px,1fr) minmax(400px,1.7fr)}.tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;align-items:start}.tools .divider,.tools .export-heading,.tools .export-buttons,.tools .tool-foot{grid-column:2}.tools .export-heading{grid-row:1}.tools .export-buttons{grid-row:2/9}.tools .tool-foot{grid-column:1/-1}.tools .status-tile,.tools .secret-settings,.tools .art-progress,.tools .art-history,.tools .art-errors{grid-column:1}.tools .divider{display:none}}
@media(max-width:880px){.workspace{grid-template-columns:1fr}.tools{display:block}.command-bar{justify-content:space-between}.command-bar .btn{flex:1 1 140px}.sidebar{width:100%;min-height:0;flex-direction:row;gap:8px;flex-wrap:wrap;padding:10px}.sidebar .brand{padding:5px 12px}.sidebar .nav{width:auto;min-height:48px}.sidebar .brand>div:nth-child(2){display:flex;flex-direction:column}.sidebar .nav span{display:inline}.sidebar-label,.side-bottom{display:none}.shell{display:block}.topbar{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.nav.active::after,.segment button.selected::after,.style-chip.chosen::after,.thumb.selected::after,.mode:has(input:checked)::after{animation:none!important}.btn,.nav,.style-chip,.icon-btn,.quick{transition:none!important}}
/* V2 readability audit: ensure white-blue theme retains WCAG-like text contrast. */
body.theme-premium .settings .panel-title h2,
body.theme-premium .tools .panel-title h2,
body.theme-premium .canvas-area .canvas-toolbar h2,
body.theme-premium .settings .field-label,
body.theme-premium .tools .field-label,
body.theme-premium .settings label:not(.mode):not(.upload),
body.theme-premium .compact-cols label,
body.theme-premium .settings .hint,
body.theme-premium .settings .subtle,
body.theme-premium .canvas-area .subtle {color:#164571!important;opacity:1!important;}
body.theme-premium .pill{color:#15649e!important;background:#d7efff!important;border-color:#91c9eb!important}
body.theme-premium .settings .upload{color:#1a4e7b!important}
body.theme-premium .settings .upload small{color:#4f7293!important}
body.theme-premium .canvas-area .page-counter{color:#1d6db0!important}
body.theme-premium .settings .mode:not(:has(input:checked)){color:#285779}
body.theme-premium .settings .mode:has(input:checked){color:#fff}
body.theme-premium .settings .sidebar-label{color:#315c83}
body.theme-premium .brand strong{color:#114570!important}
body.theme-premium .brand small,body.theme-premium .sidebar-label{color:#4d7090!important}
body.theme-premium .settings .style-chip.chosen,body.theme-premium .segment button.selected{color:#fff}
body.theme-premium .settings .style-chip:not(.chosen){color:#174d76!important}
body.theme-premium .settings .field-label{font-weight:850}
/* Keep decorative glass highlight BEHIND, not above labels or controls. */
.glass::before{z-index:0;opacity:.38}
.glass>*{position:relative;z-index:1}
body.theme-premium .glass::before{opacity:.16}


/* ===========================================================
   ZERO INFOGRAPHIC WEB PRO V2.0 RC2
   PREMIUM WHITE-BLUE CONTRAST+
   Theme-specific, non-destructive enhancement.
   Palette / contrast / focus / 3D affordances only.
   =========================================================== */
body.theme-premium{
  background:
    radial-gradient(ellipse at 86% 10%,rgba(66,155,228,.16) 0,transparent 38%),
    radial-gradient(ellipse at 0% 90%,rgba(71,151,225,.12) 0,transparent 35%),
    linear-gradient(135deg,#f5faff 0%,#ecf5ff 45%,#e1eefb 100%);
  color:#173c63;
}
/* Panels remain luminous while controls read as deliberately separate surfaces. */
body.theme-premium .glass{
  background:linear-gradient(155deg,rgba(249,252,255,.97) 0%,rgba(238,247,255,.94) 100%);
  border:1px solid #a5c5e4;
  box-shadow:0 14px 32px rgba(43,100,158,.16),inset 0 2px 0 rgba(255,255,255,.96),inset 0 -2px 0 rgba(182,210,238,.26);
}
body.theme-premium .sidebar{background:linear-gradient(155deg,#e4f1ff 0%,#d6eafa 100%);border-color:#8ab6db}
body.theme-premium .canvas-area{background:linear-gradient(155deg,#f8fbff,#edf6ff)}
body.theme-premium .tools{background:linear-gradient(155deg,#f7fbff,#eaf5ff)}
body.theme-premium .settings{background:linear-gradient(155deg,#f7fbff,#eaf4ff)}
body.theme-premium .topbar{background:linear-gradient(115deg,#f9fcff,#e5f2ff)}
body.theme-premium .command-bar{background:linear-gradient(125deg,#fafdff,#e9f4ff);border-color:#9cbee2}
body.theme-premium .topbar h1,body.theme-premium .panel-title h2,
body.theme-premium .tools h3,body.theme-premium .brand strong,
body.theme-premium .field-label,body.theme-premium .detail-header h2{color:#173c63}
body.theme-premium .topbar p,body.theme-premium .sidebar-label,
body.theme-premium .preview-bottom,body.theme-premium .subtle,
body.theme-premium .art-progress,body.theme-premium .art-history,
body.theme-premium .settings .hint{color:#355b80}

/* Consistent, visibly raised inactive controls. */
body.theme-premium .nav:not(.active),
body.theme-premium .btn:not(.primary),
body.theme-premium .style-chip:not(.chosen),
body.theme-premium .segment button:not(.selected),
body.theme-premium .icon-btn,
body.theme-premium .mini-icon,
body.theme-premium .command-bar .btn:not(.action-import),
body.theme-premium .tools .btn:not(.primary),
body.theme-premium .settings .btn:not(.primary){
  color:#16446f;
  background:linear-gradient(180deg,#d8edff 0%,#c2e1f9 51%,#a7d0f1 100%);
  border:1.5px solid #5798d2;
  box-shadow:inset 0 2px 0 #ffffff,inset 0 -6px 12px rgba(38,105,166,.14),0 7px 16px rgba(38,98,156,.23),0 2px 2px rgba(20,67,109,.08);
  text-shadow:none;
}
body.theme-premium .nav:not(.active) span,
body.theme-premium .style-chip:not(.chosen),
body.theme-premium .style-chip:not(.chosen) .style-icon,
body.theme-premium .segment button:not(.selected),
body.theme-premium .btn:not(.primary),
body.theme-premium .command-bar .btn:not(.action-import),
body.theme-premium .mini-icon{color:#16446f}
body.theme-premium .nav:not(.active) span{font-weight:800}
body.theme-premium .btn:not(.primary){font-weight:800}
body.theme-premium .theme-chip:not(.chosen){background:linear-gradient(180deg,#cde5f9,#a8d0f2);border-color:#5798d2}

/* Active and primary actions: intentionally dark enough for white text. */
body.theme-premium .nav.active,
body.theme-premium .segment button.selected,
body.theme-premium .style-chip.chosen,
body.theme-premium .theme-chip.chosen,
body.theme-premium .mode:has(input:checked){
  color:#fff;
  background:linear-gradient(180deg,#1a76b8 0%,#176ab2 57%,#12599b 100%);
  border:1.5px solid #0f538e;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.33),inset 0 -8px 14px rgba(9,55,108,.20),0 10px 20px rgba(19,93,171,.29);
  text-shadow:0 1px 1px rgba(0,41,81,.18);
}
body.theme-premium .nav.active span,
body.theme-premium .style-chip.chosen,
body.theme-premium .style-chip.chosen .style-icon,
body.theme-premium .segment button.selected,
body.theme-premium .mode:has(input:checked){color:#fff!important}
body.theme-premium .btn.primary,
body.theme-premium .tools .btn.primary,
body.theme-premium .tools .export-buttons .btn.primary,
body.theme-premium .command-bar .action-import{
  color:#fff;
  background:linear-gradient(180deg,#0874ae 0%,#08669f 51%,#075387 100%);
  border:1.5px solid #064b82;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.32),inset 0 -8px 14px rgba(3,54,99,.18),0 10px 22px rgba(14,86,151,.30);
  text-shadow:0 1px 1px rgba(0,37,71,.25);
}
body.theme-premium .command-bar .action-import .action-icon{color:#fff}
body.theme-premium .mode:not(:has(input:checked)){
  color:#17456e;
  background:linear-gradient(180deg,#dceeff,#beddf6);
  border:1.5px solid #6c9fcc;
  box-shadow:inset 0 2px 0 #fff,0 6px 14px rgba(47,102,154,.14);
}
body.theme-premium .mode input{accent-color:#1262a4}
body.theme-premium .mode:has(input:checked) input{accent-color:#fff}
body.theme-premium .segment{
  background:#c0d8f0;
  border:1px solid #83add0;
  box-shadow:inset 0 2px 5px rgba(35,88,139,.14);
}

/* Inputs/selects and settings: stronger edges, reliable contrast. */
body.theme-premium .settings input:not([type=radio]):not([type=file]),
body.theme-premium .settings select,
body.theme-premium .detail-panel input,
body.theme-premium .detail-panel select,
body.theme-premium .tools .web-select,
body.theme-premium .secret-row input,
body.theme-premium textarea{
  background:linear-gradient(180deg,#fbfdff,#e2f0fe);
  border:1.5px solid #7caed7;
  box-shadow:inset 0 2px 3px rgba(42,91,141,.09),0 2px 0 rgba(255,255,255,.8);
  color:#173c63;
}
body.theme-premium input::placeholder,body.theme-premium textarea::placeholder{color:#526e8a;opacity:1}
body.theme-premium .settings input:focus,
body.theme-premium .settings select:focus,
body.theme-premium .detail-panel input:focus,
body.theme-premium .detail-panel select:focus,
body.theme-premium .tools .web-select:focus,
body.theme-premium .secret-row input:focus{
  border-color:#126bb4;
  outline:2px solid rgba(34,127,209,.30);
  outline-offset:2px;
  box-shadow:0 0 0 4px rgba(36,135,213,.15),inset 0 2px 3px rgba(42,91,141,.08);
}
body.theme-premium .tools .field-label,body.theme-premium .compact-cols label{color:#173c63;font-weight:800}
body.theme-premium .status-tile{
  background:linear-gradient(180deg,#dff1ff,#bfdff8);
  border:1.5px solid #7eadd5;
  color:#16466f;
  box-shadow:inset 0 1px #fff,0 5px 12px rgba(57,113,160,.11);
}
body.theme-premium .secret-settings,body.theme-premium .upload{
  background:linear-gradient(180deg,#e3f3ff,#c5e2fa);
  border:1.5px solid #83afd3;
  color:#17476c;
}
body.theme-premium .secret-settings p,body.theme-premium .upload small{color:#365a7d}
body.theme-premium .pill{background:#cfebfe!important;border:1px solid #8bbbe0!important;color:#155986!important}
body.theme-premium .art-history{color:#09685e}
body.theme-premium .art-errors{color:#9b322c}
body.theme-premium .tool-foot{background:linear-gradient(155deg,#d9f3ee,#bce8e0);border-color:#7dbfb3}
body.theme-premium .tool-foot strong{color:#07665c}
body.theme-premium .tool-foot p{color:#285c60}
body.theme-premium .thumb.selected{border-color:#176ab2;box-shadow:0 0 0 3px rgba(18,106,178,.22),0 10px 18px rgba(34,95,146,.15)}
body.theme-premium .page-counter{color:#1a5b95!important}
body.theme-premium .preview-stage{border:1px solid #aec9e7}

/* Hover/press states do not compete with selected state. */
body.theme-premium .nav:hover,
body.theme-premium .btn:hover,
body.theme-premium .style-chip:hover,
body.theme-premium .icon-btn:hover,
body.theme-premium .mini-icon:hover,
body.theme-premium .segment button:hover{
  filter:brightness(1.04);
  transform:translateY(-3px);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.58),0 14px 26px rgba(22,89,152,.32);
}
body.theme-premium .nav:active,
body.theme-premium .btn:active,
body.theme-premium .style-chip:active,
body.theme-premium .icon-btn:active,
body.theme-premium .mini-icon:active,
body.theme-premium .segment button:active{transform:translateY(1px)}
body.theme-premium button:focus-visible,
body.theme-premium input:focus-visible,
body.theme-premium select:focus-visible,
body.theme-premium summary:focus-visible{
  outline:3px solid #ea951e;
  outline-offset:3px;
}
body.theme-premium button:disabled{filter:grayscale(.22);opacity:.65;cursor:not-allowed}

/* The shimmer remains visible on selected controls, not unselected ones. */
body.theme-premium .nav.active::after,
body.theme-premium .segment button.selected::after,
body.theme-premium .style-chip.chosen::after,
body.theme-premium .mode:has(input:checked)::after{opacity:.65}

/* Reduce crowded wrapping at typical desktop resolutions. */
body.theme-premium .command-bar .btn{white-space:nowrap;min-width:max-content}
body.theme-premium .tools .export-grid .btn{font-size:13px;white-space:nowrap}
body.theme-premium .sidebar .nav span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-premium .field-label{letter-spacing:0}

@media(max-width:1450px){
  body.theme-premium .command-bar .btn{font-size:13px;padding:11px 12px}
  body.theme-premium .sidebar .nav span{font-size:13px}
}
@media(max-width:880px){body.theme-premium .command-bar .btn{min-width:0;flex:1 1 145px}}
@media(prefers-reduced-motion:reduce){
  body.theme-premium .nav.active::after,
  body.theme-premium .segment button.selected::after,
  body.theme-premium .style-chip.chosen::after,
  body.theme-premium .mode:has(input:checked)::after{animation:none}
}


/* ===== RC3 ACCESSIBILITY FIX: PREMIUM WHITE-BLUE FULL CONTRAST SWEEP ===== */
body.theme-premium .detail-panel,
body.theme-premium .detail-panel p,
body.theme-premium .detail-panel .subtle,
body.theme-premium .detail-panel .hint,
body.theme-premium .detail-header h2,
body.theme-premium .detail-panel label{
  color:#173c63!important;
  opacity:1!important;
}
body.theme-premium .data-table-wrap{
  background:linear-gradient(180deg,#fafdff,#edf6ff);
  border:1.5px solid #8db8dc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 6px 16px rgba(49,101,150,.08);
}
body.theme-premium table{color:#173c63}
body.theme-premium th{
  color:#ffffff;
  background:linear-gradient(180deg,#2a629c 0%, #205687 100%);
  border-bottom:1px solid #13406a;
}
body.theme-premium tbody tr{background:rgba(255,255,255,.78)}
body.theme-premium tbody tr:nth-child(2n){background:rgba(224,238,249,.92)}
body.theme-premium tbody td{
  color:#173c63;
  border-bottom:1px solid rgba(130,173,208,.42);
}
body.theme-premium tbody td:nth-child(1){
  color:#2a5f8f!important;
  font-weight:800;
}
body.theme-premium tbody td[colspan],
body.theme-premium .inline-controls .subtle,
body.theme-premium .page-card .subtle{
  color:#355b80!important;
}
body.theme-premium .detail-panel input,
body.theme-premium .detail-panel select,
body.theme-premium .detail-panel textarea{
  color:#173c63!important;
  background:linear-gradient(180deg,#fbfdff,#e2f0fe)!important;
  border:1.5px solid #7caed7!important;
}
body.theme-premium .detail-panel input::placeholder,
body.theme-premium .detail-panel textarea::placeholder,
body.theme-premium .detail-panel select,
body.theme-premium input::placeholder,
body.theme-premium textarea::placeholder{
  color:#526e8a!important;
  opacity:1!important;
}
body.theme-premium .detail-panel input[type="checkbox"]{
  accent-color:#0f73c7;
  width:18px;
  height:18px;
}
body.theme-premium .detail-panel input:disabled,
body.theme-premium .detail-panel select:disabled,
body.theme-premium .detail-panel textarea:disabled,
body.theme-premium .settings input:disabled,
body.theme-premium .settings select:disabled,
body.theme-premium textarea:disabled{
  color:#4c6883!important;
  background:linear-gradient(180deg,#e8f0f7,#d9e6f1)!important;
  border-color:#9db7cc!important;
  opacity:1!important;
}
body.theme-premium .detail-panel .btn.secondary,
body.theme-premium .detail-panel .btn:not(.primary){
  color:#184a74!important;
}
body.theme-premium .detail-panel .btn.primary{color:#fff!important}
body.theme-premium .page-card,
body.theme-premium .secret-settings details,
body.theme-premium .detail-panel .page-card{
  color:#173c63;
}
body.theme-premium .page-card h3,
body.theme-premium .page-card h3 input{color:#173c63!important}
body.theme-premium .page-card select,
body.theme-premium .page-card input{color:#173c63!important}
body.theme-premium .settings select option,
body.theme-premium .detail-panel select option,
body.theme-premium .tools select option{
  color:#173c63;
  background:#ffffff;
}
body.theme-premium .status-tile *,
body.theme-premium .tool-foot *,
body.theme-premium .secret-settings *,
body.theme-premium .upload *{
  text-shadow:none!important;
}