@font-face{font-family:HD Display;src:url(/app-assets/saira-extra-condensed-latin-800-normal-CKchDMnX.woff2)format("woff2");font-weight:800;font-display:swap}:root{--display:"HD Display", "Arial Narrow", sans-serif-condensed, var(--font);--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--panel-3:#232833;--line-soft:#20242d;--accent-dim:#ff3b1f24;--accent-line:#ff3b1f73;--topbar-h:52px;--left-w:288px;--right-w:356px;--shadow-pop:0 18px 50px #0000008c, 0 2px 8px #0006;--ease:cubic-bezier(.2, .7, .2, 1)}html,body{height:100%}body{background:var(--bg);color:var(--text);font:13px/1.4 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#hd-app{height:100vh;height:100dvh}*,:before,:after{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus);outline:none}kbd{font:600 10px/1 var(--mono);background:var(--panel-3);border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-bottom-width:2px;border-radius:4px;padding:3px 5px}.icon{flex:none}.muted{color:var(--muted)}.eyebrow{font:800 10.5px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.fine{color:var(--muted);margin:14px 0 0;font-size:11.5px}[hidden]{display:none!important}.is-scrubbing,.is-scrubbing *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.btn{border:1px solid var(--line);background:var(--panel-2);height:32px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s,transform 80ms,color .12s;display:inline-flex}.btn:hover{background:var(--panel-3);border-color:#343a47}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn .icon{font-size:15px}.btn-sm{gap:5px;height:27px;padding:0 9px;font-size:12px}.btn-lg{border-radius:9px;height:42px;padding:0 20px;font-size:14px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff2e,0 6px 18px -8px #ff3b1fcc}.btn-primary:hover{background:#ff5236;border-color:#ff5236}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--panel-2);color:var(--text);border-color:var(--line)}.btn-danger{background:var(--err);border-color:var(--err);color:#fff}.btn-danger-ghost{color:#ff8a80;background:0 0;border-color:#0000}.btn-danger-ghost:hover{background:#ff5b5b1a;border-color:#ff5b5b4d}.btn-pro{color:#1a1406;background:linear-gradient(#ffd65a,#f0b521);border-color:#f5c542;box-shadow:0 8px 24px -10px #f5c542e6}.btn-pro:hover{background:linear-gradient(#ffde75,#f5c542);border-color:#ffd65a}.btn-upgrade{height:30px;color:var(--pro);cursor:pointer;background:#f5c54214;border:1px solid #f5c54273;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.btn-upgrade:hover{border-color:var(--pro);background:#f5c54229}.icon-btn{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;font-size:16px;transition:background .12s,color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--panel-2);color:var(--text);border-color:var(--line)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.is-on{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-line)}.pro-badge{color:var(--pro);font:800 9.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;vertical-align:1px;background:#f5c54224;border-radius:4px;align-items:center;margin-left:6px;padding:2px 5px 1px;display:inline-flex}.pro-dot{background:var(--pro);width:6px;height:6px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;position:absolute;top:4px;right:4px}.hd-editor{grid-template-rows:var(--topbar-h) minmax(0, 1fr);height:100%;display:grid}.workspace{grid-template-columns:var(--left-w) minmax(0, 1fr) var(--right-w);min-height:0;display:grid}.panel{background:var(--panel);flex-direction:column;min-height:0;display:flex}.panel-left{border-right:1px solid var(--line);overflow:hidden}.panel-right{border-left:1px solid var(--line);overflow:hidden}.centre-slot{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);z-index:5;background:linear-gradient(#13161c,#111318);align-items:center;gap:8px;padding:0 12px 0 14px;display:flex;position:relative}.topbar:after{content:"";background:linear-gradient(90deg, var(--accent) 0, var(--accent) 64px, transparent 64px);height:1px;position:absolute;bottom:-1px;left:0;right:0}.brand{border-right:1px solid var(--line);align-items:center;gap:9px;height:28px;margin-right:4px;padding-right:14px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid;transform:skew(-8deg)}.brand-mark .icon{transform:skew(8deg)}.brand-word{font:800 17px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;font-style:italic}.brand-word b{color:var(--accent);margin-left:3px;font-weight:800}.doc{align-items:center;gap:10px;min-width:0;display:flex}.doc-name-wrap{min-width:60px;max-width:280px;display:inline-grid;position:relative}.doc-name-sizer,.doc-name{font:600 14px/1 var(--font);white-space:pre;grid-area:1/1;padding:6px 8px}.doc-name-sizer{visibility:hidden;overflow:hidden}.doc-name{width:100%;min-width:0;color:var(--text);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px}.doc-name:hover{border-color:var(--line);background:var(--panel)}.doc-name:focus{border-color:var(--accent-line);background:var(--panel);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.save-status{border:1px solid var(--line);background:var(--panel);height:24px;color:var(--muted);font:600 11px/1 var(--font);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.save-status .icon{font-size:13px}.save-status.is-saved{color:var(--ok);border-color:#3ecf8e4d}.save-status.is-saving,.save-status.is-dirty{color:var(--info);border-color:#4ea1ff4d}.save-status.is-saving .icon{animation:1s ease-in-out infinite pulse}.save-status.is-error{color:var(--err);border-color:#ff5b5b59}.save-status.is-pro{color:var(--pro);border-color:#f5c54259}.tb-group{gap:2px;margin-left:4px;display:flex}.tb-spacer{flex:1}.tb-sep{background:var(--line);width:1px;height:22px;margin:0 4px}.palette-btn{color:var(--muted);gap:8px}.palette-btn kbd{margin-left:2px}.pro-pill{height:26px;color:var(--pro);font:800 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;background:#f5c5421f;border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.avatar{border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;background:linear-gradient(135deg,#2b303b,#1a1d24);border-radius:50%;font-weight:700}.avatar:hover{border-color:var(--accent-line)}.account-slot{display:flex}.layers-body{scrollbar-width:thin;scrollbar-color:#2a2f3a transparent;padding:12px 10px 24px;overflow-y:auto}.shell-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:linear-gradient(135deg,#1d2129,#171a21);border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 11px;transition:border-color .12s;display:flex}.shell-card:hover{border-color:#3a404d}.shell-card-icon{width:36px;height:36px;color:var(--accent);border:1px solid var(--line);background:#101217;border-radius:8px;place-items:center;display:grid}.shell-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.shell-card-name{font-size:13.5px;font-weight:650}.shell-card-change{color:var(--muted);font-size:11.5px}.shell-card:hover .shell-card-change{color:var(--accent)}.panel-section{margin-top:18px}.section-head{align-items:center;gap:8px;padding:0 4px 8px;display:flex}.section-title{font:800 13px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;margin:0;display:flex}.section-title .icon{color:var(--accent);font-size:14px}.section-count{font:600 10.5px/1 var(--mono);color:#5d6575}.section-head .btn{margin-left:auto}.layer-list{flex-direction:column;gap:2px;display:flex;position:relative}.layer-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:44px;padding:5px 6px 5px 2px;transition:background .1s,border-color .1s;display:flex;position:relative}.layer-row:hover{background:var(--panel-2)}.layer-row.is-selected{border-color:var(--accent-line);background:linear-gradient(90deg,#ff3b1f21,#ff3b1f0a)}.layer-row.is-selected:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-10px}.layer-row.is-hidden .layer-text,.layer-row.is-hidden .layer-thumb,.layer-row.is-hidden .layer-preview{opacity:.38}.layer-row.is-dragging{z-index:3;background:var(--panel-3);box-shadow:var(--shadow-pop);transition:none}.layer-grip{color:#4b5261;cursor:grab;flex:none;place-items:center;width:14px;height:30px;font-size:14px;display:grid}.layer-grip.is-static{cursor:default}.layer-row:hover .layer-grip:not(.is-static){color:var(--muted)}.layer-preview{border:1px solid var(--line-soft);background:#0d0f13;border-radius:6px;flex:none}.layer-swatch{background:var(--c);border:1px solid #ffffff1f;border-radius:6px;flex:none;width:34px;height:26px;box-shadow:inset 0 -8px 12px #0000002e,inset 0 6px 8px #ffffff1f}.layer-swatch.small{border-radius:50%;width:16px;height:16px;margin-right:6px}.layer-thumb{border:1px solid var(--line-soft);background:#0d0f13;border-radius:6px;flex:none;place-items:center;width:34px;height:26px;display:grid;overflow:hidden}.layer-thumb svg{width:22px;height:18px}.layer-thumb img{object-fit:contain;max-width:30px;max-height:22px}.layer-thumb .flag-img{border-radius:2px;width:30px;height:22px}.thumb-text{font:800 14px/1 var(--display)}.layer-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.layer-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.layer-meta{color:var(--muted);white-space:nowrap;text-transform:capitalize;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.layer-meta .dot{background:var(--c);border:1px solid #fff3;border-radius:50%;width:8px;height:8px}.view-badge{background:var(--panel-3);width:16px;height:15px;color:var(--text);font:700 9.5px/1 var(--mono);border-radius:3px;place-items:center;display:inline-grid}.view-badge.is-current{background:var(--accent);color:#fff}.mirror-badge{color:var(--info);place-items:center;font-size:12px;display:inline-grid}.layer-act{color:#5d6575;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:24px;height:24px;transition:opacity .1s,background .1s,color .1s;display:grid}.layer-row:hover .layer-act,.layer-row.is-selected .layer-act,.layer-act.is-active,.layer-act:focus-visible{opacity:1}.layer-act.is-active{color:var(--warn)}.layer-act:hover{background:var(--panel-3);color:var(--text)}.drop-marker{background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent);pointer-events:none;border-radius:2px;position:absolute;left:6px;right:6px}.layer-base{border-top:1px dashed var(--line);border-radius:0 0 8px 8px;margin-top:2px}.add-bar{grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 8px;display:grid}.add-btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 7px;font-size:10.5px;font-weight:600;transition:border-color .12s,background .12s,color .12s,transform 80ms;display:flex}.add-btn .icon{color:var(--muted);transition:color .12s}.add-btn:hover{border-color:var(--accent-line);background:var(--panel-3)}.add-btn:hover .icon{color:var(--accent)}.add-btn:active{transform:translateY(1px)}.empty-note{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:8px;flex-direction:column;gap:4px;padding:14px 12px;font-size:12px;display:flex}.empty-note strong{color:var(--text);font-size:12.5px}.visor-chip{border:1px solid #ffffff24;border-radius:10px 10px 6px 6px;flex:none;width:34px;height:18px}.tint-clear{background:linear-gradient(160deg,#dcebf559,#a0b4c826)}.tint-light-smoke{background:linear-gradient(160deg,#6b7380,#3d424b)}.tint-dark-smoke{background:linear-gradient(160deg,#3a3e46,#121418)}.tint-iridium-blue{background:linear-gradient(160deg,#6ad1ff,#2f4dd9 55%,#7a3ad9)}.tint-iridium-gold{background:linear-gradient(160deg,#ffe58a,#e09a1d 55%,#b4521a)}.tint-iridium-red{background:linear-gradient(160deg,#ffb07a,#ff3b1f 55%,#8a1fa8)}.view2d{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.view2d-top{z-index:2;pointer-events:none;align-items:center;gap:14px;padding:10px 14px 0;display:flex;position:absolute;top:0;left:0;right:0}.view2d-top>*{pointer-events:auto}.view-tabs{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161920eb;border-radius:9px;gap:2px;padding:3px;display:inline-flex;box-shadow:0 6px 20px #0000004d}.view-tab{height:28px;color:var(--muted);font:800 12.5px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.view-tab:hover{color:var(--text);background:var(--panel-2)}.view-tab.is-on{background:var(--accent);color:#fff}.view-tab-count{min-width:16px;height:15px;font:700 9.5px/1 var(--mono);letter-spacing:0;background:#ffffff1a;border-radius:8px;place-items:center;padding:0 4px;display:inline-grid}.view-tab.is-on .view-tab-count{background:#00000040}.view2d-hint{color:#5d6575;font-size:11.5px}.view2d-stage{background:radial-gradient(at 50% 42%,#ffffff09,#0000 62%),repeating-linear-gradient(45deg,#ffffff03 0 2px,#0000 2px 4px),repeating-linear-gradient(-45deg,#0000002e 0 2px,#0000 2px 4px),#0c0e12;flex:1;min-height:0;position:relative;overflow:hidden}.view2d-canvas{touch-action:none;outline:none;display:block;position:absolute;inset:0}.view2d-canvas:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-line)}.view2d-drop{border:2px dashed var(--accent);color:var(--text);pointer-events:none;background:#ff3b1f12;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:600;display:none;position:absolute;inset:14px}.view2d-stage.is-dropping .view2d-drop{display:flex}.zoom-bar{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161920eb;border-radius:9px;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:14px;right:14px}.zoom-readout{text-align:center;min-width:44px;font:600 11px/1 var(--mono);color:var(--muted)}.inline-text{z-index:4;border:1.5px solid var(--accent);color:#fff;text-align:center;box-shadow:0 0 0 4px var(--accent-dim), var(--shadow-pop);background:#0e1014eb;border-radius:4px;outline:none;padding:2px 8px;position:absolute}.view2d.is-compact .view2d-hint,.view2d.is-compact .zoom-bar{display:none}.view2d.is-compact .view2d-top{padding:8px}.view2d.is-compact .view-tab{height:24px;padding:0 8px;font-size:11px}.view2d.is-compact .view-tab-count{display:none}.view-thumbs{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#161920e6;border-radius:12px;gap:6px;padding:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.thumb{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:4px 6px 3px;transition:background .12s,border-color .12s;display:flex;position:relative}.thumb:hover{background:var(--panel-2);border-color:var(--line)}.thumb.is-on{border-color:var(--accent);background:var(--accent-dim)}.thumb-canvas{display:block}.thumb-label{font:800 9.5px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:4px;display:flex}.thumb.is-on .thumb-label{color:var(--text)}.thumb-key{font:600 9px/1 var(--mono);color:#5d6575}.thumb-count{background:var(--accent);color:#fff;min-width:14px;height:14px;font:700 9px/14px var(--mono);text-align:center;border-radius:7px;padding:0 3px;position:absolute;top:2px;right:3px}.thumb-count:empty{display:none}.right-top-slot{border-bottom:1px solid var(--line);flex:none;height:330px;position:relative}.viewer3d{background:radial-gradient(at 50% 30%,#1d222b,#0e1014 75%);flex-direction:column;height:100%;display:flex;position:relative}.viewer3d-head{z-index:2;align-items:center;gap:4px;padding:8px 8px 0 12px;display:flex;position:absolute;top:0;left:0;right:0}.viewer3d-head .eyebrow{margin-right:auto}.live-dot:before{content:"";background:var(--ok);width:6px;height:6px;box-shadow:0 0 8px var(--ok);vertical-align:1px;border-radius:50%;margin-right:7px;animation:2.4s ease-in-out infinite pulse;display:inline-block}.viewer3d-viewport{position:absolute;inset:0}.viewer3d-viewport>*{width:100%;height:100%}.viewer3d-loading{color:var(--muted);pointer-events:none;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;inset:0}.cam-bar{display:flex}.segmented{border:1px solid var(--line);background:#0e1014bf;border-radius:7px;gap:1px;padding:2px;display:inline-flex}.seg{height:24px;color:var(--muted);font:600 11.5px/1 var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:0 8px}.seg:hover{color:var(--text);background:var(--panel-2)}.seg.is-on{background:var(--panel-3);color:var(--text);box-shadow:inset 0 0 0 1px #3a404d}.seg-views{grid-template-columns:repeat(5,1fr);width:100%;display:grid}.seg-views .seg{padding:0 2px;font-size:11px}.seg-views .seg.is-on{background:var(--accent);box-shadow:none;color:#fff}.hd-editor.is-3d-expanded .right-top-slot{height:300px}.hd-editor.is-3d-expanded .centre-slot .viewer3d{background:radial-gradient(at 50% 38%,#1f242e,#0c0e12 70%)}.hd-editor.is-3d-expanded .viewer3d-head{padding:12px 14px 0 16px}.inspector{scrollbar-width:thin;scrollbar-color:#2a2f3a transparent;flex:1;min-height:0;overflow-y:auto}.insp-body{padding:14px 14px 28px}.insp-head{border-bottom:1px solid var(--line-soft);margin-bottom:4px;padding-bottom:12px}.insp-heading{align-items:center;gap:8px;margin-top:6px;display:flex}.insp-name{font:800 21px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.insp-hint{color:var(--muted);margin:8px 0 0;font-size:12px}.insp-section{border-bottom:1px solid var(--line-soft);padding:14px 0 6px}.insp-section:last-of-type{border-bottom:0}.insp-title{font:800 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;color:#7a8292;margin:0 0 10px}.insp-actions{flex-wrap:wrap;gap:4px;padding-top:12px;display:flex}.insp-tip{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);border-radius:9px;gap:9px;margin-top:16px;padding:11px 12px;font-size:12px;line-height:1.5;display:flex}.insp-tip .icon{color:var(--accent);margin-top:2px;font-size:15px}.lock-badge{color:var(--warn);background:#f5b9421f;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-flex}.shell-row{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;height:38px;padding:0 11px;display:flex}.shell-row .icon{color:var(--accent)}.shell-row span:first-of-type{flex:1;font-weight:600}.shell-row:hover{border-color:#3a404d}.field{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;min-height:32px;margin-bottom:6px;display:grid}.field-stack{grid-template-columns:1fr;align-items:start;gap:6px}.field-label{color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;font-size:12px;display:flex}.field-label.scrub{cursor:ew-resize}.field-label.scrub:hover{color:var(--text)}.field-control{min-width:0}.field-num{grid-template-columns:92px minmax(0,1fr) 66px}.field-num.no-slider{grid-template-columns:22px minmax(0,1fr)}.num-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.num-pair .field{margin-bottom:6px}.num-wrap{align-items:center;display:flex;position:relative}.num-input,.text-input,.hex-input{border:1px solid var(--line);width:100%;height:28px;color:var(--text);font:500 12px/1 var(--mono);background:#101217;border-radius:6px;padding:0 8px;transition:border-color .12s,box-shadow .12s}.text-input{font:500 13px/1 var(--font);height:32px}.num-input{text-align:right;padding-right:22px}.num-input:hover,.text-input:hover{border-color:#343a47}.num-input:focus,.text-input:focus,.hex-input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-dim);outline:none}.num-unit{font:500 10.5px/1 var(--mono);color:#5d6575;pointer-events:none;position:absolute;right:7px}.field-num.no-slider .num-input{padding-right:8px}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--pct,50%), #2a2f3a var(--pct,50%));border-radius:2px;height:4px}.slider::-moz-range-track{background:#2a2f3a;border-radius:2px;height:4px}.slider::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .1s;box-shadow:0 2px 6px #00000080}.slider::-moz-range-thumb{border:2px solid var(--accent);background:#fff;border-radius:50%;width:12px;height:12px}.slider:hover::-webkit-slider-thumb{transform:scale(1.15)}.field-toggle{cursor:pointer;grid-template-columns:1fr auto}.field-toggle.is-disabled{opacity:.55}.switch{appearance:none;cursor:pointer;background:#2a2f3a;border:1px solid #343a47;border-radius:9px;width:32px;height:18px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";width:12px;height:12px;transition:transform .15s var(--ease), background .15s;background:#c9ced8;border-radius:50%;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{background:#fff;transform:translate(14px)}.switch:disabled{cursor:default}.text-row{gap:4px;display:flex}.picker-btn,.font-btn,.swatch-btn{border:1px solid var(--line);text-align:left;cursor:pointer;background:#101217;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:34px;padding:4px 9px 4px 5px;transition:border-color .12s;display:flex}.picker-btn:hover,.font-btn:hover,.swatch-btn:hover{border-color:#3a404d}.picker-btn>span:nth-child(2){flex:1;font-weight:600}.picker-btn>.icon:last-child,.font-btn>.icon:last-child{color:var(--muted)}.picker-icon{background:var(--panel-2);width:26px;height:24px;color:var(--text);border-radius:5px;place-items:center;display:grid}.picker-icon svg{width:18px;height:16px}.picker-btn .flag-img{border-radius:3px;width:30px;height:22px}.swatch{background:var(--c);border:1px solid #ffffff29;border-radius:6px;flex:none;width:24px;height:24px;box-shadow:inset 0 -6px 10px #0003}.swatch-hex{font:600 12px/1 var(--mono)}.swatch-name{text-align:right;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.font-btn-sample{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding-left:4px;font-size:19px;line-height:1.1;overflow:hidden}.font-btn-name{color:var(--muted);white-space:nowrap;font-size:11px}.finish-chips{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.finish-chip{border:1px solid var(--line);height:32px;color:var(--muted);cursor:pointer;background:#101217;border-radius:7px;align-items:center;gap:7px;padding:0 8px 0 6px;font-size:11.5px;font-weight:600;transition:border-color .12s,color .12s;display:flex;position:relative}.finish-chip:hover{color:var(--text);border-color:#3a404d}.finish-chip.is-on{border-color:var(--accent);color:var(--text);background:var(--accent-dim)}.finish-ball{border-radius:50%;flex:none;width:18px;height:18px}.finish-gloss .finish-ball{background:radial-gradient(circle at 32% 28%,#fff 0 12%,#8b93a3 30%,#2a2f3a 75%)}.finish-satin .finish-ball{background:radial-gradient(circle at 35% 30%,#c8ccd4 0 6%,#7d8492 40%,#2f3440 85%)}.finish-matte .finish-ball{background:radial-gradient(circle at 40% 35%,#7a808c,#3a3f4a 80%)}.finish-metallic .finish-ball{background:radial-gradient(circle at 32% 28%,#fff 0 8%,#b9c0cc 25%,#5c6370 60%,#9aa2b0 85%)}.finish-pearl .finish-ball{background:radial-gradient(circle at 32% 28%,#fff 0 10%,#f3e7ff 28%,#b7d7f2 55%,#f4c8d8 85%)}.finish-chrome .finish-ball{background:linear-gradient(170deg,#fff 0,#d9dee6 30%,#3d424c 48%,#9aa3b2 62%,#fff 90%)}.tint-chips{grid-template-columns:1fr 1fr;gap:4px;display:grid}.tint-chip{border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;background:#101217;border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.tint-chip:hover{color:var(--text);border-color:#3a404d}.tint-chip.is-on{border-color:var(--accent);color:var(--text);background:var(--accent-dim)}.logo-preview{border:1px solid var(--line);background:repeating-conic-gradient(#1a1d24 0 25%, #14171c 0 50%) 0 0 / 16px 16px;border-radius:8px;place-items:center;height:96px;margin-bottom:8px;display:grid}.logo-preview img{object-fit:contain;max-width:90%;max-height:84px}.popover{z-index:900;min-width:180px;max-height:min(520px,100vh - 16px);box-shadow:var(--shadow-pop);animation:pop-in .12s var(--ease);scrollbar-width:thin;background:#191c23;border:1px solid #2f3440;border-radius:11px;padding:8px;position:fixed;overflow-y:auto}.popover .eyebrow{padding:6px 4px 7px;display:block}.menu{flex-direction:column;gap:1px;min-width:200px;display:flex}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:32px;padding:5px 9px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--panel-3);box-shadow:none}.menu-item:disabled{opacity:.4;cursor:default}.menu-item.is-danger{color:#ff8a80}.menu-icon{color:var(--muted);place-items:center;font-size:15px;display:grid}.menu-text{flex-direction:column;flex:1;gap:2px;display:flex}.menu-label{font-weight:550}.menu-hint{color:var(--muted);font-size:11px}.menu-sep{background:var(--line);height:1px;margin:4px 2px}.menu-heading{font:800 10px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#5d6575;padding:7px 9px 4px}.pattern-menu{flex-direction:column;gap:2px;display:flex}.pattern-opt{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:5px 8px 5px 5px;display:flex}.pattern-opt:hover{background:var(--panel-3)}.pattern-opt canvas{border:1px solid var(--line-soft);background:#0d0f13;border-radius:6px;flex:none}.pattern-opt-text{flex-direction:column;gap:3px;display:flex}.pattern-opt-name{font-weight:650}.pattern-opt-hint{color:var(--muted);font-size:11px}.pal-grid{grid-template-columns:repeat(8,1fr);gap:5px;padding:0 2px 4px;display:grid}.pal-swatch{aspect-ratio:1;background:var(--c);cursor:pointer;border:1px solid #ffffff24;border-radius:6px;transition:transform 80ms}.pal-swatch:hover{z-index:1;transform:scale(1.12)}.pal-swatch.is-on{box-shadow:0 0 0 2px #191c23, 0 0 0 4px var(--accent)}.pop-custom{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:6px;padding:10px 2px 2px;display:flex}.pop-preview{background:var(--c);border:1px solid #ffffff29;border-radius:7px;flex:none;width:28px;height:28px}.hex-input{text-transform:uppercase;width:92px}.native-wrap{margin-left:auto;position:relative;overflow:hidden}.native-colour{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.font-list{flex-direction:column;gap:2px;display:flex}.font-opt{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;display:flex}.font-opt:hover{background:var(--panel-3)}.font-opt.is-on{border-color:var(--accent-line);background:var(--accent-dim)}.font-opt-sample{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:24px;line-height:1.1;overflow:hidden}.font-opt-meta{color:var(--muted);font-size:11px}.font-opt-meta b{color:var(--text);font-weight:600}.shape-grid{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:4px;display:grid}.shape-cell{aspect-ratio:1;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#101217;border-radius:7px;place-items:center;transition:border-color .1s,color .1s,background .1s;display:grid}.shape-cell svg{width:70%;height:70%}.shape-cell:hover{border-color:var(--accent-line);color:var(--accent);background:var(--panel-3)}.shape-cell.is-on{border-color:var(--accent);color:var(--accent)}.flag-search{margin-bottom:6px}.flag-list{scrollbar-width:thin;flex-direction:column;gap:1px;max-height:380px;display:flex;overflow-y:auto}.flag-opt{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:5px 8px;display:flex}.flag-opt:hover{background:var(--panel-3)}.flag-opt.is-on{background:var(--accent-dim)}.flag-opt span:nth-child(2){flex:1}.flag-img{object-fit:cover;background:var(--panel-3);border-radius:2px;width:26px;height:19.5px;box-shadow:0 0 0 1px #ffffff1a}.flag-code{font:600 10px/1 var(--mono);color:#5d6575}.tooltip{z-index:1200;color:#0e1014;max-width:280px;font:600 11.5px/1.3 var(--font);pointer-events:none;background:#f1f2f4;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;animation:.1s ease-out tip-in;display:flex;position:fixed;box-shadow:0 6px 18px #00000073}.tooltip kbd{color:#3a3f4a;background:#dcdfe4;border-color:#c4c8cf}.toasts{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;min-width:260px;max-width:min(560px,92vw);color:var(--text);box-shadow:var(--shadow-pop);animation:toast-in .18s var(--ease);background:#1f232c;border:1px solid #343a47;border-radius:10px;padding:9px 8px 9px 14px;font-size:12.5px;transition:opacity .18s,transform .18s}.toast.is-leaving{opacity:0;transform:translateY(6px)}.toast-row{align-items:center;gap:10px;display:flex}.toast-dot{background:var(--info);border-radius:50%;flex:none;width:7px;height:7px}.toast-success .toast-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.toast-error{border-color:#ff5b5b80}.toast-error .toast-dot{background:var(--err)}.toast-msg{flex:1}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 7px;font-size:17px;line-height:1}.toast-close:hover{color:var(--text);background:var(--panel-3)}.toast-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06070aa8;place-items:center;padding:24px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-backdrop.is-leaving{opacity:0;transition:opacity .14s}.modal{width:min(560px,100%);max-width:100%;animation:rise-in .2s var(--ease);background:linear-gradient(#1a1d24,#15181e);border:1px solid #2f3440;border-radius:16px;padding:26px 28px 24px;position:relative;box-shadow:0 30px 90px #0009}.modal:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:56px;height:2px;position:absolute;top:-1px;left:28px}.modal-small{width:min(420px,100%)}.modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--panel-3);color:var(--text)}.modal-head{margin-bottom:16px;padding-right:30px}.modal-title{font:800 26px/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;margin:6px 0 0}.modal-text,.sheet-text{color:#b4bac6;margin:0 0 14px;font-size:13.5px;line-height:1.55}.modal-actions,.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.sheet-actions{justify-content:flex-start}.modal-sheet{width:min(500px,100%)}.sheet-hero{margin-bottom:14px}.sheet-icon{background:var(--accent-dim);width:50px;height:50px;color:var(--accent);border:1px solid var(--accent-line);border-radius:13px;place-items:center;display:inline-grid}.sheet-title{font:800 28px/1.02 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 10px}.sheet-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.sheet-list li{align-items:center;gap:9px;font-size:13px;display:flex}.sheet-list .icon{color:var(--ok)}.modal-pro{width:min(560px,100%)}.modal-pro:before{background:var(--pro)}.pro-hero{align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.pro-price{background:radial-gradient(circle at 30% 20%,#f5c54240,#f5c5420a);border:1px solid #f5c54266;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.pro-amount{font:800 44px/.9 var(--display);color:var(--pro)}.pro-once{font:800 9.5px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#b9a46a;text-align:center;margin-top:6px}.eyebrow-pro{color:var(--pro);margin-bottom:8px}.pro-reason{color:#f3e2b0;background:#f5c54214;border:1px solid #f5c54240;border-radius:8px;margin:0;padding:9px 11px;font-size:13px;line-height:1.5}.pro-list{grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.pro-list li{align-items:flex-start;gap:8px;font-size:13px;display:flex}.pro-list .icon{color:var(--pro);margin-top:2px}.pro-list li.is-hit{color:var(--pro);font-weight:650}.pro-used{color:var(--muted);align-items:center;gap:8px;margin:14px 0 0;font-size:12px;display:flex}.pro-form{display:contents}.modal-share{width:min(540px,100%)}.share-row{gap:6px;display:flex}.share-url{font-family:var(--mono);font-size:12px}.share-intents{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.modal-export{width:min(720px,100%)}.export-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.export-card{border:1px solid var(--line);background:#13161c;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.export-card .btn{margin-top:auto}.export-card-head{gap:12px;display:flex}.export-card-head>.icon{color:var(--accent);margin-top:3px}.export-card h3{font:800 17px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.export-card p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.spec{grid-template-columns:auto 1fr;gap:5px 12px;margin:0;font-size:12px;display:grid}.spec dt{color:#5d6575;font:800 10px/1.6 var(--display);letter-spacing:.14em;text-transform:uppercase}.spec dd{font-family:var(--mono);margin:0;font-size:11.5px}.upsell{color:var(--pro);font-family:var(--font)}.modal-shells{width:min(720px,100%)}.shell-picker{flex-direction:column;gap:16px;display:flex}.sport-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.sport-head h3{font:800 14px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;margin:0}.sport.is-soon .sport-head h3{color:#5d6575}.soon-badge{background:var(--panel-3);color:var(--muted);font:800 9.5px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;border-radius:5px;padding:3px 7px}.sport.is-soon{border-top:1px solid var(--line-soft);padding-top:12px}.sport.is-soon+.sport.is-soon{border-top:0;padding-top:0}.shell-picker{gap:10px}.shell-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.shell-opt{border:1px solid var(--line);text-align:left;cursor:pointer;background:#13161c;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;transition:border-color .12s,transform .12s;display:flex;position:relative}.shell-opt:hover{border-color:var(--accent-line);transform:translateY(-1px)}.shell-opt.is-on{border-color:var(--accent)}.shell-opt-art{width:100%;height:90px;color:var(--accent);background:radial-gradient(at 50% 40%,#232833,#0f1115);border-radius:9px;place-items:center;display:grid}.shell-opt-name{font:800 17px/1 var(--display);text-transform:uppercase;letter-spacing:.04em}.shell-opt-blurb{color:var(--muted);font-size:12px;line-height:1.45}.shell-opt-current{background:var(--accent);color:#fff;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px}.modal-shortcuts{width:min(760px,100%)}.shortcuts{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}.shortcuts-title{font:800 12px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.shortcuts-list{grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;margin:0;display:grid}.shortcuts-list dt{justify-content:flex-end;gap:3px;display:flex}.shortcuts-list dd{color:#b4bac6;margin:0;font-size:12.5px}.kbd-word{color:var(--muted);font-size:11px;font-style:italic}.modal-palette{align-self:start;width:min(600px,100%);margin-top:12vh;padding:0;overflow:hidden}.modal-palette:before,.modal-palette .modal-close{display:none}.palette-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:14px 16px;display:flex}.palette-input{color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.palette-input:focus-visible{box-shadow:none}.palette-list{scrollbar-width:thin;max-height:420px;padding:6px;overflow-y:auto}.palette-group{font:800 10px/1 var(--display);letter-spacing:.16em;text-transform:uppercase;color:#5d6575;padding:10px 10px 5px}.palette-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;display:flex}.palette-item.is-active{background:var(--panel-3);box-shadow:inset 2px 0 0 var(--accent)}.palette-icon{color:var(--muted);place-items:center;font-size:15px;display:grid}.palette-item.is-active .palette-icon{color:var(--accent)}.palette-title{flex:1;font-weight:550}.modal-welcome{width:min(1040px,100%);padding:30px 32px}.welcome-head{align-items:center;gap:18px;margin-bottom:24px;display:flex}.welcome-mark{background:var(--accent);color:#fff;border-radius:15px;place-items:center;width:62px;height:62px;display:grid;transform:skew(-8deg);box-shadow:0 14px 34px -12px #ff3b1fe6}.welcome-mark .icon{transform:skew(8deg)}.welcome-title{font:800 44px/.95 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:6px 0 4px;font-style:italic}.welcome-sub{color:#b4bac6;margin:0;font-size:14px}.welcome-ways{grid-template-columns:minmax(0,1fr) 230px;gap:14px;display:grid}.way{border:1px solid var(--line);background:#13161c;border-radius:14px;padding:16px}.way-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.way h3{font:800 18px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;margin:0}.way-num{font:600 11px/1 var(--mono);color:var(--accent)}.way-head .muted{margin-left:auto;font-size:12px}.way-side{grid-template-rows:1fr 1fr;gap:14px;display:grid}.way-btn{text-align:left;cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;transition:border-color .15s,transform .15s,background .15s;display:flex;position:relative;overflow:hidden}.way-btn .way-num{position:absolute;top:14px;left:16px}.way-btn:hover{border-color:var(--accent-line);background:#171a21;transform:translateY(-2px)}.way-icon{color:#2a2f3a;transition:color .15s, transform .2s var(--ease);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.way-btn:hover .way-icon{color:var(--accent);transform:translate(-50%,-54%)scale(1.06)}.way-btn .muted{font-size:12px}.preset-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.preset-card{border:1px solid var(--line);text-align:left;cursor:pointer;animation:rise-in .35s var(--ease) both;animation-delay:calc(var(--i) * 35ms);background:#0f1115;border-radius:11px;flex-direction:column;gap:5px;padding:6px 6px 10px;transition:border-color .15s,transform .15s;display:flex}.preset-card:hover{border-color:var(--accent);transform:translateY(-2px)}.preset-art{aspect-ratio:1.25;background:radial-gradient(at 50% 40%,#232833,#12141a);border-radius:7px;place-items:center;display:grid;position:relative;overflow:hidden}.preset-art img{object-fit:contain;width:100%;height:100%}.preset-swatches{gap:4px;display:flex}.preset-swatches span{background:var(--c);border:1px solid #ffffff2e;border-radius:50%;width:14px;height:14px;animation:1.6s ease-in-out infinite pulse}.preset-name{font:800 15px/1 var(--display);text-transform:uppercase;letter-spacing:.05em;padding:0 4px}.preset-blurb{color:var(--muted);padding:0 4px;font-size:11px;line-height:1.35}.spinner{border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes tip-in{0%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1280px){:root{--left-w:256px;--right-w:320px}.view2d-hint,.palette-btn span,.palette-btn kbd{display:none}}@media (max-width:980px){.workspace{grid-template-columns:220px minmax(0,1fr) 290px}.brand-word{display:none}}.right-top-slot>.view2d{height:100%}.right-top-slot>.view2d .view2d-stage{background:#0c0e12}