:root{color-scheme:dark;--bg:#222326;--panel:#2b2c30;--raised:#34353b;--stroke:#42434b;--text:#e4e6eb;--muted:#9b9da8;--accent:#7ab2ff;--accent-bg:#1d3c61;--green:#85c7a2;--amber:#e5bd78;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}button{color:var(--text)}.app-header{height:68px;display:flex;align-items:center;gap:28px;padding:0 23px;background:#1b1c1f;border-bottom:1px solid #141517}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);font-size:17px;letter-spacing:-.4px;min-width:246px}.brand>b{font-weight:600}.brand-mark{width:38px;height:38px;background:#1b2c42;border:1px solid #4974a4;color:#8ac2ff;display:grid;place-items:center;font-weight:600;font-size:23px;letter-spacing:-1px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#898c97;margin-top:5px}.workspaces{display:flex;align-self:stretch;gap:5px}.workspaces button{border:0;border-bottom:2px solid transparent;background:transparent;font-size:14px;padding:0 22px;color:#9295a0;display:flex;align-items:center;gap:9px}.workspaces button.active{color:#a8cdff;border-color:#8db9ff;background:linear-gradient(0deg,#8db9ff0c,transparent)}.header-end{margin-left:auto;display:flex;align-items:center;gap:20px}.local-badge{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0a49f}.local-badge i{width:6px;height:6px;border-radius:50%;background:#7fba9b}.icon-btn{border:1px solid #52545c;background:transparent;border-radius:50%;width:25px;height:25px;font-size:14px}.command-bar{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;background:#292a2f;border-bottom:1px solid #151619}.command-bar>div:first-child,.command-actions{display:flex;gap:10px;align-items:center}.button{border:1px solid #555862;background:#3b3d44;padding:9px 13px;border-radius:4px;transition:background .15s;font-weight:500;white-space:nowrap}.button:hover:not(:disabled){background:#4b4e58}.button.primary{background:#608fc8;border-color:#73a1db;color:#0c1726;font-weight:650}.button.primary:hover:not(:disabled){background:#8cbaff}.button.small{padding:7px 12px;font-size:11px}.button.full{width:100%;margin-top:10px;min-height:36px}.button.subtle{background:transparent;border-color:#484b54}.text-btn{border:0;background:transparent;color:#a9adb8;padding:7px;font-size:11px}.text-btn:hover{color:#dbe6f4}.filename{color:#9296a0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:center;max-width:35vw;font-size:11px}.studio{display:grid;grid-template-columns:270px minmax(0,1fr) 290px;height:calc(100dvh - 116px)}.panel{background:var(--panel);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55565d transparent}.left-panel{border-right:1px solid #18191b}.right-panel{border-left:1px solid #18191b}.panel section{padding:18px 16px;border-bottom:1px solid #202126}.section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:14px}.section-title .pill{margin-left:auto}.dot{width:6px;height:6px;border-radius:50%}.blue{background:var(--accent)}.pill{font-size:9px;font-weight:400;padding:3px 6px;border:1px solid #4b4e57;border-radius:3px;color:#b6bbc6}.file-summary{display:flex;gap:10px;align-items:center;margin-bottom:18px;min-width:0}.file-summary>div:last-child{min-width:0}.file-icon{font-size:29px;color:#777f8e}.file-summary strong{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.file-summary small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 9px}.spec-grid small{display:block;font-size:8px;letter-spacing:.9px;color:#9296a2;margin-bottom:5px}.spec-grid b{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.hint{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 0}.diagnosis{padding:11px;background:#24262b;border-left:2px solid #667280;color:#b1b7c1;font-size:11px;line-height:1.6;margin-bottom:11px}.diagnosis.warn{border-color:#dab574;color:#e1c99e;background:#3d35284d}.diagnosis.good{border-color:#86c5a1;color:#b0d6be;background:#253b2d4d}.stat{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:7px 0;border-bottom:1px solid #3b3d43}.stat span{color:#afb2bd}.stat b{font-variant-numeric:tabular-nums;font-size:10px;font-weight:500}.hist-title{display:flex;justify-content:space-between;font-size:8px;color:#969ba7;letter-spacing:.7px;margin:18px 0 10px}#histogram{width:100%;height:55px;border-bottom:1px solid #595b64;background:#24252a}.two-fields,.three-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0}.three-fields{grid-template-columns:1fr .8fr 1fr;gap:6px}.two-fields label,.three-fields label{font-size:9px;color:#a5a9b4}.two-fields input,.three-fields input,.two-fields select{display:block;width:100%;margin-top:6px}.two-fields input,.three-fields input,input[type=number],select{background:#232429;border:1px solid #4b4d57;border-radius:3px;color:#d5dae6;padding:7px 6px;min-width:0;font-variant-numeric:tabular-nums}.check{display:flex;align-items:center;gap:7px;font-size:10px;color:#bfc3ce;margin:11px 0;line-height:1.5}.check input{accent-color:var(--accent);width:13px;height:13px;margin:0}.size-presets{display:flex;gap:6px;margin-top:12px}.size-presets button{flex:1;border:1px solid #4b4d56;background:#33353b;border-radius:3px;color:#b9bdc8;padding:5px;font-size:10px}.size-presets button:hover{border-color:var(--accent);color:#c3dcff}.effective{display:flex;justify-content:space-between;align-items:center;font-size:10px;background:#253344;padding:10px;margin-top:15px;border-radius:3px;color:#b8cbe1}.effective b{font-weight:600;color:#a9ceff}.workflow-note{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.workflow-note p{font-size:10px;line-height:1.7;margin:0}.note-icon{color:#818c9e;font-size:19px}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#1e1f22}.document-tab{height:34px;display:flex;align-items:center;gap:9px;background:#35363b;border-bottom:1px solid #151619;padding:0 15px;font-size:10px;flex:none}.document-tab #documentTab{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-dot{width:5px;height:5px;border-radius:50%;background:#7e91ab}.tab-extra{margin-left:auto;color:#8e929e;font-size:9px}.viewport-tools{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 12px;background:#292a2e;border-bottom:1px solid #16171a;flex:none}.view-tabs{display:flex;gap:4px}.view-tabs button{border:0;border-radius:3px;background:transparent;padding:7px 8px;color:#a5a9b5;font-size:10px}.view-tabs button.active{background:#44474f;color:#e5eaf4}.background-tools{display:flex;align-items:center;gap:4px}.background-tools button{background:transparent;border:1px solid transparent;padding:4px 5px;width:25px;height:25px;border-radius:3px;font-size:16px;color:#a5a9b5}.background-tools button.active{border-color:#7e94b1;background:#3c414b}.swatch{display:block;width:12px;height:12px;border:1px solid #777}.black{background:#111}.white{background:#fff}.background-tools input[type=color]{width:22px;height:24px;border:0;padding:2px;background:transparent}.board{flex:1;position:relative;min-height:0;overflow:auto;scrollbar-width:thin;background:#202124;scrollbar-color:#50515a #202124}.stage{position:relative;margin:32px auto;flex:none;box-shadow:0 4px 24px #0005}.stage img{position:absolute;inset:0;object-fit:contain;width:100%;height:100%;user-select:none}.stage.pixelated img{image-rendering:pixelated}.stage.picking{cursor:crosshair}.checker{background-color:#fff;background-image:linear-gradient(45deg,#bfbfbf 25%,transparent 25%),linear-gradient(-45deg,#bfbfbf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bfbfbf 75%),linear-gradient(-45deg,transparent 75%,#bfbfbf 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.empty-state{position:absolute;inset:0;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;overflow:hidden}.empty-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#687183 1px,transparent 1px),linear-gradient(90deg,#687183 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black,transparent 68%);pointer-events:none}.empty-icon{width:62px;height:62px;border:1px solid #4c5666;background:#293241;border-radius:12px;display:grid;place-items:center;color:#95c4ff;font-size:33px;margin-bottom:27px;position:relative}.eyebrow{font-size:8px;letter-spacing:2px;color:#8d99ad;position:relative}.empty-state h1{font-weight:500;font-size:clamp(24px,2.3vw,35px);letter-spacing:-1.2px;margin:12px 0 13px;position:relative}.empty-state p{font-size:12px;line-height:1.8;color:#9299a7;max-width:345px;margin:0 0 25px;position:relative}.empty-state .button{font-size:12px;padding:11px 23px;position:relative}.empty-state small{color:#777e8c;font-size:9px;margin:13px 0 18px;position:relative}.empty-state .text-btn{font-size:10px;position:relative;color:#9ba9bd}.viewport-footer{height:40px;background:#2a2b30;border-top:1px solid #16171a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px;flex:none}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{border:0;background:transparent;color:#a2adbd;font-size:16px;padding:3px}.zoom-controls select{background:#24252a;font-size:10px;padding:5px;width:145px}.viewport-footer>span{font-size:9px;color:#979daa;text-align:right}.status-bar{height:28px;background:#27282c;border-top:1px solid #1f2023;padding:0 12px;display:flex;justify-content:space-between;gap:8px;align-items:center;flex:none;font-size:9px;color:#8f97a5}.status-led{display:inline-block;width:5px;height:5px;background:#8cbea0;border-radius:50%;margin-right:5px}.status-bar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.compare-control{height:33px;background:#2c2e34;display:flex;align-items:center;gap:15px;padding:0 18px;font-size:9px;color:#b2b9c5;flex:none}.compare-control input{flex:1}.compare-line{position:absolute;top:0;bottom:0;width:1px;background:#fff9;left:50%;pointer-events:none}.compare-line:after{content:'↔';position:absolute;top:50%;left:-12px;background:#29384c;color:#c9dfff;border:1px solid #91a6c1;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.mode-select{display:flex;gap:5px;margin:17px 0 22px}.mode-select button{flex:1;border:1px solid #4e515c;background:#35373e;padding:9px 4px;font-size:10px;border-radius:3px}.mode-select button.active{background:#2c4461;border-color:#83aee3;color:#b6d6ff}.slider-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:15px 0 9px;color:#bcc1ce}.slider-label output{font-variant-numeric:tabular-nums;color:#a7ccff}.slider-label input[type=number]{width:59px;padding:4px 5px;color:#a6ccff;font-size:10px}.slider-label:has(+input)+input[type=range],input[type=range]{display:block;width:100%;accent-color:#8eb9f2;height:15px;cursor:pointer;margin:0}input[type=range]:disabled{opacity:.3}.threshold-readout{display:flex;align-items:center;justify-content:space-between;background:#25272d;padding:12px;margin-top:16px;font-size:10px;color:#a9b0be}.threshold-readout b{font-size:17px;font-weight:500;color:#bed8fa}.threshold-readout small{font-size:10px;color:#7f8b9e}.radio{display:flex;align-items:flex-start;gap:7px;margin:14px 0;color:#c2c8d3;font-size:10px;line-height:1.4}.radio input{margin:1px 0;accent-color:#8db8f2}.radio small{display:block;font-size:9px;color:#969eac;margin-top:4px}.empty-detail{color:#929aa8;font-size:10px;line-height:1.7}.print-presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}.print-presets button{position:relative;display:grid;grid-template-columns:24px 1fr;grid-template-rows:1fr 1fr;gap:3px 7px;background:#32343b;border:1px solid #4b4f59;border-radius:4px;padding:10px 7px;text-align:left}.print-presets button.active{background:#293d58;border-color:#81a9dc}.print-presets b{font-size:10px;font-weight:500}.print-presets small{font-size:8px;color:#a3afc1}.preset-dots{grid-row:span 2;align-self:center;font-size:25px;line-height:1;color:#828e9f}.preset-dots.light{color:#ccd4df}.print-presets button.active .preset-dots{color:#a1caff}.key-row{display:flex;align-items:center;gap:9px;margin:12px 0}.key-row input[type=color]{width:48px;height:30px;padding:2px;background:#222;border:1px solid #555}.mini-btn{margin-left:auto;background:transparent;border:0;color:#939eaf;font-size:9px}.levels-gradient{height:15px;background:linear-gradient(90deg,#000,#fff);border:1px solid #4a4c56;margin:15px 0}.full-select{width:100%;margin-bottom:8px;font-size:10px}details summary{cursor:pointer;font-size:10px;color:#b6c2d3}.calibration{display:flex;gap:7px}.calibration .button{font-size:9px;flex:1;padding:7px 4px}.processing{position:fixed;inset:0;z-index:50;background:#151619bb;backdrop-filter:blur(3px);display:grid;place-items:center}.processing>div{background:#2f333c;border:1px solid #606b7b;box-shadow:0 15px 60px #0009;border-radius:9px;padding:30px;max-width:400px;width:85%;text-align:center}.processing strong{display:block;color:#cfdef4;font-size:13px;margin:18px 0 10px}.processing p{color:#a6b0c1;font-size:11px;line-height:1.6;margin-bottom:20px}.spinner{display:inline-block;width:27px;height:27px;border:2px solid #52627a;border-top-color:#a2c9ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;z-index:100;left:50%;transform:translateX(-50%);bottom:30px;background:#334256;border:1px solid #768ca9;color:#deebff;padding:13px 20px;border-radius:6px;box-shadow:0 8px 30px #0006;font-size:12px;max-width:90vw;line-height:1.6}.drop-overlay{position:absolute;inset:8px;z-index:10;border:2px dashed #a7c8f4;background:#243955ed;display:grid;place-items:center;font-size:24px;color:#c8e0ff;pointer-events:none}dialog{background:#30343d;color:#d0d8e7;border:1px solid #5c6a80;border-radius:9px;max-width:570px;padding:25px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#12151acc;backdrop-filter:blur(4px)}dialog p{font-size:12px;line-height:1.9;color:#b3bed0}dialog a{color:#a0caff}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font-weight:500;font-size:22px;letter-spacing:-.6px}.dialog-heading .icon-btn{font-size:21px;border:0}.picking-note{color:#d9c788!important}
@media(min-width:1700px){.studio{grid-template-columns:290px minmax(0,1fr) 320px}.panel section{padding:21px}.section-title{font-size:13px}.hint,.check,.slider-label,.stat,.radio{font-size:11px}}
@media(max-width:1150px){.studio{grid-template-columns:225px minmax(0,1fr) 250px}.brand{min-width:195px}.workspaces button{padding:0 13px;font-size:12px}.header-end .local-badge{display:none}.panel section{padding:15px 12px}.view-tabs button{padding:7px 5px;font-size:9px}.viewport-tools{flex-wrap:wrap;gap:3px}.background-tools{margin-left:auto}.filename{display:none}.empty-state{padding:20px}.empty-state p{font-size:11px}.size-presets{gap:4px}.mode-select button{font-size:9px}.print-presets button{grid-template-columns:18px 1fr;padding:9px 5px}.preset-dots{font-size:20px}}
@media(max-width:800px){body{overflow:auto}.app-header{height:61px;padding:0 13px;gap:12px}.brand{min-width:0;font-size:14px}.brand small{display:none}.brand-mark{width:31px;height:31px;font-size:21px}.workspaces{margin-left:auto}.workspaces button{padding:0 10px;font-size:12px;gap:5px}.workspaces button span{max-width:85px;font-size:10px;line-height:1.4}.header-end{margin-left:0}.header-end .icon-btn{width:21px;height:21px;font-size:12px}.command-bar{padding:0 10px;height:44px}.command-bar #demo,.command-bar #reset{display:none}.studio{height:auto;display:flex;flex-direction:column}.workspace{order:-1;height:70dvh;min-height:500px}.left-panel,.right-panel{overflow:visible;border:0}.left-panel{display:grid;grid-template-columns:1fr 1fr}.left-panel section{border-right:1px solid #202126}.left-panel .workflow-note{grid-column:span 2}.right-panel>div{display:grid;grid-template-columns:1fr 1fr}.right-panel section{border-right:1px solid #202126}.viewport-tools{flex-wrap:nowrap}.view-tabs button{font-size:10px;padding:7px 9px}.empty-state h1{font-size:30px}.empty-state p{font-size:12px}.empty-state{min-height:340px}.command-actions .button{font-size:10px;padding:7px}.filename{display:none}.status-bar{height:28px}.tab-extra{display:none}}
@media(max-width:450px){.brand>span:last-child{display:none}.app-header{gap:9px}.workspaces button{padding:0 12px}.view-tabs{gap:1px}.view-tabs button{font-size:9px;padding:7px 5px}.background-tools{gap:1px}.viewport-tools{padding:5px 8px}.left-panel,.right-panel>div{display:block}.empty-state h1{font-size:27px}.empty-state p{max-width:280px}.viewport-footer>span{font-size:8px}.viewport-footer{padding:0 7px}.zoom-controls select{width:125px;font-size:9px}.document-tab{padding:0 10px}.command-bar #open{font-size:10px}}

.unit-select{margin-left:auto;font-size:10px;padding:3px;width:65px}.slider-label input[type=color]{width:42px;height:26px;padding:2px;border:1px solid #555b69;background:#22262c}
.app-header{gap:14px}.brand{min-width:200px}.workspaces button{padding:0 12px;font-size:12px}.header-end{gap:8px}.local-badge{white-space:nowrap}
.sheet-workspace{height:calc(100dvh - 68px);overflow:auto;padding:28px max(20px,calc((100vw - 1440px)/2));background:#202124}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.sheet-heading h1{font-size:30px;font-weight:500;letter-spacing:-1px;margin:10px 0}.sheet-heading p{color:var(--muted);line-height:1.6}
.sheet-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px;align-items:start}.sheet-settings{border:1px solid var(--stroke);border-radius:7px;overflow:visible}.sheet-settings label>select{margin-top:8px}.sheet-preview-panel{min-width:0;border:1px solid var(--stroke);border-radius:7px;overflow:hidden;background:#292b30}.sheet-toolbar{display:flex;gap:14px;align-items:center;padding:15px;flex-wrap:wrap;border-bottom:1px solid var(--stroke)}.sheet-toolbar>strong{font-weight:500;margin-right:auto}.sheet-toolbar .background-tools{margin:0}.sheet-drop{position:relative;padding:25px;min-height:330px;max-height:68dvh;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#1c1e23}.sheet-drop.dragging{outline:2px dashed var(--accent);outline-offset:-5px}.sheet-drop canvas{display:block;max-width:100%;height:auto;box-shadow:0 6px 30px #0005}.sheet-drop>p{position:absolute;top:40%;text-align:center;color:#c5cede;padding:15px;background:#242830dc;max-width:90%}.sheet-export{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.sheet-export .hint{margin-bottom:0;max-width:510px}.sheet-item{margin:16px 0;padding:13px;background:#24262c;border:1px solid #40434c;border-radius:5px}.sheet-item-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-width:0}.sheet-item-head img{width:42px;height:42px;object-fit:contain;background:#444951;border-radius:3px}.sheet-item-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.sheet-item-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:12px}.sheet-item-actions .check{margin:0;font-size:10px}.sheet-item-actions .button{padding:5px}.sheet-item .three-fields label{font-size:9px}.sheet-error{margin:12px;padding:12px;background:#643d3940;border:1px solid #a66c68;color:#ffcbc8;line-height:1.6}.sheet-downloads{padding:0 20px 20px}.sheet-downloads>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:12px}.sheet-downloads a{text-decoration:none;display:inline-block}.sheet-downloads:empty{display:none}
@media(max-width:1150px){.brand{min-width:160px}.workspaces button{padding:0 8px;font-size:11px}.sheet-grid{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:800px){.app-header{height:auto;min-height:105px;flex-wrap:wrap;padding:12px}.workspaces{order:3;width:100%;height:42px;justify-content:space-between;margin:0}.workspaces button{flex:1;justify-content:center;padding:5px;gap:4px}.workspaces button span{max-width:120px;font-size:10px}.header-end{margin-left:auto}.brand{min-width:0}.sheet-workspace{height:auto;min-height:calc(100dvh - 105px);padding:20px 12px}.sheet-heading{align-items:flex-start}.sheet-heading .pill{font-size:8px}.sheet-heading h1{font-size:26px}.sheet-grid{display:flex;flex-direction:column}.sheet-settings,.sheet-preview-panel{width:100%}.sheet-preview-panel{order:-1}.sheet-drop{max-height:55dvh;min-height:260px;padding:18px}.sheet-export{padding:15px;flex-wrap:wrap;gap:12px}.sheet-settings section{padding:18px}.command-bar #sendToSheet{font-size:9px;padding:7px}.sheet-toolbar{padding:12px;gap:8px}.sheet-toolbar>strong{width:100%;font-size:11px}.sheet-toolbar>button{margin-left:auto}}