:root{--bg:#eef1f6;--surface:#fff;--surface2:#f6f7fb;--text:#172033;--muted:#677087;--border:#dfe3ec;--accent:#6c5ce7;--accent2:#5142d8;--danger:#dc3545;--shadow:0 14px 40px rgba(28,36,56,.14);--grid:#d6dae5}
html[data-theme="dark"]{--bg:#171923;--surface:#222531;--surface2:#292d3b;--text:#f4f6fb;--muted:#a9b0c1;--border:#393e4f;--accent:#8b7cf6;--accent2:#7766ef;--shadow:0 14px 40px rgba(0,0,0,.35);--grid:#3a3f50}
html[data-theme="black"]{--bg:#000;--surface:#0c0c0e;--surface2:#141417;--text:#fff;--muted:#aaa;--border:#29292e;--accent:#9b8cff;--accent2:#7b69f4;--shadow:0 16px 45px rgba(0,0,0,.75);--grid:#242429}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--accent),#00b7ff);color:#fff;font-weight:900;display:grid;place-items:center}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:11px}.top-actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:650}.btn:hover{filter:brightness(1.05)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%}.file-btn input,.add-card input{display:none}.select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px}.select.compact{width:90px}.workspace{height:calc(100vh - 64px);display:grid;grid-template-columns:96px 320px 1fr;overflow:hidden}.leftbar{background:var(--surface);border-right:1px solid var(--border);padding:10px 5px}.tool{width:100%;border:0;background:transparent;color:var(--muted);padding:12px 4px;border-radius:9px;cursor:pointer;font-size:11px}.tool span{display:block;font-size:21px;margin-bottom:4px}.tool.active{color:var(--accent);background:var(--surface2)}.panel{background:var(--surface);border-right:1px solid var(--border);padding:18px;overflow:auto}.panel-page{display:none}.panel-page.active{display:block}.panel h2{font-size:17px;margin:0 0 16px}.panel h3{font-size:13px;margin:22px 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.add-card{min-height:78px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.add-card b{font-size:22px}.add-card span{font-size:12px}.layers-list{display:flex;flex-direction:column;gap:6px}.layer-item{border:1px solid var(--border);background:var(--surface2);border-radius:8px;padding:9px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px}.layer-item.active{outline:2px solid var(--accent)}.stage-wrap{min-width:0;display:flex;flex-direction:column}.stage-toolbar,.statusbar{height:44px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 14px}.stage-toolbar input{width:180px}.stage{flex:1;overflow:auto;display:grid;place-items:center;padding:70px;background-image:linear-gradient(45deg,var(--grid) 25%,transparent 25%),linear-gradient(-45deg,var(--grid) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--grid) 75%),linear-gradient(-45deg,transparent 75%,var(--grid) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.statusbar{height:32px;border-top:1px solid var(--border);border-bottom:0;justify-content:space-between;color:var(--muted);font-size:11px}.label-canvas{position:relative;background:white;box-shadow:var(--shadow);transform-origin:center;overflow:hidden;outline:1px dashed #a8a8a8;color:#111;user-select:none}.label-object{position:absolute;min-width:4px;min-height:4px;cursor:move;display:flex;overflow:hidden}.label-object.selected{outline:1px solid #6c5ce7}.label-object .content{width:100%;height:100%;display:flex;align-items:center;overflow:hidden;white-space:pre-wrap;line-height:1.15}.label-object img{width:100%;height:100%;object-fit:contain;pointer-events:none}.label-object.shape .content{border:1px solid currentColor}.label-object.line .content{height:1px;border-top:2px solid currentColor;margin:auto 0}.resize-handle{display:none;position:absolute;width:10px;height:10px;background:#fff;border:2px solid #6c5ce7;border-radius:50%;z-index:3}.selected .resize-handle{display:block}.resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.property-form{display:flex;flex-direction:column;gap:11px}.property-form label,.wizard-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.property-form input,.property-form textarea,.property-form select,.wizard-form input,.wizard-form select{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:8px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check{flex-direction:row!important;align-items:center}.check input{width:auto!important}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hidden{display:none!important}.empty-state{padding:18px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);text-align:center}.warning{font-size:12px;color:#e6a700;line-height:1.4}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);max-height:94vh;overflow:hidden}.wizard-card{width:min(720px,100%);padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h1{margin:2px 0 18px;font-size:25px}.modal-head small{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.wizard-form{display:flex;flex-direction:column;gap:13px}.margin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.wizard-summary{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:13px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.preview-card{width:min(1180px,98vw);height:94vh;display:flex;flex-direction:column}.preview-card .modal-head{padding:18px 20px 0}.icon-btn{border:0;background:transparent;color:var(--text);font-size:32px;cursor:pointer}.preview-controls{padding:0 20px 14px;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}.preview-scroll{flex:1;overflow:auto;background:#cfd3db;padding:35px}.print-sheet{position:relative;background:white;margin:auto;box-shadow:0 8px 30px rgba(0,0,0,.25);overflow:hidden}.print-label{position:absolute;overflow:hidden;background:#fff;color:#000}.print-label.with-border{outline:.2mm solid #aaa}.print-object{position:absolute;display:flex;overflow:hidden}.print-object .content{width:100%;height:100%;display:flex;align-items:center;white-space:pre-wrap;line-height:1.15;overflow:hidden}.print-object img{width:100%;height:100%;object-fit:contain}.print-object.shape .content{border:1px solid currentColor}.print-object.line .content{height:1px;border-top:2px solid currentColor;margin:auto 0}.toast{position:fixed;right:20px;bottom:20px;background:#101218;color:#fff;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(15px);transition:.25s;z-index:200}.toast.show{opacity:1;transform:none}@media(max-width:900px){.workspace{grid-template-columns:88px 270px 1fr}.top-actions .btn:nth-child(-n+4){display:none}.stage{padding:30px}.margin-grid{grid-template-columns:1fr 1fr}}
@media print{html,body{background:#fff!important;margin:0!important;padding:0!important}.no-print,#app{display:none!important}#previewModal{display:block!important;position:static!important;background:#fff!important;padding:0!important}.preview-card{display:block!important;width:auto!important;height:auto!important;max-height:none!important;border:0!important;box-shadow:none!important}.preview-scroll{padding:0!important;overflow:visible!important;background:#fff!important}.print-sheet{box-shadow:none!important;margin:0!important}.print-label{break-inside:avoid}}
.field-note{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:-4px}

/* Identidade visual Etiqon 1.3.1 */
.brand{min-width:185px;height:52px;display:flex;align-items:center}
.brand-logo{display:block;width:auto;height:48px;max-width:210px;object-fit:contain;object-position:left center}
@media(max-width:1100px){.brand{min-width:54px}.brand-logo{width:52px;height:52px;object-fit:cover;object-position:left center}}
@media(max-width:900px){.brand-logo{width:46px;height:46px}}
/* Etiqon 1.4 — idiomas */
#languageSelect{min-width:150px;max-width:190px}
html[dir="rtl"] .workspace{direction:rtl}
html[dir="rtl"] .topbar,html[dir="rtl"] .top-actions{direction:rtl}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
@media(max-width:900px){#languageSelect{min-width:120px;max-width:145px}}

/* Etiqon 1.5 — splash, réguas, guias e menu contextual */
.splash-screen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#282044 0,#11131d 42%,#07080d 100%);color:#fff;transition:opacity .45s ease,visibility .45s ease}.splash-screen.done{opacity:0;visibility:hidden;pointer-events:none}.splash-orbit{width:170px;height:170px;position:relative;display:grid;place-items:center;animation:splashFloat 2s ease-in-out infinite}.splash-icon{width:92px;height:92px;filter:drop-shadow(0 18px 30px rgba(75,102,255,.35));animation:splashPulse 1.4s ease-in-out infinite}.splash-logo{width:min(360px,72vw);max-height:92px;object-fit:contain;margin-top:12px;animation:splashLogo .9s ease both}.splash-tool{position:absolute;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:splashOrbit 3.2s linear infinite}.tool-pen{top:0;left:64px}.tool-shape{right:0;top:64px;animation-delay:-.8s}.tool-text{bottom:0;left:64px;animation-delay:-1.6s}.tool-image{left:0;top:64px;animation-delay:-2.4s}.splash-progress{width:min(360px,72vw);height:5px;border-radius:20px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:22px}.splash-progress i{display:block;height:100%;width:45%;border-radius:inherit;background:linear-gradient(90deg,#a800ff,#00bfff);animation:splashLoad 1.6s ease-in-out infinite}.splash-screen p{font-size:12px;color:#c8c9d7;letter-spacing:.04em}@keyframes splashPulse{50%{transform:scale(1.07) rotate(-2deg)}}@keyframes splashFloat{50%{transform:translateY(-7px)}}@keyframes splashOrbit{to{transform:rotate(360deg) scale(1.05)}}@keyframes splashLoad{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}@keyframes splashLogo{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.canvas-rig{display:grid;grid-template-columns:26px auto;grid-template-rows:26px auto;transform-origin:center;align-items:start}.ruler-corner{grid-column:1;grid-row:1;background:var(--surface);border:1px solid var(--border);border-radius:5px 0 0 0}.ruler{position:relative;background:var(--surface);color:var(--muted);font-size:8px;overflow:hidden;border-color:var(--border);border-style:solid}.ruler-horizontal{grid-column:2;grid-row:1;height:26px;border-width:1px 1px 0 0}.ruler-vertical{grid-column:1;grid-row:2;width:26px;border-width:0 0 1px 1px}.ruler-tick{position:absolute;background:var(--muted);opacity:.75}.ruler-horizontal .ruler-tick{bottom:0;width:1px}.ruler-vertical .ruler-tick{right:0;height:1px}.ruler-label{position:absolute;white-space:nowrap}.ruler-horizontal .ruler-label{top:2px;transform:translateX(2px)}.ruler-vertical .ruler-label{left:2px;transform:rotate(-90deg) translateX(-100%);transform-origin:left top}.canvas-cell{grid-column:2;grid-row:2;position:relative}.alignment-guide{position:absolute;z-index:20;pointer-events:none;display:none;background:#ff2fa8;box-shadow:0 0 0 1px rgba(255,255,255,.55)}.alignment-guide.show{display:block}.guide-x{top:0;bottom:0;width:1px}.guide-y{left:0;right:0;height:1px}.dimension-tip{position:absolute;z-index:30;display:none;pointer-events:none;background:#171923;color:#fff;border-radius:6px;padding:5px 7px;font-size:10px;box-shadow:0 5px 18px rgba(0,0,0,.3);white-space:nowrap}.dimension-tip.show{display:block}.context-menu{position:fixed;z-index:500;display:none;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:6px;box-shadow:var(--shadow)}.context-menu.open{display:block}.context-menu button{display:block;width:100%;border:0;background:transparent;color:var(--text);padding:9px 10px;text-align:left;border-radius:7px;cursor:pointer}.context-menu button:hover{background:var(--surface2)}.context-menu hr{border:0;border-top:1px solid var(--border);margin:5px}.context-menu .danger-text{color:var(--danger)}html[dir="rtl"] .context-menu button{text-align:right}.shape-fields{display:flex;flex-direction:column;gap:10px}
.line-svg{width:100%;height:100%;overflow:visible;display:block}.line-svg line{vector-effect:non-scaling-stroke}.label-object.line,.print-object.line{overflow:visible}.label-object.line .content,.print-object.line .content{height:100%;border:0;margin:0;overflow:visible}.label-object.shape .content,.print-object.shape .content{border-style:solid}
.canvas-cell .label-canvas{transform-origin:top left}

/* Etiqon 1.5.2 — barra superior Lucide e paletas da marca */
:root{
  --brand-magenta:#d900e8;--brand-violet:#7047ff;--brand-blue:#2388ff;--brand-cyan:#00c8f8;
  --bg:#f1f4fb;--surface:#ffffff;--surface2:#f7f8fd;--surface3:#edf1fa;
  --text:#161b30;--muted:#68718a;--border:#d9dfed;
  --accent:#7047ff;--accent2:#5232dc;--accent-soft:rgba(112,71,255,.11);
  --danger:#df3154;--grid:#d9deea;--topbar-shadow:0 5px 22px rgba(64,50,130,.08)
}
html[data-theme="dark"]{
  --bg:#111322;--surface:#191c2d;--surface2:#22263a;--surface3:#292e45;
  --text:#f7f7ff;--muted:#adb3ca;--border:#343a55;
  --accent:#9174ff;--accent2:#7657f4;--accent-soft:rgba(145,116,255,.16);
  --danger:#ff5578;--grid:#30364e;--topbar-shadow:0 7px 24px rgba(0,0,0,.28)
}
html[data-theme="black"]{
  --bg:#000105;--surface:#090a10;--surface2:#11131c;--surface3:#181b27;
  --text:#fff;--muted:#a8adc0;--border:#272b3d;
  --accent:#a17dff;--accent2:#7954f7;--accent-soft:rgba(161,125,255,.18);
  --danger:#ff5075;--grid:#202332;--topbar-shadow:0 8px 30px rgba(0,0,0,.78)
}
.topbar{box-shadow:var(--topbar-shadow);background:linear-gradient(90deg,var(--surface) 0,var(--surface) 72%,var(--accent-soft) 145%)}
.top-actions{gap:7px}
.btn{transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;color .18s ease}
.btn:hover{filter:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accent-soft)}
.btn:active{transform:translateY(0)}
.btn.primary{background:linear-gradient(135deg,var(--brand-magenta) -35%,var(--brand-violet) 45%,var(--brand-blue) 125%);border-color:transparent;box-shadow:0 7px 18px rgba(112,71,255,.25)}
.btn.primary:hover{background:linear-gradient(135deg,var(--brand-magenta) -25%,var(--brand-violet) 42%,var(--brand-cyan) 135%);box-shadow:0 9px 23px rgba(112,71,255,.34)}
.top-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;min-height:42px}
.top-action-btn .lucide{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.top-action-btn.primary .lucide{filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.select{transition:border-color .18s ease,box-shadow .18s ease;background-color:var(--surface2)}
.select:hover,.select:focus{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.tool.active{background:var(--accent-soft)}
.add-card:hover,.layer-item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}
@media(max-width:1180px){.top-action-btn{padding-inline:10px}.top-action-btn span{display:none}.top-action-btn{width:42px}.file-btn.top-action-btn{display:inline-flex}}

/* Etiqon 1.5.4 — itens contextuais condicionais */
.context-menu button[hidden]{display:none!important}

/* Etiqon 1.5.5 — crédito institucional */
.splash-credit{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 7px;font-size:13px;color:#d8d9e8;text-align:center}.splash-credit strong{color:#fff}.splash-credit a{flex-basis:100%;color:#76dfff;text-decoration:none;font-weight:700}.splash-credit a:hover,.splash-credit a:focus{text-decoration:underline;color:#fff}


/* Etiqon 1.6.0 — tela de curiosidade */
.curiosity-screen{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(112,71,255,.32),rgba(7,8,13,.96) 58%,#04050a);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.curiosity-screen.open{opacity:1;visibility:visible;pointer-events:auto}.curiosity-card{width:min(690px,94vw);padding:42px 38px 30px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(155deg,rgba(28,31,51,.96),rgba(10,11,18,.98));box-shadow:0 35px 90px rgba(0,0,0,.55);color:#fff;text-align:center;transform:translateY(16px) scale(.98);transition:transform .3s ease}.curiosity-screen.open .curiosity-card{transform:none}.curiosity-symbol{width:76px;height:76px;margin:0 auto 20px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--brand-magenta),var(--brand-violet),var(--brand-cyan));font-size:42px;font-weight:900;box-shadow:0 18px 45px rgba(112,71,255,.38);animation:curiosityPulse 2.2s ease-in-out infinite}.curiosity-card small{display:block;color:#9eeaff;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.curiosity-card h2{margin:14px auto 12px;max-width:610px;font-size:clamp(22px,3vw,34px);line-height:1.2}.curiosity-card p{max-width:560px;margin:0 auto 24px;color:#c8cbda;font-size:15px;line-height:1.65}.curiosity-credit{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:5px 7px;color:#c8cbda;font-size:12px}.curiosity-credit strong{color:#fff}.curiosity-credit a{flex-basis:100%;color:#76dfff;text-decoration:none}.curiosity-credit a:hover{text-decoration:underline}@keyframes curiosityPulse{50%{transform:translateY(-5px) rotate(3deg);filter:brightness(1.12)}}

/* Etiqon 1.7.0 — seleção múltipla, formas, degradê e edição livre */
.ruler,.ruler-corner{user-select:none;-webkit-user-select:none;pointer-events:none}.label-object.multi-selected{outline:1px solid #00a9ff}.selection-marquee{position:absolute;border:1px dashed #2388ff;background:rgba(35,136,255,.13);pointer-events:none;z-index:9999}.shape-library{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shape-library button{min-height:92px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);font-size:34px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.shape-library button:hover{border-color:var(--accent);background:var(--accent-soft)}.shape-library span{font-size:12px}.shapes-card{width:min(620px,94vw)}.gradient-fields,.image-tools{display:flex;flex-direction:column;gap:8px}.freeform-card{width:min(820px,96vw)}#freeformCanvas{width:100%;height:auto;max-height:56vh;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:crosshair;touch-action:none}.label-object.vector .content,.print-object.vector .content{overflow:visible}.label-object.vector svg,.print-object.vector svg{width:100%;height:100%;display:block;overflow:visible}.context-menu button[data-action="duplicate"]{font-weight:650}


/* Etiqon 1.8.0 — interface editorial futurista, sem caixas contornadas */
:root{
  --bg:#e9edf4;--surface:rgba(250,252,255,.88);--surface2:rgba(222,228,239,.58);
  --text:#111827;--muted:#647084;--border:transparent;--accent:#7357ff;--accent2:#4f37d9;
  --accent-soft:rgba(115,87,255,.12);--danger:#ff416c;--grid:#d2d8e4;
  --chrome-shadow:0 18px 55px rgba(37,47,74,.12);--soft-shadow:0 10px 30px rgba(37,47,74,.09)
}
html[data-theme="dark"]{
  --bg:#10131a;--surface:rgba(25,29,39,.90);--surface2:rgba(45,51,66,.58);
  --text:#f7f8fc;--muted:#929cad;--accent:#9b83ff;--accent2:#7657ff;--accent-soft:rgba(155,131,255,.14);
  --grid:#2a303d;--chrome-shadow:0 24px 65px rgba(0,0,0,.34);--soft-shadow:0 12px 34px rgba(0,0,0,.24)
}
html[data-theme="black"]{
  --bg:#050506;--surface:rgba(15,16,19,.94);--surface2:rgba(35,36,42,.62);
  --text:#fff;--muted:#9697a2;--accent:#a891ff;--accent2:#7a5cff;--accent-soft:rgba(168,145,255,.14);
  --grid:#202126;--chrome-shadow:0 28px 80px rgba(0,0,0,.68);--soft-shadow:0 15px 38px rgba(0,0,0,.45)
}
body{background:radial-gradient(circle at 75% -15%,rgba(95,74,255,.12),transparent 34%),var(--bg)}
.topbar{height:68px;border:0;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(24px) saturate(145%);box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 34px rgba(0,0,0,.08);padding:0 20px}
.workspace{height:calc(100vh - 68px);grid-template-columns:88px 324px 1fr;gap:0}
.leftbar{border:0;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:12px 8px;box-shadow:8px 0 28px rgba(0,0,0,.055);z-index:8}
.panel{border:0;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(22px);box-shadow:10px 0 34px rgba(0,0,0,.055);padding:22px 20px;z-index:7}
.tool{border:0;border-radius:14px;min-height:70px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.2s ease}
.tool span{display:block;font-size:10px;margin:0;letter-spacing:.01em}.tool .nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tool:hover{color:var(--text);background:rgba(255,255,255,.045)}.tool.active{color:#fff;background:linear-gradient(145deg,#9f63ff,#6e56ff 55%,#3c8dff);box-shadow:0 12px 30px rgba(105,78,255,.27)}
.btn,.select,.add-card,.shape-library button,.layer-item,.context-menu button{border:0!important}
.btn{border-radius:12px;background:var(--surface2);box-shadow:none;padding:9px 13px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;color:var(--text)}
.btn:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 14%,var(--surface2));box-shadow:0 8px 22px rgba(0,0,0,.09)}
.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--surface2)}
.btn.primary{background:linear-gradient(135deg,#b455ff 0%,#7557ff 48%,#2a9dff 115%);box-shadow:0 10px 28px rgba(100,72,255,.25)}
.btn.danger{background:linear-gradient(135deg,#ff5f7d,#e52f5d)}
.top-actions{gap:5px}.top-action-btn{min-height:40px;border-radius:12px}.top-action-btn .lucide{stroke-width:1.8}
.select{background:var(--surface2);border-radius:12px;outline:0;padding:9px 11px}.select:focus{box-shadow:0 0 0 3px var(--accent-soft)}
.panel h2{font-size:18px;font-weight:750;letter-spacing:-.02em}.panel h3{font-size:10px;letter-spacing:.14em;margin-top:26px}
.add-grid{gap:8px}.add-card{min-height:82px;border-radius:15px;background:transparent;color:var(--muted);position:relative;overflow:hidden;transition:.2s ease}
.add-card::before{content:"";position:absolute;inset:0;background:var(--surface2);opacity:.72;transition:.2s ease}
.add-card>*{position:relative;z-index:1}.add-card:hover{color:var(--text);transform:translateY(-2px)}.add-card:hover::before{background:var(--accent-soft);opacity:1}
.add-card .element-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.add-card span{font-size:11px;font-weight:650}.add-card b{display:none}
.layers-list{gap:4px}.layer-item{background:transparent;border-radius:10px;padding:10px 9px;color:var(--muted)}.layer-item:hover{background:var(--surface2);color:var(--text)}.layer-item.active{outline:0;background:var(--accent-soft);color:var(--accent)}
.stage-toolbar,.statusbar{border:0;background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(18px)}.stage-toolbar{box-shadow:0 8px 24px rgba(0,0,0,.035)}.statusbar{box-shadow:0 -8px 24px rgba(0,0,0,.03)}
.property-form input,.property-form textarea,.property-form select,.wizard-form input,.wizard-form select{border:0;background:var(--surface2);border-radius:11px;padding:9px 10px;outline:0}.property-form input:focus,.property-form textarea:focus,.property-form select:focus,.wizard-form input:focus,.wizard-form select:focus{box-shadow:0 0 0 3px var(--accent-soft);background:color-mix(in srgb,var(--surface2) 88%,var(--accent) 12%)}
.empty-state,.wizard-summary{border:0;background:var(--surface2);border-radius:14px}.empty-state{padding:20px}
.modal{background:rgba(3,5,10,.62);backdrop-filter:blur(12px)}.modal-card{border:0;border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 35px 90px rgba(0,0,0,.42)}
.shapes-card{padding:22px}.shape-library{gap:10px}.shape-library button{min-height:98px;border-radius:16px;background:var(--surface2);font-size:0;transition:.2s ease}.shape-library button:hover{background:var(--accent-soft);transform:translateY(-2px);box-shadow:var(--soft-shadow)}
.shape-library .shape-icon{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.shape-library button:hover .shape-icon{stroke:var(--accent)}.shape-library span{font-size:11px;font-weight:650;color:var(--muted)}
.context-menu{border:0;border-radius:16px;background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(20px);box-shadow:0 24px 65px rgba(0,0,0,.28);padding:7px}.context-menu button{border-radius:10px}.context-menu hr{border:0;height:1px;background:rgba(127,135,153,.15);margin:5px 8px}
.ruler-corner,.ruler{border-color:transparent;background:color-mix(in srgb,var(--surface) 90%,transparent)}
.label-canvas{outline:0;box-shadow:0 25px 70px rgba(8,12,24,.20),0 0 0 1px rgba(130,140,160,.12)}
.icon-btn{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:25px}.icon-btn:hover{background:var(--surface2)}
.toast{border-radius:14px;background:rgba(12,14,20,.92);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.24)}
@media(max-width:900px){.workspace{grid-template-columns:78px 270px 1fr}}


/* Etiqon 1.8.1 — acabamento e espaçamento da biblioteca de formas */
.shapes-card{padding:28px 30px 30px!important}
.shapes-card .modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 2px}
.shapes-card .modal-head small{display:block;margin:0 0 7px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.shapes-card .modal-head h1{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.025em}
.shapes-card .shape-library{padding:2px;gap:12px}
.shapes-card .shape-library button{padding:16px 10px 14px;gap:10px}
.shapes-card .shape-library span{display:block;line-height:1.25;text-align:center}
.freeform-card{padding:28px 30px 30px}
.freeform-card .modal-head{margin-bottom:18px}
.freeform-card>.field-note{display:block;margin:0 0 16px;line-height:1.55}
.freeform-card #freeformCanvas{margin:0 0 16px}
.freeform-card>.check{margin:0 0 18px}
@media(max-width:640px){.shapes-card,.freeform-card{padding:22px 18px 24px!important}.shapes-card .modal-head{margin-bottom:18px}.shape-library{grid-template-columns:repeat(2,1fr)}}

/* Etiqon 1.8.2 — contraste refinado para o tema claro */
html:not([data-theme]),html[data-theme="light"]{
  --bg:#e3e8f0;
  --surface:#f8fafc;
  --surface2:#e7ebf2;
  --surface3:#dce2eb;
  --text:#101827;
  --muted:#526178;
  --grid:#c7cfdb;
  --accent-soft:rgba(105,75,255,.15);
  --chrome-shadow:0 22px 58px rgba(25,34,55,.18);
  --soft-shadow:0 12px 30px rgba(32,43,68,.14)
}
html:not([data-theme]) body,html[data-theme="light"] body{background:radial-gradient(circle at 75% -15%,rgba(95,74,255,.14),transparent 34%),var(--bg)}
html:not([data-theme]) .modal,html[data-theme="light"] .modal{background:rgba(31,38,51,.72)}
html:not([data-theme]) .modal-card,html[data-theme="light"] .modal-card{background:#f5f7fb;box-shadow:0 34px 90px rgba(18,25,39,.36)}
html:not([data-theme]) .wizard-card,html[data-theme="light"] .wizard-card{color:#101827}
html:not([data-theme]) .wizard-form label,html[data-theme="light"] .wizard-form label,
html:not([data-theme]) .property-form label,html[data-theme="light"] .property-form label{color:#53627a;font-weight:570}
html:not([data-theme]) .wizard-form input,html[data-theme="light"] .wizard-form input,
html:not([data-theme]) .wizard-form select,html[data-theme="light"] .wizard-form select,
html:not([data-theme]) .property-form input,html[data-theme="light"] .property-form input,
html:not([data-theme]) .property-form textarea,html[data-theme="light"] .property-form textarea,
html:not([data-theme]) .property-form select,html[data-theme="light"] .property-form select{background:#e4e9f1;color:#111827;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}
html:not([data-theme]) .wizard-form input:hover,html[data-theme="light"] .wizard-form input:hover,
html:not([data-theme]) .wizard-form select:hover,html[data-theme="light"] .wizard-form select:hover{background:#dde4ee}
html:not([data-theme]) .wizard-summary,html[data-theme="light"] .wizard-summary{background:#e3e8f0;color:#53627a}
html:not([data-theme]) .wizard-summary strong,html[data-theme="light"] .wizard-summary strong{color:#27344a}
html:not([data-theme]) .btn.ghost,html[data-theme="light"] .btn.ghost{color:#172033;font-weight:700}
html:not([data-theme]) .btn.ghost:hover,html[data-theme="light"] .btn.ghost:hover{background:#e1e6ef}
html:not([data-theme]) .modal-head small,html[data-theme="light"] .modal-head small{color:#6949f5}
html:not([data-theme]) .panel,html[data-theme="light"] .panel,
html:not([data-theme]) .leftbar,html[data-theme="light"] .leftbar,
html:not([data-theme]) .topbar,html[data-theme="light"] .topbar{background:rgba(248,250,252,.94)}
html:not([data-theme]) .stage-toolbar,html[data-theme="light"] .stage-toolbar,
html:not([data-theme]) .statusbar,html[data-theme="light"] .statusbar{background:rgba(244,247,251,.94)}

/* Etiqon 1.8.3 — seleção por arraste iniciada também no quadriculado externo */
.stage-marquee{position:absolute;transform:none!important;z-index:99999}


/* Etiqon 1.8.4 — seleção restrita ao editor e textos de interface não selecionáveis */
html,body,.app,.topbar,.workspace,.leftbar,.panel,.stage-wrap,.stage-toolbar,.statusbar,
button,.btn,.tool,.add-card,.layer-item,.modal,.modal-card,.modal-head,.wizard-summary,
.context-menu,.shape-library,label,legend,h1,h2,h3,h4,h5,h6,p,span,small,strong,b,caption,
.ruler,.ruler-corner,.toast{-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"],.text-editable{-webkit-user-select:text;user-select:text}
.stage{position:relative;isolation:isolate}
.stage-marquee{max-width:none;max-height:none}

/* Language selection — 1.8.5 */
.language-modal{z-index:900;background:rgba(4,6,12,.82);backdrop-filter:blur(18px)}
.language-card{width:min(720px,100%);padding:24px;max-height:min(700px,94vh);display:flex;flex-direction:column;gap:18px}
.language-head{align-items:flex-start}.language-head h1{margin:3px 0 7px}.language-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.language-head>img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(100,70,255,.28))}
.language-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;padding:2px 4px 4px 2px}
.language-option{appearance:none;border:0;background:color-mix(in srgb,var(--surface2) 84%,transparent);color:var(--text);border-radius:14px;min-height:72px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px transparent;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.language-option:hover,.language-option:focus-visible{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 12%,var(--surface2));box-shadow:0 12px 24px rgba(0,0,0,.13);outline:none}
.language-option.selected{background:color-mix(in srgb,var(--accent) 16%,var(--surface2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}
.language-option img{width:42px;height:28px;object-fit:cover;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.22);flex:0 0 auto}
.language-option span{display:flex;flex-direction:column;min-width:0}.language-option strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-option small{font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-option i{position:absolute;right:10px;top:10px;width:7px;height:7px;border-radius:50%;background:transparent}.language-option.selected i{background:var(--accent);box-shadow:0 0 12px var(--accent)}
html[dir="rtl"] .language-option{text-align:right}html[dir="rtl"] .language-option i{right:auto;left:10px}
@media(max-width:650px){.language-card{padding:20px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-head>img{width:44px;height:44px}}
@media(max-width:420px){.language-grid{grid-template-columns:1fr}.language-option{min-height:62px}}


/* Etiqon 1.8.6 — fluxo de idioma e interface sem contornos decorativos */
.language-card{background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 34px 90px rgba(0,0,0,.42);border:0}
.language-grid{gap:8px;padding:0}
.language-option{border:0!important;outline:0!important;border-radius:12px;background:color-mix(in srgb,var(--surface2) 72%,transparent);box-shadow:none!important}
.language-option:hover,.language-option:focus-visible{background:color-mix(in srgb,var(--accent) 11%,var(--surface2));box-shadow:0 14px 30px rgba(0,0,0,.14)!important}
.language-option.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface2)),color-mix(in srgb,#18bfff 10%,var(--surface2)));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.language-actions{display:flex;justify-content:flex-end;padding-top:2px}
.language-continue{min-width:140px;border:0!important;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 28%,transparent)}
.language-option img{border-radius:4px}
html:not([data-theme]) .language-card,html[data-theme="light"] .language-card{background:#f4f6fb}
html:not([data-theme]) .language-option,html[data-theme="light"] .language-option{background:#e7ebf3}
html:not([data-theme]) .language-option:hover,html[data-theme="light"] .language-option:hover{background:#dde3ef}
html:not([data-theme]) .language-option.selected,html[data-theme="light"] .language-option.selected{background:linear-gradient(135deg,#ded7ff,#d9efff)}
/* 1.8.8: proteção independente contra bloqueio permanente da Splash. */
.splash-screen{animation:splashFailsafe .45s ease 3.2s forwards}
@keyframes splashFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}


/* Etiqon 1.9.0 — seletor de temas e temas inspirados em sistemas operacionais */
.theme-picker{position:relative;display:grid;grid-template-columns:auto minmax(150px,1fr) 18px;align-items:center;gap:8px;min-height:40px;padding:4px 10px 4px 12px;border-radius:13px;background:var(--surface2);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.06);cursor:pointer;isolation:isolate}
.theme-picker-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.theme-select.select.compact{appearance:none;-webkit-appearance:none;width:100%;min-width:150px;border:0!important;border-radius:0;background:transparent!important;color:var(--text);padding:7px 28px 7px 8px;line-height:1.2;font-weight:700;outline:0;cursor:pointer;box-shadow:none!important}
.theme-select option{background:var(--surface);color:var(--text);padding:10px}
.theme-picker-chevron{position:absolute;right:11px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;pointer-events:none;color:var(--muted)}
.theme-picker:focus-within{box-shadow:0 0 0 3px var(--accent-soft),inset 0 1px 0 rgba(255,255,255,.1)}

html[data-theme="win98"]{--bg:#008080;--surface:#c0c0c0;--surface2:#d4d0c8;--text:#000;--muted:#424242;--border:#808080;--accent:#000080;--accent2:#000060;--accent-soft:rgba(0,0,128,.16);--danger:#c00000;--grid:#007373;--shadow:6px 6px 0 rgba(0,0,0,.28);font-family:"MS Sans Serif",Tahoma,sans-serif}
html[data-theme="win98"] body{font-family:"MS Sans Serif",Tahoma,sans-serif;background:#008080}
html[data-theme="win98"] .topbar,html[data-theme="win98"] .panel,html[data-theme="win98"] .leftbar,html[data-theme="win98"] .stage-toolbar,html[data-theme="win98"] .statusbar,html[data-theme="win98"] .modal-card{background:#c0c0c0;backdrop-filter:none;border-radius:0;box-shadow:none}
html[data-theme="win98"] .topbar{border-bottom:2px solid;border-color:#fff #404040 #404040 #fff}
html[data-theme="win98"] .panel,html[data-theme="win98"] .leftbar{border-right:2px solid;border-color:#fff #404040 #404040 #fff}
html[data-theme="win98"] .btn,html[data-theme="win98"] .icon-btn,html[data-theme="win98"] .add-card,html[data-theme="win98"] .tool,html[data-theme="win98"] input,html[data-theme="win98"] textarea,html[data-theme="win98"] select,html[data-theme="win98"] .theme-picker{border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;background:#c0c0c0!important;color:#000!important;box-shadow:none!important}
html[data-theme="win98"] .btn:active,html[data-theme="win98"] .icon-btn:active,html[data-theme="win98"] .tool.active{border-color:#404040 #fff #fff #404040!important;padding-top:10px;padding-bottom:8px}
html[data-theme="win98"] .btn.primary,html[data-theme="win98"] #saveBrowserBtn{background:#c0c0c0!important;color:#000!important;outline:1px dotted #000;outline-offset:-5px}
html[data-theme="win98"] .modal-head{margin:-22px -22px 18px;padding:5px 7px;background:#000080;color:#fff;align-items:center}
html[data-theme="win98"] .modal-head small,html[data-theme="win98"] .modal-head h1{color:#fff!important}
html[data-theme="win98"] .modal-head .icon-btn{width:24px;height:22px;min-width:24px;padding:0;font-size:18px;font-weight:900;line-height:16px}
html[data-theme="win98"] .stage{background-color:#008080}

html[data-theme="winxp"]{--bg:#3a6ea5;--surface:#ece9d8;--surface2:#f7f5ea;--text:#1d2a3a;--muted:#56677a;--border:#7f9db9;--accent:#245edb;--accent2:#1941a5;--accent-soft:rgba(36,94,219,.16);--danger:#e6492d;--grid:#5c87b7;--shadow:0 10px 30px rgba(0,35,95,.25);font-family:Tahoma,"Segoe UI",sans-serif}
html[data-theme="winxp"] body{font-family:Tahoma,"Segoe UI",sans-serif;background:linear-gradient(#75a9e7,#3a6ea5)}
html[data-theme="winxp"] .topbar,html[data-theme="winxp"] .panel,html[data-theme="winxp"] .leftbar,html[data-theme="winxp"] .stage-toolbar,html[data-theme="winxp"] .statusbar{background:#ece9d8;backdrop-filter:none}
html[data-theme="winxp"] .topbar{background:linear-gradient(#3c8cf3,#1555c0);color:#fff;box-shadow:inset 0 -2px 0 #0a3c9a}
html[data-theme="winxp"] .topbar .btn.ghost{color:#fff;background:rgba(255,255,255,.1)}
html[data-theme="winxp"] .btn{border:1px solid #7f9db9;border-radius:4px;background:linear-gradient(#fff,#e7e3d3);box-shadow:inset 0 0 0 1px #fff;color:#15213a}
html[data-theme="winxp"] .btn.primary,html[data-theme="winxp"] #saveBrowserBtn{background:linear-gradient(#6fbf45,#3b8f28);border-color:#2d761e;color:#fff;text-shadow:0 1px #245f18}
html[data-theme="winxp"] .modal-card{border-radius:8px;background:#ece9d8;box-shadow:0 18px 50px rgba(0,20,70,.4);overflow:hidden}
html[data-theme="winxp"] .modal-head{margin:-22px -22px 18px;padding:9px 10px;background:linear-gradient(#3185e7,#0755c9 55%,#0046ae);color:#fff}
html[data-theme="winxp"] .modal-head small,html[data-theme="winxp"] .modal-head h1{color:#fff!important}
html[data-theme="winxp"] .modal-head .icon-btn{background:linear-gradient(135deg,#ff927d,#d72b15)!important;border:2px solid #fff!important;border-radius:5px!important;color:#fff!important;font-weight:900;text-shadow:0 1px #8f1709;box-shadow:0 0 0 1px #8b1b0e!important}
html[data-theme="winxp"] .theme-picker{background:rgba(255,255,255,.92);color:#123b78}
html[data-theme="winxp"] .theme-picker-label{color:#41699a}

html[data-theme="ubuntu"]{--bg:#2c001e;--surface:#3d2736;--surface2:#503748;--text:#fff7fb;--muted:#ceb9c7;--border:#694f61;--accent:#e95420;--accent2:#c74418;--accent-soft:rgba(233,84,32,.18);--danger:#df382c;--grid:#4a1736;--shadow:0 18px 55px rgba(0,0,0,.42);font-family:Ubuntu,Inter,system-ui,sans-serif}
html[data-theme="ubuntu"] body{font-family:Ubuntu,Inter,system-ui,sans-serif;background:radial-gradient(circle at 80% 0,#772953 0,transparent 35%),#2c001e}
html[data-theme="ubuntu"] .topbar,html[data-theme="ubuntu"] .panel,html[data-theme="ubuntu"] .leftbar,html[data-theme="ubuntu"] .stage-toolbar,html[data-theme="ubuntu"] .statusbar{background:rgba(54,34,48,.94)}
html[data-theme="ubuntu"] .btn{border:0;border-radius:8px;background:#5b4052;box-shadow:inset 0 1px rgba(255,255,255,.08)}
html[data-theme="ubuntu"] .btn.primary,html[data-theme="ubuntu"] #saveBrowserBtn{background:#e95420;color:#fff}
html[data-theme="ubuntu"] .modal-card{background:#3d2736;border-radius:12px;box-shadow:0 28px 75px rgba(0,0,0,.55);overflow:hidden}
html[data-theme="ubuntu"] .modal-head{margin:-22px -22px 18px;padding:13px 15px;background:#2f202b}
html[data-theme="ubuntu"] .modal-head .icon-btn{width:25px;height:25px;border-radius:50%!important;background:#e95420!important;color:#fff!important;font-size:17px;box-shadow:inset 0 1px rgba(255,255,255,.3)}
html[data-theme="ubuntu"] .theme-picker{background:#4b3344}

html[data-theme="macos"]{--bg:#dce6f3;--surface:rgba(248,250,253,.72);--surface2:rgba(225,232,242,.72);--text:#172131;--muted:#667185;--border:rgba(80,95,120,.16);--accent:#087cff;--accent2:#0067d8;--accent-soft:rgba(8,124,255,.14);--danger:#ff5f57;--grid:#c8d4e4;--shadow:0 24px 70px rgba(35,55,85,.22);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif}
html[data-theme="macos"] body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;background:radial-gradient(circle at 20% 0,rgba(148,196,255,.75),transparent 38%),radial-gradient(circle at 100% 90%,rgba(255,158,205,.5),transparent 38%),#dce6f3}
html[data-theme="macos"] .topbar,html[data-theme="macos"] .panel,html[data-theme="macos"] .leftbar,html[data-theme="macos"] .stage-toolbar,html[data-theme="macos"] .statusbar,html[data-theme="macos"] .modal-card{background:rgba(248,250,253,.68);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);border-color:rgba(255,255,255,.55)}
html[data-theme="macos"] .topbar{box-shadow:0 1px 0 rgba(255,255,255,.65),0 10px 35px rgba(55,75,105,.1)}
html[data-theme="macos"] .btn{border:0;border-radius:10px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.8),0 3px 10px rgba(42,60,85,.08)}
html[data-theme="macos"] .btn.primary,html[data-theme="macos"] #saveBrowserBtn{background:linear-gradient(#1591ff,#0876e8);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.32),0 4px 12px rgba(0,105,220,.25)}
html[data-theme="macos"] .modal-card{border-radius:18px;box-shadow:0 32px 90px rgba(45,65,95,.3);overflow:hidden}
html[data-theme="macos"] .modal-head{position:relative;margin:-22px -22px 18px;padding:17px 18px 14px 78px;background:rgba(255,255,255,.25)}
html[data-theme="macos"] .modal-head .icon-btn{position:absolute;left:18px;top:18px;width:14px;height:14px;border-radius:50%!important;background:#ff5f57!important;color:transparent!important;box-shadow:inset 0 0 0 1px rgba(120,0,0,.18)!important;padding:0}
html[data-theme="macos"] .modal-head::before,html[data-theme="macos"] .modal-head::after{content:"";position:absolute;top:18px;width:14px;height:14px;border-radius:50%}
html[data-theme="macos"] .modal-head::before{left:38px;background:#febc2e;box-shadow:inset 0 0 0 1px rgba(120,75,0,.16)}
html[data-theme="macos"] .modal-head::after{left:58px;background:#28c840;box-shadow:inset 0 0 0 1px rgba(0,90,20,.16)}
html[data-theme="macos"] .theme-picker{background:rgba(255,255,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 18px rgba(50,70,100,.1)}

@media(max-width:1180px){.theme-picker-label{display:none}.theme-picker{grid-template-columns:minmax(130px,1fr) 18px}.theme-select.select.compact{min-width:130px}}


/* Etiqon 1.9.1 — cabeçalho responsivo, diálogos nativos e acabamento integral dos temas */
html,body{max-width:100%;overflow-x:hidden}
.topbar{min-width:0;gap:14px;overflow:hidden}
.brand{flex:0 1 auto;min-width:0}.brand-logo{max-width:190px;height:auto;display:block}
.top-actions{flex:1 1 auto;min-width:0;justify-content:flex-end;overflow:hidden;white-space:nowrap}
.top-action-btn{flex:0 0 auto}.theme-picker{flex:0 1 225px;min-width:155px;max-width:225px}.theme-select.select.compact{min-width:0}
@media(max-width:1180px){.top-action-btn span{display:none}.top-action-btn{width:42px;height:42px;padding:0;display:grid;place-items:center}.file-btn.top-action-btn{display:grid}.theme-picker{flex-basis:180px;max-width:180px}}
@media(max-width:760px){.topbar{padding:0 10px}.brand-logo{max-width:128px}.top-actions{gap:5px}#newModelBtn,#saveBrowserBtn,#exportXmlBtn,.file-btn.top-action-btn{display:none!important}.theme-picker{flex:1 1 145px;min-width:128px;max-width:170px}.theme-picker-label{display:none}.theme-picker{grid-template-columns:minmax(0,1fr) 18px}.theme-select.select.compact{padding-left:10px;padding-right:26px;font-size:13px}.btn#previewBtn{width:42px;min-width:42px}}
@media(max-width:480px){.brand{display:none}.theme-picker{max-width:none}.top-actions{width:100%}}

.system-dialog{z-index:10000}.system-dialog-card{width:min(470px,calc(100vw - 28px));padding:22px}.system-dialog-body{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;min-height:90px}.system-dialog-body p{margin:0;line-height:1.55;white-space:pre-wrap}.system-dialog-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:25px;font-weight:900}.system-dialog-icon[data-type="error"]{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.system-dialog-icon[data-type="question"]{background:var(--accent-soft);color:var(--accent)}.system-dialog-actions{margin-top:18px}.system-dialog-actions .btn{min-width:100px}

/* Todos os controles clicáveis acompanham os temas de sistema operacional. */
html[data-theme="win98"] button,html[data-theme="win98"] .btn,html[data-theme="win98"] .tool,html[data-theme="win98"] .add-card,html[data-theme="win98"] .context-menu button,html[data-theme="win98"] .shape-library button{font-family:"MS Sans Serif",Tahoma,sans-serif;border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;background:#c0c0c0!important;color:#000!important;box-shadow:none!important}
html[data-theme="win98"] button:active,html[data-theme="win98"] .btn:active,html[data-theme="win98"] .context-menu button:active{border-color:#404040 #fff #fff #404040!important;transform:translate(1px,1px)}
html[data-theme="win98"] .system-dialog-icon{border-radius:0;border:2px solid;border-color:#404040 #fff #fff #404040;background:#fff;color:#000}

html[data-theme="winxp"]{--accent:#316ac5;--accent2:#0b48a7;--surface:#ece9d8;--surface2:#f5f3e8}
html[data-theme="winxp"] .topbar{background:linear-gradient(180deg,#5ea2f6 0,#2d76de 10%,#1762c4 62%,#0f4da8 100%);box-shadow:inset 0 1px #9dccff,inset 0 -2px #08377e}
html[data-theme="winxp"] button,html[data-theme="winxp"] .btn,html[data-theme="winxp"] .tool,html[data-theme="winxp"] .add-card,html[data-theme="winxp"] .context-menu button,html[data-theme="winxp"] .shape-library button{font-family:Tahoma,"Segoe UI",sans-serif;border:1px solid #7f9db9!important;border-radius:5px!important;background:linear-gradient(180deg,#fff 0,#fff 45%,#e8e5d5 55%,#d9d4bf 100%)!important;color:#15213a!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.85),0 1px 1px rgba(0,0,0,.08)!important}
html[data-theme="winxp"] button:hover,html[data-theme="winxp"] .btn:hover,html[data-theme="winxp"] .tool:hover,html[data-theme="winxp"] .add-card:hover{border-color:#e5a000!important;box-shadow:inset 0 0 0 2px #fff3bd,0 1px 2px rgba(0,0,0,.12)!important}
html[data-theme="winxp"] button:active,html[data-theme="winxp"] .btn:active{background:linear-gradient(#d7e6f7,#f7fbff)!important;box-shadow:inset 1px 1px 3px rgba(0,45,110,.28)!important}
html[data-theme="winxp"] .btn.primary,html[data-theme="winxp"] #saveBrowserBtn,html[data-theme="winxp"] #systemDialogOkBtn{background:linear-gradient(180deg,#91d56c,#55aa36 55%,#3f8f27)!important;border-color:#2e771d!important;color:#fff!important;text-shadow:0 1px #285f1c}
html[data-theme="winxp"] .btn.danger{background:linear-gradient(#ff9a80,#e64d31 55%,#c9321e)!important;border-color:#9d2415!important;color:#fff!important}
html[data-theme="winxp"] .tool.active{background:linear-gradient(#dcebff,#b9d5f7)!important;border-color:#316ac5!important;color:#003c8f!important}
html[data-theme="winxp"] .modal-card{border:3px solid #0b5bc3;border-radius:9px;background:#ece9d8;box-shadow:0 18px 50px rgba(0,20,70,.45)}
html[data-theme="winxp"] .modal-head{margin:-22px -22px 18px;padding:8px 10px;background:linear-gradient(180deg,#5ea2f6,#1f69cf 55%,#0d4ca8);color:#fff;border-bottom:1px solid #08377e}
html[data-theme="winxp"] .system-dialog-icon{border-radius:50%;background:linear-gradient(#75b5ff,#1c67cb);color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #174b90}

html[data-theme="ubuntu"] button,html[data-theme="ubuntu"] .btn,html[data-theme="ubuntu"] .tool,html[data-theme="ubuntu"] .add-card,html[data-theme="ubuntu"] .context-menu button,html[data-theme="ubuntu"] .shape-library button{border:0!important;border-radius:8px!important;background:#5b4052!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.18)!important}
html[data-theme="ubuntu"] .btn.primary,html[data-theme="ubuntu"] #saveBrowserBtn,html[data-theme="ubuntu"] #systemDialogOkBtn{background:#e95420!important;color:#fff!important}
html[data-theme="ubuntu"] .tool.active{background:#e95420!important;color:#fff!important}

html[data-theme="macos"] button,html[data-theme="macos"] .btn,html[data-theme="macos"] .tool,html[data-theme="macos"] .add-card,html[data-theme="macos"] .context-menu button,html[data-theme="macos"] .shape-library button{border:0!important;border-radius:10px!important;background:rgba(255,255,255,.58)!important;color:#172131!important;box-shadow:inset 0 1px rgba(255,255,255,.85),0 3px 10px rgba(42,60,85,.1)!important}
html[data-theme="macos"] .btn.primary,html[data-theme="macos"] #saveBrowserBtn,html[data-theme="macos"] #systemDialogOkBtn{background:linear-gradient(#1591ff,#0876e8)!important;color:#fff!important}
html[data-theme="macos"] .tool.active{background:rgba(8,124,255,.16)!important;color:#087cff!important}

/* Etiqon 1.9.2 — seletor de idioma com bandeiras e cabeçalho sem sobreposição */
.language-picker{position:relative;flex:0 1 210px;min-width:150px;max-width:210px;z-index:40}
.language-picker-button{width:100%;height:40px;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 10px!important;border:0!important;border-radius:13px!important;background:var(--surface2)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.06)!important;cursor:pointer;min-width:0}
.language-picker-flag,.language-picker-option img{width:24px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12);display:block}
.language-picker-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:700;min-width:0}
.language-picker-chevron{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;color:var(--muted);transition:transform .18s ease}
.language-picker.open .language-picker-chevron{transform:rotate(180deg)}
.language-picker-menu{position:absolute;top:calc(100% + 8px);right:0;width:max(230px,100%);max-height:min(430px,70vh);overflow:auto;padding:7px;background:var(--surface);border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.24);display:none;z-index:1000}
.language-picker.open .language-picker-menu{display:block}
.language-picker-option{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;text-align:left;cursor:pointer}
.language-picker-option:hover{background:var(--accent-soft)!important}
.language-picker-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.language-picker-option i{width:7px;height:7px;border-radius:50%;background:transparent}
.language-picker-option.selected{background:var(--accent-soft)!important;color:var(--accent)!important;font-weight:800}
.language-picker-option.selected i{background:var(--accent);box-shadow:0 0 9px var(--accent)}
.top-actions{overflow:visible}.topbar{overflow:visible}.theme-picker{flex:0 1 190px;min-width:145px;max-width:190px}
@media(max-width:1320px){.language-picker{flex-basis:175px;max-width:175px}.theme-picker{flex-basis:165px;max-width:165px}.top-actions{gap:6px}}
@media(max-width:1120px){.language-picker{flex-basis:155px;max-width:155px}.theme-picker{flex-basis:145px;max-width:145px}.language-picker-text,.theme-select.select.compact{font-size:13px}}
@media(max-width:900px){.language-picker{flex:1 1 145px;min-width:130px;max-width:165px}.theme-picker{flex:1 1 130px;min-width:118px;max-width:150px}}
@media(max-width:760px){.language-picker{min-width:120px;max-width:150px}.language-picker-button{grid-template-columns:24px minmax(0,1fr) 16px;padding:0 8px!important}.language-picker-menu{right:0;width:230px}}
@media(max-width:540px){.language-picker{max-width:none}.theme-picker{max-width:none}.language-picker-text{display:none}.language-picker{flex:0 0 52px;min-width:52px}.language-picker-button{grid-template-columns:24px 16px;justify-content:center}.language-picker-button .language-picker-chevron{display:block}}
html[data-theme="win98"] .language-picker-button,html[data-theme="win98"] .language-picker-menu,html[data-theme="win98"] .language-picker-option{border-radius:0!important}
html[data-theme="win98"] .language-picker-button{border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;background:#c0c0c0!important}
html[data-theme="win98"] .language-picker-menu{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:3px 3px 0 #000}
html[data-theme="win98"] .language-picker-option.selected{background:#000080!important;color:#fff!important}
html[data-theme="winxp"] .language-picker-button{border:1px solid #7f9db9!important;border-radius:5px!important;background:linear-gradient(#fff,#e7e3d3)!important;color:#15213a!important}
html[data-theme="winxp"] .language-picker-menu{border:2px solid #0b5bc3;background:#ece9d8;border-radius:7px}
html[data-theme="winxp"] .language-picker-option.selected{background:#316ac5!important;color:#fff!important}
html[data-theme="ubuntu"] .language-picker-button{background:#4b3344!important;color:#fff!important;border-radius:8px!important}
html[data-theme="ubuntu"] .language-picker-menu{background:#3d2736}.language-picker-option{font-family:inherit}
html[data-theme="macos"] .language-picker-button{background:rgba(255,255,255,.48)!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 18px rgba(50,70,100,.1)!important}
html[data-theme="macos"] .language-picker-menu{background:rgba(248,250,253,.92);backdrop-filter:blur(24px) saturate(145%)}


/* Etiqon 1.9.3 — seletores estáveis, ícones de tema e preview sem colisões */
.theme-picker-native-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.theme-picker-custom{position:relative;flex:0 1 210px;min-width:160px;max-width:210px;z-index:41}
.theme-picker-custom-button{width:100%;height:40px;display:grid;grid-template-columns:auto 22px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:0 10px!important;border:0!important;border-radius:13px!important;background:var(--surface2)!important;color:var(--text)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.06)!important;min-width:0;cursor:pointer}
.theme-picker-custom-caption{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.theme-picker-custom-icon,.theme-option-icon{width:22px;height:22px;display:grid;place-items:center;font-weight:900;font-size:15px;line-height:1;white-space:nowrap}
.theme-picker-custom-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:750;min-width:0}
.theme-picker-custom-chevron{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;color:var(--muted);transition:transform .18s}
.theme-picker-custom.open .theme-picker-custom-chevron{transform:rotate(180deg)}
.theme-picker-custom-menu{position:absolute;top:calc(100% + 8px);right:0;width:max(250px,100%);padding:7px;display:none;max-height:min(430px,70vh);overflow:auto;background:var(--surface);border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.25);z-index:1001}
.theme-picker-custom.open .theme-picker-custom-menu{display:block}
.theme-picker-custom-option{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 8px;gap:9px;align-items:center;padding:10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;text-align:left;cursor:pointer}
.theme-picker-custom-option:hover,.theme-picker-custom-option.selected{background:var(--accent-soft)!important;color:var(--accent)!important}
.theme-picker-custom-option i{width:7px;height:7px;border-radius:50%}.theme-picker-custom-option.selected i{background:var(--accent);box-shadow:0 0 8px var(--accent)}

/* O idioma selecionado permanece visível mesmo em janelas estreitas. */
.language-picker{flex:0 1 190px;min-width:145px;max-width:190px}
.language-picker-text{display:block!important}
.language-picker-button{grid-template-columns:24px minmax(0,1fr) 18px!important}
@media(max-width:900px){.top-actions{min-width:0;flex:1;justify-content:flex-end}.language-picker{flex:0 1 170px;min-width:135px}.theme-picker-custom{flex:0 1 170px;min-width:135px}.theme-picker-custom-caption{display:none}.theme-picker-custom-button{grid-template-columns:22px minmax(0,1fr) 18px}}
@media(max-width:620px){.language-picker{flex:1 1 150px;min-width:125px;max-width:none}.theme-picker-custom{flex:1 1 145px;min-width:120px;max-width:none}.language-picker-text,.theme-picker-custom-text{font-size:12px}.language-picker-button,.theme-picker-custom-button{padding-left:8px!important;padding-right:8px!important}.theme-picker-custom-menu,.language-picker-menu{position:fixed;left:10px;right:10px;top:70px;width:auto;max-height:calc(100vh - 90px)}}

/* Aparência dos dois seletores acompanha todos os temas. */
html[data-theme="win98"] .theme-picker-custom-button,html[data-theme="win98"] .theme-picker-custom-menu,html[data-theme="win98"] .theme-picker-custom-option{border-radius:0!important}
html[data-theme="win98"] .theme-picker-custom-button{border:2px solid!important;border-color:#fff #404040 #404040 #fff!important;background:#c0c0c0!important;color:#000!important}
html[data-theme="win98"] .theme-picker-custom-menu{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:3px 3px #000}
html[data-theme="win98"] .theme-picker-custom-option.selected{background:#000080!important;color:#fff!important}
html[data-theme="winxp"] .theme-picker-custom-button{border:1px solid #7f9db9!important;border-radius:5px!important;background:linear-gradient(#fff,#e7e3d3)!important;color:#15213a!important}
html[data-theme="winxp"] .theme-picker-custom-menu{border:2px solid #0b5bc3;background:#ece9d8;border-radius:7px}
html[data-theme="winxp"] .theme-picker-custom-option.selected{background:#316ac5!important;color:#fff!important}
html[data-theme="ubuntu"] .theme-picker-custom-button{background:#4b3344!important;color:#fff!important;border-radius:8px!important}
html[data-theme="ubuntu"] .theme-picker-custom-menu{background:#3d2736}
html[data-theme="macos"] .theme-picker-custom-button{background:rgba(255,255,255,.48)!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 18px rgba(50,70,100,.1)!important}
html[data-theme="macos"] .theme-picker-custom-menu{background:rgba(248,250,253,.94);backdrop-filter:blur(24px) saturate(145%)}

/* A janela de pré-visualização tem geometria própria e não herda margens negativas dos diálogos. */
.preview-card{padding:0!important;overflow:hidden!important}
.preview-card>.modal-head{margin:0!important;min-height:76px;padding:14px 18px!important;flex:0 0 auto;align-items:center!important}
.preview-card>.modal-head h1{margin:3px 0 0!important;line-height:1.15}
.preview-card>.modal-head small{display:block;margin:0!important}
.preview-card>.preview-controls{min-height:66px;padding:12px 18px!important;flex:0 0 auto;flex-wrap:wrap}
.preview-card>.preview-scroll{min-height:0}
html[data-theme="win98"] .preview-card>.modal-head{background:#000080!important;color:#fff!important;border:0!important}
html[data-theme="winxp"] .preview-card>.modal-head{background:linear-gradient(180deg,#5ea2f6,#1f69cf 55%,#0d4ca8)!important;color:#fff!important;border-bottom:1px solid #08377e!important}
html[data-theme="ubuntu"] .preview-card>.modal-head{background:#2f202b!important}
html[data-theme="macos"] .preview-card>.modal-head{padding-left:78px!important;background:rgba(255,255,255,.28)!important}
html[data-theme="macos"] .preview-card>.modal-head .icon-btn{left:18px!important;top:18px!important}
@media(max-width:700px){.preview-card{width:100%!important;height:96vh!important}.preview-card>.modal-head{min-height:68px}.preview-card>.preview-controls{align-items:flex-start}.preview-card>.preview-controls span{flex:1 1 220px}.preview-scroll{padding:20px!important}}

/* Etiqon 1.9.4 — controles deslizantes adaptados ao tema */
input[type="range"]{
  --range-progress: 50%;
  width:100%;
  min-width:0;
  height:24px;
  margin:0;
  padding:0;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  accent-color:var(--accent);
}
input[type="range"]::-webkit-slider-runnable-track{
  width:100%;height:6px;border:0;border-radius:999px;
  background:linear-gradient(90deg,var(--accent) 0 var(--range-progress),var(--surface2) var(--range-progress) 100%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16),0 1px rgba(255,255,255,.12);
}
input[type="range"]::-webkit-slider-thumb{
  appearance:none;-webkit-appearance:none;
  width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;
  background:var(--surface);box-shadow:0 0 0 2px var(--accent),0 3px 8px rgba(0,0,0,.24);
}
input[type="range"]::-moz-range-track{
  width:100%;height:6px;border:0;border-radius:999px;background:var(--surface2);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.16),0 1px rgba(255,255,255,.12);
}
input[type="range"]::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}
input[type="range"]::-moz-range-thumb{
  width:18px;height:18px;border:0;border-radius:50%;background:var(--surface);
  box-shadow:0 0 0 2px var(--accent),0 3px 8px rgba(0,0,0,.24);
}
input[type="range"]:focus-visible{outline:0}
input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--accent-soft),0 3px 8px rgba(0,0,0,.24)}

/* Windows 98: trilho rebaixado e cursor quadrado com relevo. */
html[data-theme="win98"] input[type="range"]{height:26px!important;background:transparent!important;border:0!important}
html[data-theme="win98"] input[type="range"]::-webkit-slider-runnable-track{
  height:6px;border-radius:0;background:#808080;border:2px solid;border-color:#404040 #fff #fff #404040;box-shadow:none
}
html[data-theme="win98"] input[type="range"]::-webkit-slider-thumb{
  width:12px;height:22px;margin-top:-10px;border-radius:0;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:none
}
html[data-theme="win98"] input[type="range"]::-moz-range-track{height:4px;border-radius:0;background:#808080;border:2px solid;border-color:#404040 #fff #fff #404040;box-shadow:none}
html[data-theme="win98"] input[type="range"]::-moz-range-progress{height:4px;border-radius:0;background:#000080}
html[data-theme="win98"] input[type="range"]::-moz-range-thumb{width:10px;height:20px;border-radius:0;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:none}

/* Windows XP: barra azul e cursor verde clássico. */
html[data-theme="winxp"] input[type="range"]::-webkit-slider-runnable-track{
  height:7px;border:1px solid #7f9db9;border-radius:4px;background:linear-gradient(90deg,#2b73d2 0 var(--range-progress),#fff var(--range-progress) 100%);box-shadow:inset 0 1px 2px rgba(20,70,130,.3)
}
html[data-theme="winxp"] input[type="range"]::-webkit-slider-thumb{
  width:16px;height:20px;margin-top:-7px;border-radius:3px;background:linear-gradient(#a8df78,#4c9b31);border:1px solid #2d761e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 1px 2px rgba(0,0,0,.32)
}
html[data-theme="winxp"] input[type="range"]::-moz-range-track{height:7px;border:1px solid #7f9db9;border-radius:4px;background:#fff;box-shadow:inset 0 1px 2px rgba(20,70,130,.3)}
html[data-theme="winxp"] input[type="range"]::-moz-range-progress{height:7px;border-radius:3px;background:#2b73d2}
html[data-theme="winxp"] input[type="range"]::-moz-range-thumb{width:15px;height:19px;border-radius:3px;background:linear-gradient(#a8df78,#4c9b31);border:1px solid #2d761e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 1px 2px rgba(0,0,0,.32)}

/* Ubuntu: trilho escuro, progresso laranja e cursor circular. */
html[data-theme="ubuntu"] input[type="range"]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,#e95420 0 var(--range-progress),#6c5263 var(--range-progress) 100%);box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}
html[data-theme="ubuntu"] input[type="range"]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;background:#f7f3f5;box-shadow:0 0 0 2px #e95420,0 3px 8px rgba(0,0,0,.45)}
html[data-theme="ubuntu"] input[type="range"]::-moz-range-track{background:#6c5263}
html[data-theme="ubuntu"] input[type="range"]::-moz-range-progress{background:#e95420}
html[data-theme="ubuntu"] input[type="range"]::-moz-range-thumb{background:#f7f3f5;box-shadow:0 0 0 2px #e95420,0 3px 8px rgba(0,0,0,.45)}

/* macOS: trilho fino, progresso azul e botão branco discreto. */
html[data-theme="macos"] input[type="range"]::-webkit-slider-runnable-track{height:5px;background:linear-gradient(90deg,#087cff 0 var(--range-progress),rgba(105,120,145,.24) var(--range-progress) 100%);box-shadow:none}
html[data-theme="macos"] input[type="range"]::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;background:#fff;box-shadow:0 1px 4px rgba(20,35,60,.3),0 0 0 1px rgba(30,50,80,.12)}
html[data-theme="macos"] input[type="range"]::-moz-range-track{height:5px;background:rgba(105,120,145,.24);box-shadow:none}
html[data-theme="macos"] input[type="range"]::-moz-range-progress{height:5px;background:#087cff}
html[data-theme="macos"] input[type="range"]::-moz-range-thumb{width:17px;height:17px;background:#fff;box-shadow:0 1px 4px rgba(20,35,60,.3),0 0 0 1px rgba(30,50,80,.12)}

/* Etiqon 1.9.6 — logos reais fornecidos pelo usuário no seletor de temas */
.theme-picker-custom-icon img,
.theme-option-icon img{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
}
.theme-option-icon img{width:26px;height:26px}
.theme-picker-custom-option[data-theme-value="win98"] .theme-option-icon img,
.theme-picker-custom-option[data-theme-value="winxp"] .theme-option-icon img{width:28px;height:28px}
.theme-picker-custom-option[data-theme-value="macos"] .theme-option-icon img{width:25px;height:25px}
.theme-picker-custom-option[data-theme-value="ubuntu"] .theme-option-icon img{width:24px;height:24px}
html[data-theme="win98"] .theme-picker-custom-icon img,
html[data-theme="winxp"] .theme-picker-custom-icon img{width:25px;height:25px}

/* Desktop adaptive dialog scaling (v1.9.8) */
@media (min-width: 901px){
  #wizardModal{overflow:hidden}
  #wizardModal .wizard-card{
    max-height:none;
    transform-origin:center center;
    will-change:zoom;
  }
}


/* Etiqon 1.9.11 — menu contextual sempre visível */
.context-menu{
  max-width:calc(100vw - 20px);
  max-height:calc(100vh - 20px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.context-menu button{white-space:normal;line-height:1.25}
/* 1.9.11 — ruler origin cleanup */
.ruler-horizontal .ruler-tick:first-of-type,.ruler-vertical .ruler-tick:first-of-type{display:none}


/* Etiqon 2.0.5 — zoom compacto e sem teto fixo via Ctrl/Cmd + scroll */
.stage-toolbar #zoomRange{width:112px;flex:0 0 112px}
.stage-toolbar #zoomLabel{min-width:54px;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:1200px){.stage-toolbar #zoomRange{width:92px;flex-basis:92px}}