:root{--bg:#0b0d12;--bg-raised:#10131a;--panel:#13161e;--panel-2:#1a1e28;--panel-3:#232836;--border:#222734;--border-strong:#2f3646;--text:#e9ecf3;--text-2:#aab2c3;--text-3:#778196;--accent:#6e8bff;--accent-hover:#869dff;--accent-strong:#5470f0;--accent-soft:#6e8bff24;--accent-ring:#6e8bff73;--success:#3ccf91;--warning:#f2b84b;--danger:#ff5f6d;--danger-soft:#ff5f6d1f;--radius-sm:7px;--radius:10px;--radius-lg:14px;--shadow:0 12px 32px #0000006b, 0 2px 8px #00000047;--shadow-sm:0 4px 14px #00000052;--topbar-h:56px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow:hidden}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none;display:block}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,p{margin:0}kbd{border:1px solid var(--border-strong);background:var(--panel-2);min-width:22px;color:var(--text);font:600 11px/18px var(--font);text-align:center;border-bottom-width:2px;border-radius:6px;margin:0 1px;padding:1px 6px;display:inline-block}.app{grid-template-rows:var(--topbar-h) minmax(0, 1fr);height:100vh;height:100dvh;display:grid}.workspace{grid-template-columns:296px minmax(0,1fr) 304px;grid-template-areas:"faces canvas adjust";min-height:0;display:grid}.sidebar{display:contents}.sheet-bar{display:none}.panel{background:var(--panel);scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent;min-height:0;overflow-y:auto}.panel--faces{border-right:1px solid var(--border);flex-direction:column;grid-area:faces;display:flex}.panel--adjust{border-left:1px solid var(--border);grid-area:adjust}.canvas-area{background-color:#0d1016;background-image:radial-gradient(#ffffff0e 1px,#0000 1px);background-size:22px 22px;grid-area:canvas;min-width:0;position:relative;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.topbar{background:var(--bg-raised);border-bottom:1px solid var(--border);align-items:center;gap:14px;min-width:0;padding:0 12px 0 14px;display:flex}.topbar__brand{flex:none;align-items:center;gap:10px;display:flex}.logo{filter:drop-shadow(0 4px 10px #5b5ff059);flex:none}.brand-name{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:700}.brand-name span{color:var(--text-3);font-weight:600}.privacy-chip{color:#7fe0b6;white-space:nowrap;background:#3ccf9114;border:1px solid #3ccf9147;border-radius:999px;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;font-size:12px;font-weight:600;display:inline-flex}.topbar__file{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.image-info{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-3);font-size:12px;overflow:hidden}.topbar__actions{flex:none;align-items:center;gap:6px;display:flex}.topbar__sep{background:var(--border-strong);width:1px;height:22px;margin:0 4px}.btn-group{gap:2px;display:flex}.btn{border:1px solid var(--border-strong);background:var(--panel-2);height:34px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--panel-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg, var(--accent-hover), var(--accent-strong));color:#fff;border-color:#0000;box-shadow:inset 0 1px #ffffff2e,0 6px 16px #5470f047}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg, #98abff, var(--accent))}.btn--ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn--ghost[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-hover)}.btn--danger{color:#ff8a95}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:#ff5f6d59}.btn--block{width:100%}.btn--lg{border-radius:11px;height:44px;padding:0 22px;font-size:14px}.btn.is-busy{color:#0000;position:relative}.btn.is-busy:after{content:"";border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:absolute}.btn.is-attention{box-shadow:0 0 0 3px var(--accent-ring), 0 6px 16px #5470f047}.icon-btn{width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.icon-btn:disabled{opacity:.38;cursor:not-allowed}.icon-btn--sm{border-radius:7px;width:28px;height:28px}.text-btn{color:var(--accent-hover);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 6px;font-size:12px;font-weight:600}.text-btn:hover:not(:disabled){background:var(--accent-soft)}.text-btn:disabled{color:var(--text-3);opacity:.6;cursor:default}@media (hover:hover){[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:60;border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;box-shadow:var(--shadow-sm);background:#07090d;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px)}[data-tooltip]:hover:not(:disabled):after,[data-tooltip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}[data-tooltip-pos=bottom-end]:after{left:auto;right:0;transform:translateY(-3px)}[data-tooltip-pos=bottom-end]:hover:not(:disabled):after,[data-tooltip-pos=bottom-end]:focus-visible:after{transform:none}[data-tooltip-pos=right]:after{top:50%;left:calc(100% + 10px);transform:translate(-3px,-50%)}[data-tooltip-pos=right]:hover:not(:disabled):after,[data-tooltip-pos=right]:focus-visible:after{transform:translateY(-50%)}[data-tooltip-pos=top]:after{top:auto;bottom:calc(100% + 10px);transform:translate(-50%,3px)}}.empty-state{place-items:center;padding:24px;display:none;position:absolute;inset:0;overflow-y:auto}.app[data-state=empty] .empty-state{display:grid}.app[data-state=empty] .toolrail,.app[data-state=empty] .zoombar{display:none}.empty-state__card{border:1px dashed var(--border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;width:min(480px,100%);box-shadow:var(--shadow);background:#13161ed1;border-radius:20px;padding:36px 32px 30px}.empty-state__icon{color:#b5c4ff;background:linear-gradient(140deg,#8ea6ff3d,#5b5ff029);border:1px solid #8ea6ff4d;border-radius:20px;place-items:center;width:68px;height:68px;margin-bottom:18px;display:inline-grid}.empty-state h1{letter-spacing:-.015em;font-size:22px;font-weight:700}.empty-state p{max-width:380px;color:var(--text-2);margin:10px auto 22px;font-size:14px;line-height:1.55}.empty-state strong{color:var(--text)}.empty-state .empty-state__hint{color:var(--text-3);margin:12px 0 0;font-size:12px}.empty-state__features{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:18px 0 0;list-style:none;display:flex}.empty-state__features li{background:var(--panel-2);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.drop-overlay{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b0d12c7;place-items:center;padding:16px;display:none;position:fixed;inset:0}.drop-overlay>div{border:2px dashed var(--accent);background:var(--accent-soft);color:#c9d4ff;border-radius:20px;justify-items:center;gap:12px;width:min(520px,100%);padding:48px 24px;font-size:16px;font-weight:600;display:grid}.app.is-dragging .drop-overlay{display:grid}.toolrail{z-index:10;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#13161ee6;border-radius:12px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:14px;left:14px}.toolrail__sep{background:var(--border-strong);height:1px;margin:3px 6px}.tool-btn{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background .15s,color .15s;display:grid}.tool-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.tool-btn[aria-pressed=true]{background:var(--accent);color:#fff}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.zoombar{z-index:10;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#13161ee6;border-radius:11px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;left:14px}.zoombar__value{min-width:54px;height:28px;color:var(--text);font:600 12px/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 6px}.zoombar__value:hover:not(:disabled){background:var(--panel-3)}.zoombar__sep{background:var(--border-strong);width:1px;height:18px;margin:0 2px}.status-pill{z-index:20;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 28px);box-shadow:var(--shadow-sm);color:var(--text);white-space:nowrap;background:#13161ef0;border-radius:999px;align-items:center;gap:9px;padding:8px 14px 8px 12px;font-weight:600;display:flex;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.status-pill .icon{color:var(--accent-hover)}.status-pill__bar{height:2px;width:calc(var(--progress,0) * 100%);background:linear-gradient(90deg, var(--accent), #a78bfa);transition:width .2s;position:absolute;bottom:0;left:0}.scan{z-index:5;pointer-events:none;background:linear-gradient(#6e8bff12,#6e8bff12);border-radius:2px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #6e8bff8c,0 0 40px #6e8bff40}.scan__beam{background:linear-gradient(#0000,#6e8bff0d 55%,#8ea6ff61 96%,#c3cfff);height:28%;animation:1.6s cubic-bezier(.45,0,.55,1) infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(360%)}}.compare{z-index:8;pointer-events:none;--position:50%;position:absolute;inset:0}.compare__line{top:0;bottom:0;left:var(--position);background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #00000059,0 0 12px #0006}.compare__handle{top:50%;left:var(--position);color:#1a1e28;cursor:ew-resize;pointer-events:auto;touch-action:none;background:#fff;border:0;border-radius:50%;place-items:center;width:40px;height:40px;margin:-20px 0 0 -20px;display:grid;position:absolute;box-shadow:0 4px 16px #00000073}.compare__label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#07090db8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:14px}.compare__label--before{right:calc(100% - var(--position) + 12px)}.compare__label--after{left:calc(var(--position) + 12px)}.panel__section{border-bottom:1px solid var(--border);padding:16px}.panel__section:last-child{border-bottom:0}.panel__section--grow{flex-direction:column;flex:1;min-height:220px;display:flex}.panel__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel__header--stack{display:block}.panel__header h2{letter-spacing:.01em;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.panel__hint{color:var(--text-3);margin-top:3px;font-size:12px}.panel__header-actions{gap:2px;display:flex}.count,.badge{background:var(--panel-3);min-width:20px;height:18px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.model-status{color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.model-status:before{content:"";background:var(--warning);border-radius:50%;width:7px;height:7px}.model-status[data-state=loading]:before{animation:1.1s ease-in-out infinite pulse}.model-status[data-state=ready]:before{background:var(--success)}.model-status[data-state=error]{color:#ff8a95}.model-status[data-state=error]:before{background:var(--danger)}@keyframes pulse{50%{opacity:.3}}.detect-result{min-height:18px;color:var(--text-2);margin-top:8px;font-size:12px}.detect-result:empty{display:none}.detect-result.is-error{color:#ff8a95}.settings{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);margin-top:12px}.settings summary{color:var(--text-2);cursor:pointer;border-radius:var(--radius);align-items:center;gap:8px;padding:9px 12px;font-weight:600;list-style:none;display:flex}.settings summary::-webkit-details-marker{display:none}.settings summary:hover{color:var(--text)}.settings__chevron{margin-left:auto;transition:transform .2s}.settings[open] .settings__chevron{transform:rotate(180deg)}.settings__body{gap:14px;padding:4px 12px 14px;display:grid}.settings__body .field{margin:0}.region-list{scrollbar-width:thin;scrollbar-color:var(--panel-3) transparent;flex:1;min-height:0;margin:0 -8px;padding:0;list-style:none;overflow-y:auto}.region-item{cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;margin:0 8px 2px;padding:6px 6px 6px 7px;transition:background .12s,border-color .12s;display:grid}.region-item:hover,.region-item.is-hover{background:var(--panel-2)}.region-item.is-selected{background:var(--accent-soft);border-color:#6e8bff73}.region-item:focus-visible{outline-offset:-2px}.region-item__thumb{background:var(--panel-3);border-radius:9px;width:38px;height:38px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.region-item__thumb canvas{width:100%;height:100%;display:block}.region-item.is-off .region-item__thumb{opacity:.45}.region-item__meta{min-width:0;display:grid}.region-item__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.region-item__detail{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.region-item.is-off .region-item__name{color:var(--text-3)}.region-item .icon-btn{opacity:.7}.region-item:hover .icon-btn,.region-item.is-selected .icon-btn,.region-item .icon-btn:focus-visible{opacity:1}.region-item [data-action=delete]:hover{background:var(--danger-soft);color:#ff8a95}.region-empty{color:var(--text-3);text-align:center;padding:18px 8px;font-size:12px}.field{gap:8px;margin-bottom:16px;display:grid}.field:last-child{margin-bottom:0}.field__label{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.field__label output{color:var(--text);font-variant-numeric:tabular-nums}.field__hint{color:var(--text-3);font-size:11.5px;font-weight:400;line-height:1.4;display:block}input[type=range]{--fill:50%;cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--fill), var(--panel-3) var(--fill) 100%);border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;transition:box-shadow .15s;box-shadow:0 0 0 3px #6e8bff59,0 1px 4px #00000080}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-ring), 0 1px 4px #00000080}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-ring), 0 1px 4px #00000080}input[type=range]::-moz-range-track{background:var(--panel-3);border-radius:999px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #6e8bff59,0 1px 4px #00000080}input[type=range]:focus-visible{outline:none}.segmented{border:1px solid var(--border);background:var(--bg-raised);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented button{min-width:0;height:30px;color:var(--text-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button[aria-checked=true]{background:var(--panel-3);color:var(--text);box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #ffffff0a}.segmented button:disabled{opacity:.4;cursor:not-allowed}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.switch-row>span{gap:2px;display:grid}.switch-row__title{color:var(--text);font-weight:600}.switch{background:var(--panel-3);cursor:pointer;appearance:none;border-radius:999px;flex:none;width:36px;height:21px;margin:0;transition:background .18s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:2.5px;left:2.5px;box-shadow:0 1px 3px #0006}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(15px)}.switch:indeterminate{background:#6e8bff73}.switch:indeterminate:after{transform:translate(7.5px)}.switch:disabled{opacity:.4;cursor:not-allowed}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--panel);background:var(--swatch);width:28px;height:28px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%;padding:0;position:relative}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.swatch--custom{background:conic-gradient(#ff5f6d,#f2b84b,#3ccf91,#4cc9f0,#6e8bff,#a78bfa,#ff5f6d);overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.swatch--custom:focus-within{outline:2px solid var(--accent);outline-offset:2px}.num-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.num{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:8px;align-items:center;height:32px;display:flex;overflow:hidden}.num:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.num span{width:26px;color:var(--text-3);text-align:center;font-size:11px;font-weight:700}.num input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0 8px 0 0}.btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.input,.select{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:9px;outline:none;width:100%;height:36px;padding:0 10px}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px;background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.input-group{align-items:stretch;display:flex}.input-group .input{border-top-right-radius:0;border-bottom-right-radius:0}.input-group__suffix{border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text-2);font-family:var(--mono);border-left:0;border-radius:0 9px 9px 0;place-items:center;padding:0 12px;font-size:12px;display:grid}.dialog{border:1px solid var(--border-strong);background:var(--panel);width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border-radius:16px;padding:0;box-shadow:0 30px 80px #0009}.dialog--wide{width:min(900px,100vw - 24px)}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060a9e}.dialog[open]{animation:.18s ease-out dialog-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.dialog__form{flex-direction:column;max-height:calc(100dvh - 26px);display:flex}.dialog__header{justify-content:space-between;align-items:center;padding:16px 16px 12px 20px;display:flex}.dialog__header h2{font-size:16px;font-weight:700}.dialog__body{padding:4px 20px 16px;overflow-y:auto}.dialog__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.export-note{border-radius:var(--radius);background:var(--panel-2);color:var(--text-2);gap:8px;padding:10px 12px;font-size:12px;display:flex}.export-note .icon{color:var(--accent-hover);margin-top:1px}.form-error{border-radius:var(--radius);background:var(--danger-soft);color:#ff9aa4;margin-top:10px;padding:9px 12px;font-size:12px}.shortcuts{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:6px 28px;display:grid}.shortcuts h3{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 8px;font-size:11px;font-weight:700}.shortcuts dl{margin:0}.shortcuts dl>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.shortcuts dt{color:var(--text-2)}.shortcuts dd{color:var(--text-3);text-align:right;white-space:nowrap;margin:0;font-size:12px}.shortcuts__note{color:var(--text-3);grid-column:1/-1;margin-top:8px;font-size:12px}.toasts{z-index:100;top:calc(var(--topbar-h) + 12px);pointer-events:none;justify-items:center;gap:8px;width:min(460px,100vw - 24px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-strong);max-width:100%;box-shadow:var(--shadow);color:var(--text);pointer-events:auto;cursor:pointer;opacity:0;background:#171b24;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-weight:500;transition:opacity .2s,transform .2s;display:flex;transform:translateY(-6px)}.toast.is-visible{opacity:1;transform:none}.toast .icon{color:var(--accent-hover);margin-top:1px}.toast--success .icon{color:var(--success)}.toast--error{border-color:#ff5f6d73}.toast--error .icon{color:var(--danger)}@media (max-width:1279px){.workspace{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"canvas side"}.sidebar{border-left:1px solid var(--border);background:var(--panel);flex-direction:column;grid-area:side;min-height:0;display:flex}.sheet-bar{align-items:center;gap:8px;padding:10px 12px 0;display:flex}.sheet-toggle{display:none}.tabs{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;flex:1;gap:4px;padding:3px;display:flex}.tabs button{height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tabs button[aria-selected=true]{background:var(--panel-3);color:var(--text)}.panel{border:0;flex:1}.panel:not(.is-active),.brand-name span{display:none}}@media (max-width:899px){:root{--topbar-h:52px}body{font-size:14px}.topbar{gap:8px;padding:0 8px 0 10px}.hide-sm,.privacy-chip span,.image-info,.brand-name{display:none}.privacy-chip{padding:0 6px}.topbar__sep{margin:0 1px}.btn--ghost,.topbar .btn--primary{width:36px;padding:0}.workspace{grid-template:"canvas"minmax(0,1fr)"side"/minmax(0,1fr)}.sidebar{border-left:0;border-top:1px solid var(--border);z-index:15;height:min(46dvh,440px);padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;margin-top:-12px;transition:height .25s;position:relative;box-shadow:0 -10px 30px #00000059}.sidebar.is-collapsed{height:calc(56px + env(safe-area-inset-bottom))}.sidebar.is-collapsed .sheet-toggle .icon{transform:rotate(180deg)}.sheet-bar{padding:10px 10px 8px}.sheet-toggle{display:inline-grid}.sheet-toggle .icon{transition:transform .2s}.panel__section{padding:14px}.panel__section--grow{min-height:180px}.canvas-area{padding-bottom:12px}.toolrail{flex-direction:row;top:10px;left:10px}.toolrail__sep{width:1px;height:auto;margin:6px 3px}.tool-btn{width:40px;height:40px}.zoombar{bottom:22px;left:auto;right:10px}.status-pill,.compare__label{top:62px}.empty-state__card{padding:28px 20px 24px}.empty-state h1{font-size:20px}.toasts{top:calc(var(--topbar-h) + 8px)}}@media (max-width:380px){.hide-xs{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scan__beam{display:none}}