@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-ui:"Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--text-xl:20px;--text-2xl:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--dur-fast:.12s;--dur:.2s;--ease:cubic-bezier(.2, .8, .2, 1);--bg:#f5f5f7;--canvas:#e9e9ed;--surface:#fff;--surface-2:#f2f2f5;--surface-3:#e6e6eb;--border:#00000014;--border-strong:#00000029;--text:#1d1d1f;--text-2:#55555c;--text-3:#6e6e76;--accent:#6d28d9;--accent-hover:#5b21b6;--accent-soft:#6d28d91a;--accent-text:#6d28d9;--on-accent:#fff;--danger:#c62828;--success:#1b7f3b;--warning:#9a5b00;--focus:#6d28d9;--shadow:0 1px 2px #0000000f, 0 8px 24px #00000014;--shadow-lg:0 24px 64px #0000002e;--scrim:#14141852}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111113;--canvas:#0b0b0c;--surface:#1a1a1c;--surface-2:#222225;--surface-3:#2c2c30;--border:#ffffff12;--border-strong:#ffffff24;--text:#f2f2f4;--text-2:#a8a8b0;--text-3:#8b8b94;--accent:#7c3aed;--accent-hover:#8b5cf6;--accent-soft:#8b5cf629;--accent-text:#b197fc;--on-accent:#fff;--danger:#ff6b6b;--success:#4ade80;--warning:#fbbf24;--focus:#a78bfa;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--shadow-lg:0 24px 64px #0000008c;--scrim:#0000008c}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s}}@media (prefers-contrast:more){:root{--border:#7f7f7f80;--border-strong:#7f7f7fcc;--text-3:var(--text-2)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:var(--text-md);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;line-height:1.45;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template:"top top top"52px"side main inspector"minmax(0,1fr)/236px minmax(0,1fr) 304px;height:100%;display:grid}.app.no-sidebar{grid-template-columns:0 minmax(0,1fr) 304px}.topbar{align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);-webkit-app-region:drag;grid-area:top;display:flex}.topbar>*{-webkit-app-region:no-drag}.topbar .spacer{-webkit-app-region:drag;flex:1}.brand{align-items:center;gap:var(--space-2);padding-right:var(--space-2);font-weight:650;font-size:var(--text-lg);letter-spacing:-.01em;display:flex}.brand img{width:26px;height:26px}.mac .topbar{padding-left:84px}.crumb{align-items:center;gap:var(--space-1);color:var(--text-2);min-width:0;display:flex}.crumb strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-weight:560;overflow:hidden}.sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;grid-area:side;min-height:0;display:flex;overflow:hidden}.sidebar-scroll{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.section-title{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;font-weight:600;display:flex}.nav-item{align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);text-align:left;color:var(--text);transition:background var(--dur-fast) var(--ease);background:0 0;border:0;display:flex}.nav-item:hover{background:var(--surface-3)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text);font-weight:560}.nav-item .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-item .count{color:var(--text-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.nav-item .menu-trigger{opacity:0}.nav-item:hover .menu-trigger,.nav-item:focus-within .menu-trigger,.nav-item.active .menu-trigger{opacity:1}.sidebar-foot{padding:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.made-by{color:var(--text-3);font-size:var(--text-xs);background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;display:inline-flex}.made-by b{color:var(--text-2);font-weight:600}.made-by:hover b{color:var(--accent-text)}.main{background:var(--canvas);flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex;position:relative}.inspector{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;grid-area:inspector;min-height:0;display:flex}.inspector-body{padding:var(--space-3) var(--space-4) var(--space-5);flex:1;overflow-y:auto}.btn{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), opacity var(--dur-fast);justify-content:center;align-items:center;gap:6px;font-weight:520;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn-primary:hover{background:var(--accent-hover)}.btn-quiet{background:0 0;border-color:#0000}.btn-quiet:hover{background:var(--surface-3)}.btn-danger{color:var(--danger)}.btn-lg{min-height:40px;padding:0 var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-md)}.btn-block{width:100%}.btn-ai{background:var(--accent);color:var(--on-accent);border-color:#0000;box-shadow:0 0 #7c3aed66}.btn-ai:hover{background:var(--accent-hover);box-shadow:0 0 0 4px var(--accent-soft)}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);transition:background var(--dur-fast) var(--ease), color var(--dur-fast);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.sm{width:24px;height:24px}.icon-btn.on{color:var(--accent-text);background:var(--accent-soft)}.segmented{margin:var(--space-3) var(--space-3) 0;background:var(--surface-2);border-radius:var(--radius-md);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented button{min-height:44px;color:var(--text-2);font-size:var(--text-xs);background:0 0;border:0;border-radius:7px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-weight:540;display:flex}.segmented button:hover{color:var(--text)}.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.segmented.compact button{min-height:30px;font-size:var(--text-sm);flex-direction:row;justify-content:center;gap:6px}.group{padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.group:last-child{border-bottom:0}.group-head{width:100%;margin-bottom:var(--space-2);font-weight:600;font-size:var(--text-md);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.group-head .muted{font-weight:400}.slider-row{margin:0 0 var(--space-2);grid-template-columns:1fr auto;align-items:center;row-gap:2px;display:grid}.slider-row label{color:var(--text-2)}.slider-row output{font-variant-numeric:tabular-nums;color:var(--text-3);font-size:var(--text-sm);text-align:right;cursor:text;background:0 0;border:0;min-width:32px;padding:0}.slider-row output.changed{color:var(--accent-text)}.slider-row input[type=range]{grid-column:1/-1}input[type=range]{appearance:none;background:0 0;width:100%;height:20px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--fill,var(--surface-3));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--fill,var(--surface-3));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);border:1px solid var(--border-strong);cursor:grab;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 3px #00000040}input[type=range]::-moz-range-thumb{background:var(--surface);border:1px solid var(--border-strong);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000040}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--focus);outline-offset:2px}.field{margin-bottom:var(--space-3);gap:6px;display:grid}.field>span,.field>label{color:var(--text-2);font-weight:520}.field small,.hint{color:var(--text-3);font-size:var(--text-sm)}.input,select.input,textarea.input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);-webkit-user-select:text;user-select:text;width:100%;min-height:34px;padding:6px 10px}textarea.input{resize:vertical;min-height:84px;line-height:1.5}.input:focus{outline:2px solid var(--focus);outline-offset:-1px}.check{align-items:center;gap:var(--space-2);color:var(--text-2);display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.muted{color:var(--text-3)}.row{align-items:center;gap:var(--space-2);display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.stack{gap:var(--space-2);display:grid}.chip{background:var(--surface-3);color:var(--text-2);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-weight:560;display:inline-flex}.chip.accent{background:var(--accent-soft);color:var(--accent-text)}.chip.ok{color:var(--success)}.kbd{font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border-strong);color:var(--text-3);border-radius:4px;padding:1px 5px}.stage{touch-action:none;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage-inner{transform-origin:0 0;position:absolute}.stage canvas.photo{display:block;box-shadow:0 6px 30px #00000040}.stage canvas.overlay{width:100%;height:100%;position:absolute;inset:0}.stage-hud{left:50%;bottom:var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.stage-hud .zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;color:var(--text-2);font-size:var(--text-sm)}.compare-badge{top:var(--space-3);position:absolute;left:50%;transform:translate(-50%)}@media (prefers-reduced-transparency:reduce){.stage-hud{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.filmstrip{gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border-top:1px solid var(--border);align-items:center;min-height:92px;display:flex;overflow-x:auto}.thumb{border-radius:var(--radius-sm);background:var(--surface-3);border:2px solid #0000;flex:none;width:96px;height:72px;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.thumb.active{border-color:var(--accent)}.thumb .badge{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:4px;right:4px}.thumb-add{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);width:72px;height:72px;color:var(--text-3);background:0 0;flex:none;place-items:center;display:grid}.thumb-add:hover{color:var(--accent-text);border-color:var(--accent)}.empty{padding:var(--space-6);flex:1;place-items:center;display:grid}.dropzone{width:min(560px,100%);padding:var(--space-7) var(--space-6);text-align:center;border:1.5px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--surface)}.dropzone img{width:88px;height:88px;margin-bottom:var(--space-3)}.dropzone h1{margin:0 0 var(--space-1);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:680}.dropzone p{margin:0 0 var(--space-5);color:var(--text-2);font-size:var(--text-lg)}.dropzone .actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dropzone .foot{margin-top:var(--space-5);color:var(--text-3);font-size:var(--text-sm)}.drop-overlay{z-index:60;background:var(--scrim);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay>div{padding:var(--space-6) var(--space-7);border-radius:var(--radius-xl);border:2px dashed var(--accent);background:var(--surface);color:var(--text);font-size:var(--text-xl);box-shadow:var(--shadow-lg);font-weight:600}.preset-grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.preset{text-align:center;font-size:var(--text-sm);color:var(--text-2);background:0 0;border:0;gap:4px;padding:0;display:grid}.preset canvas,.preset .swatch{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-3);border:2px solid #0000;width:100%;display:block}.preset.active canvas,.preset.active .swatch{border-color:var(--accent)}.preset.active{color:var(--accent-text);font-weight:600}.option-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.option{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);min-height:34px;font-size:var(--text-sm);font-weight:520}.option:hover{background:var(--surface-2)}.option[aria-pressed=true]{border-color:var(--accent);color:var(--accent-text);background:var(--accent-soft)}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3)}.card.soft{background:var(--surface-2);border-color:#0000}.list{gap:var(--space-2);display:grid}.scrim{z-index:50;padding:var(--space-5);background:var(--scrim);animation:fade var(--dur) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.sheet{border-radius:var(--radius-xl);background:var(--surface);width:min(560px,100%);max-height:min(820px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:rise var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.sheet.wide{width:min(980px,100%);height:min(720px,100%)}.sheet-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-bottom:1px solid var(--border);display:flex}.sheet-head h2{font-size:var(--text-lg);flex:1;margin:0;font-weight:640}.sheet-body{padding:var(--space-5);-webkit-user-select:text;user-select:text;flex:1;overflow-y:auto}.sheet-foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface);display:flex}.hub{flex:1;grid-template-columns:200px minmax(0,1fr);min-height:0;display:grid}.hub-nav{padding:var(--space-3) var(--space-2);background:var(--bg);border-right:1px solid var(--border);overflow-y:auto}.hub-main{flex-direction:column;min-width:0;min-height:0;display:flex}.hub-main .sheet-body{padding:var(--space-5) var(--space-6)}.hub-title{margin:0 0 var(--space-1);font-size:var(--text-xl);letter-spacing:-.01em;font-weight:660}.hub-sub{margin:0 0 var(--space-5);color:var(--text-2)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}.chat{gap:var(--space-3);flex-direction:column;display:flex}.msg{max-width:88%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);white-space:pre-wrap;word-break:break-word}.msg.user{background:var(--accent);color:var(--on-accent);align-self:flex-end}.msg .ops{margin-top:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.composer{gap:var(--space-2);padding:var(--space-3) var(--space-6);border-top:1px solid var(--border);align-items:flex-end;display:flex}.composer textarea{min-height:40px;max-height:160px}pre.code{max-height:260px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--canvas);font-family:var(--font-mono);font-size:var(--text-sm);-webkit-user-select:text;user-select:text;white-space:pre;margin:0;line-height:1.5;overflow:auto}.provider{align-items:center;gap:var(--space-3);grid-template-columns:36px 1fr auto;display:grid}.provider-logo{border-radius:var(--radius-sm);background:var(--surface-3);width:36px;height:36px;color:var(--text-2);place-items:center;font-weight:700;display:grid}.provider-logo.on{background:var(--accent-soft);color:var(--accent-text)}.ai-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.ai-grid figure{margin:0}.ai-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-3);width:100%;display:block}.ai-grid figcaption{font-size:var(--text-sm);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.before-after{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.before-after canvas{border-radius:var(--radius-sm);background:var(--surface-3);width:100%}.toasts{right:var(--space-4);bottom:var(--space-4);z-index:70;gap:var(--space-2);width:min(380px,100vw - 32px);display:grid;position:fixed}.toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:rise var(--dur) var(--ease);display:flex}.toast .text{flex:1}.toast.success svg.tone{color:var(--success)}.toast.error svg.tone{color:var(--danger)}.busy{top:var(--space-3);z-index:20;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:var(--text-sm);border-radius:999px;padding:6px 8px 6px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.progress{background:var(--surface-3);border-radius:2px;width:120px;height:4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width var(--dur) var(--ease)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu{z-index:80;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-lg);animation:fade var(--dur-fast) var(--ease);padding:4px;position:fixed}.menu button{align-items:center;gap:var(--space-2);width:100%;min-height:30px;padding:0 var(--space-2);text-align:left;background:0 0;border:0;border-radius:6px;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--accent);color:var(--on-accent);outline:none}.menu hr{border:0;border-top:1px solid var(--border);margin:4px 2px}.menu .danger{color:var(--danger)}.activity{right:var(--space-3);top:var(--space-3);bottom:var(--space-3);z-index:15;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);width:300px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;overflow:hidden}.activity ol{padding:var(--space-2) var(--space-3);align-content:start;gap:var(--space-2);flex:1;margin:0;list-style:none;display:grid;overflow-y:auto}.activity li{gap:var(--space-2);font-size:var(--text-sm);grid-template-columns:24px 1fr;display:grid}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.presence{display:flex}.presence .avatar{border:2px solid var(--surface);margin-left:-6px}.code-badge{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:.2em;text-align:center;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);font-weight:650}@media (width<=1100px){.app{grid-template-columns:0 minmax(0,1fr) 288px}.app .sidebar{display:none}.app.sidebar-open .sidebar{z-index:40;width:260px;box-shadow:var(--shadow-lg);display:flex;position:fixed;top:52px;bottom:0;left:0}}@media (width<=760px){.app{grid-template:"top"52px"main"minmax(0,1fr)"inspector"/minmax(0,1fr)}.inspector{border-left:0;border-top:1px solid var(--border);max-height:45vh}.brand span,.hide-sm{display:none}.hub{grid-template-columns:1fr}.hub-nav{border-right:0;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.hub-nav .nav-item{flex:none;width:auto}.hub-nav .section-title{display:none}.sheet.wide{height:100%}}.crop-layer{position:absolute;inset:0;overflow:hidden}.crop-box{cursor:move;touch-action:none;outline:1px solid #ffffffe6;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-box:focus-visible{outline:2px solid var(--focus)}.crop-grid{pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff73 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff73 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff73 calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff73 calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.crop-handle{touch-action:none;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.crop-handle:after{content:"";background:#fff;border-radius:3px;position:absolute;inset:6px;box-shadow:0 1px 4px #00000073}.h-nw{cursor:nwse-resize;top:0;left:0}.h-n{cursor:ns-resize;top:0;left:50%}.h-ne{cursor:nesw-resize;top:0;left:100%}.h-e{cursor:ew-resize;top:50%;left:100%}.h-se{cursor:nwse-resize;top:100%;left:100%}.h-s{cursor:ns-resize;top:100%;left:50%}.h-sw{cursor:nesw-resize;top:100%;left:0}.h-w{cursor:ew-resize;top:50%;left:0}.retouch-layer{cursor:none;touch-action:none;position:absolute;inset:0}.retouch-layer.box,.retouch-layer.wand{cursor:crosshair}.retouch-layer canvas{opacity:.55;width:100%;height:100%;display:block}.brush-cursor{pointer-events:none;border:1.5px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.box-preview{pointer-events:none;background:#7c3aed40;border:1.5px dashed #fff;position:absolute}.clone-source{pointer-events:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009}.hub-main{position:relative}.hide-lg{display:none}@media (width<=1100px){.hide-lg{display:inline-grid}}.win .topbar{padding-right:150px}