:root{--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ink:#111;--muted:#6b6b6b;--faint:#9a9a97;--faint-2:#b5b5b2;--line:#e6e6e4;--panel:#fff;--chip:#f4f4f2;--canvas:#efefee;--dot:#d2d2cf;--accent:#ea3f25;--accent-ink:#fff;--accent-tint:#fdece8;--lav:#e4e6ff;--pill:#111;--pill-ink:#bdbdba;--pill-sep:#3a3a3a;--avatar-2:#d9d9d6;--sidebar:#f7f7f5;--overlay:#11111161;--shadow-artboard:0 1px 2px #1111110f, 0 12px 32px #11111114;--shadow-pill:0 10px 30px #11111140;--shadow-modal:0 24px 60px #1111114d;--menu-bg:#fff;--menu-hover:#f4f4f2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--ink:#f2f2f0;--muted:#9a9a97;--faint:#6f6f6c;--faint-2:#55554f;--line:#262626;--panel:#141414;--chip:#1e1e1e;--canvas:#0c0c0c;--dot:#2a2a2a;--accent-tint:#2a1713;--lav:#2a2c4d;--pill:#f2f2f0;--pill-ink:#7a7a77;--pill-sep:#d9d9d6;--avatar-2:#3a3a3a;--sidebar:#101010;--overlay:#0009;--shadow-artboard:0 20px 60px #0009;--shadow-pill:0 10px 30px #00000080;--shadow-modal:0 24px 60px #000000b3;--menu-bg:#1b1b1b;--menu-hover:#262626;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{background:var(--panel);color:var(--ink);font:400 13px/16px var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--muted)}.display{font-family:var(--font-display);letter-spacing:-.035em;font-weight:800}.logo{color:#fff;background:#111;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}:root[data-theme=dark] .logo{color:#111;background:#f2f2f0}.btn{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--chip)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding:0 16px;font-weight:600}.btn.accent:hover{filter:brightness(.93)}.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--panel);font-weight:600}.btn.danger{color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.icon-btn{width:32px;height:32px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn:hover{background:var(--chip);color:var(--ink)}.icon-btn.on{color:var(--accent);background:var(--accent-tint)}.badge-dot{background:var(--accent);color:#fff;text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:3px;right:2px}.avatar{border:2px solid var(--panel);color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:inline-flex}.avatar.alt{background:var(--avatar-2);color:var(--ink)}.avatar.lav{background:var(--lav);color:var(--ink)}.avatar.red{background:var(--accent);color:#fff}:root[data-theme=dark] .avatar:not(.alt):not(.lav):not(.red){color:#111;background:#f2f2f0}.avatars{align-items:center;display:flex}.avatars .avatar+.avatar{margin-left:-8px}input.text,select.text,.field-box{background:var(--chip);height:34px;color:var(--ink);border:1px solid #0000;border-radius:8px;width:100%;padding:0 10px}input.text::placeholder{color:var(--faint)}input.text:focus,select.text:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600;line-height:14px}.toggle{background:var(--chip);border:1px solid var(--line);border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .12s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on:after{transform:translate(18px)}.pill-btn{border:1px solid var(--line);background:var(--panel);height:30px;color:var(--ink);border-radius:15px;padding:0 14px;font-size:13px;font-weight:500}.pill-btn:hover{background:var(--chip)}.pill-btn.on{background:var(--ink);border-color:var(--ink);color:var(--panel)}.app{background:var(--canvas);flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.tb-left,.tb-right{align-items:center;gap:12px;min-width:0;display:flex}.tb-left{gap:14px}.crumbs{align-items:center;gap:8px;min-width:0;font-size:14px;line-height:18px;display:flex}.crumb-brand{letter-spacing:-.01em;color:var(--ink);font-weight:600}.crumb-brand:hover{color:var(--accent)}.crumb-sep{color:var(--faint-2)}.crumb-file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:240px;margin:0 -4px;padding:2px 4px;font-weight:500;overflow:hidden}.crumb-file:hover{background:var(--chip);color:var(--ink)}.crumb-input{font:500 14px/18px var(--font-ui);border:1px solid var(--accent);background:var(--panel);border-radius:6px;width:200px;height:26px;padding:0 6px}.status-chip{background:var(--chip);height:20px;color:var(--muted);border-radius:10px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;line-height:14px;display:inline-flex}.status-chip:hover{color:var(--ink)}.mcp-pill{border:1px solid var(--line);height:30px;color:var(--ink);border-radius:15px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.mcp-pill .dot{background:var(--faint-2);border-radius:50%;width:7px;height:7px}.mcp-pill.on .dot{background:var(--accent)}.body{flex:1;min-height:0;display:flex}.left{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:260px;min-height:0;display:flex}.right{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:flex;overflow-y:auto}.panel-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:44px;padding:0 16px;display:flex}.panel-title{font-size:13px;font-weight:600}.panel-kind{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:500}.tabs{align-items:center;gap:20px;display:flex}.tab{color:var(--faint);height:44px;font-size:13px;font-weight:500}.tab.active{color:var(--ink);font-weight:600}.tab:hover{color:var(--ink)}.page-switch{border-bottom:1px solid var(--line);height:36px;color:var(--muted);text-align:left;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:0 16px;font-size:12px;display:flex}.page-switch:hover{background:var(--chip)}.page-switch .name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.tree{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow:hidden auto}.row{height:32px;color:var(--ink);cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;flex-shrink:0;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:flex;position:relative}.row:hover{background:var(--chip)}.row.selected{background:var(--accent-tint);color:var(--accent)}.row.container{font-weight:600}.row.off .label,.row.off .slot-icon{opacity:.4}.row .slot{width:16px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.row .slot button{color:inherit;display:inline-flex}.row .indent{flex-shrink:0}.row .slot-icon{width:22px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.row.selected .slot-icon{color:var(--accent)}.row.container .slot-icon{color:var(--ink)}.row.container.selected .slot-icon{color:var(--accent)}.row .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row .row-actions{background:linear-gradient(90deg, transparent, var(--chip) 8px);gap:2px;padding-left:8px;display:none;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.row.selected .row-actions{background:linear-gradient(90deg, transparent, var(--accent-tint) 8px)}.row:hover .row-actions{display:inline-flex}.row .row-actions:has(button.on){display:inline-flex}.row .row-actions button{width:22px;height:22px;color:var(--faint);opacity:0;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.row:hover .row-actions button,.row .row-actions button.on{opacity:1}.row .row-actions button:hover{color:var(--ink);background:var(--line)}.row .link-mark{color:var(--accent);margin-left:4px;display:inline-flex}.row.drop-inside{outline:1.5px solid var(--accent);outline-offset:-1.5px}.row.drop-above:before,.row.drop-below:after{content:"";background:var(--accent);height:2px;position:absolute;left:6px;right:6px}.row.drop-above:before{top:-2px}.row.drop-below:after{bottom:-2px}.row .inline-input{border:1px solid var(--accent);background:var(--panel);min-width:0;height:22px;color:var(--ink);border-radius:5px;flex:1;padding:0 6px}.empty-note{color:var(--muted);padding:12px 16px;font-size:13px;line-height:19px}.assets{flex-direction:column;flex:1;gap:16px;padding:12px 16px 24px;display:flex;overflow-y:auto}.search-box{position:relative}.search-box svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{background:var(--chip);border:1px solid #0000;border-radius:8px;width:100%;height:34px;padding:0 12px 0 36px}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{text-align:left;flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.tile .thumb{background:var(--chip);border-radius:12px;justify-content:center;align-items:center;height:72px;display:flex;overflow:hidden}.tile:hover .thumb{outline:2px solid var(--accent);outline-offset:-2px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid #1111111a;border-radius:8px;width:32px;height:32px}.swatch:hover{outline:2px solid var(--accent);outline-offset:1px}.swatch.add{background:var(--chip);color:var(--muted);border-style:dashed;justify-content:center;align-items:center;display:inline-flex}.canvas{background:var(--canvas);touch-action:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0;position:relative;overflow:hidden}.canvas:not(.no-dots){background-image:radial-gradient(circle, var(--dot) 1px, transparent 1px);background-size:20px 20px}.world{transform-origin:0 0;position:absolute;top:0;left:0}.artboard-label{color:var(--muted);white-space:nowrap;cursor:default;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:-26px;left:0}.artboard-body{width:100%;height:100%;box-shadow:var(--shadow-artboard);border-radius:4px}[contenteditable=true]{cursor:text;-webkit-user-select:text;user-select:text;outline:none}.selection{border:1.5px solid var(--accent);pointer-events:none;box-sizing:border-box;position:absolute}.selection.soft{opacity:.55}.handle{border:1.5px solid var(--accent);pointer-events:auto;transform-origin:50%;box-sizing:border-box;background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.h-nw{cursor:nwse-resize;top:0;left:0}.h-n{cursor:ns-resize;top:0;left:50%}.h-n,.h-e,.h-s,.h-w{background:0 0;border-color:#0000}.h-n,.h-s{width:28px}.h-e,.h-w{height:28px}.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}.size-badge{transform-origin:50% 0;background:var(--accent);color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;line-height:14px;position:absolute;top:100%;left:50%}.draft{border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);pointer-events:none;position:absolute}.drop-target{outline:2px solid var(--accent);outline-offset:-2px}.guide{background:var(--accent);pointer-events:none;position:absolute}.gap-line{pointer-events:none;background:#ff7a2f;position:absolute}.gap-label{color:#fff;pointer-events:none;transform-origin:50%;white-space:nowrap;background:#ff7a2f;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1;position:absolute}.image-missing{background-image:repeating-linear-gradient(45deg,#e4e4e7 0 8px,#d4d4d8 8px 16px)}.pin{background:var(--accent);color:#fff;transform-origin:2px 30px;pointer-events:auto;cursor:pointer;border-radius:15px 15px 15px 3px;justify-content:center;align-items:center;width:30px;height:30px;margin:-30px 0 0 -2px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 10px #11111130}.pin.agent{background:#111}.pin.resolved{opacity:.45}.pin.active{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent)}.pin.pending{background:var(--ink);color:var(--panel)}:root[data-theme=dark] .pin.agent{color:#111;background:#f2f2f0}.pill{background:var(--pill);height:48px;box-shadow:var(--shadow-pill);z-index:5;border-radius:16px;align-items:center;gap:4px;padding:0 8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.tool{width:36px;height:36px;color:var(--pill-ink);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.tool:hover{color:var(--panel);background:#ffffff14}:root[data-theme=dark] .tool:hover{color:var(--ink);background:#ffffff14}.tool.active{background:var(--accent);color:#fff}.pill-sep{background:var(--pill-sep);flex-shrink:0;width:1px;height:22px;margin:0 6px}.zoom-btn{height:36px;color:var(--pill-ink);border-radius:10px;align-items:center;gap:4px;padding:0 10px 0 4px;font-size:12px;font-weight:500;display:inline-flex}.zoom-btn:hover{color:var(--panel)}:root[data-theme=dark] .zoom-btn:hover{color:var(--ink)}.section{border-bottom:1px solid var(--line);flex-direction:column;gap:12px;padding:16px;display:flex}.section:last-child{border-bottom:0}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head .add{color:var(--muted);border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;line-height:16px;display:inline-flex}.section-head .add:hover{color:var(--ink);background:var(--chip)}.grid2{gap:8px;display:flex}.grid2>*{flex:1;min-width:0}.nf{background:var(--chip);border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex}.nf:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.nf>span{min-width:10px;color:var(--faint);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500;line-height:14px}.nf.wide>span{width:auto}.nf input{min-width:0;height:100%;font:500 12px/16px var(--font-mono);color:var(--ink);background:0 0;border:0;flex:1;padding:0}.nf input:disabled{color:var(--faint)}.nf input:focus{outline:none}.nf select{min-width:0;height:100%;font:500 12px/16px var(--font-ui);color:var(--ink);appearance:none;cursor:pointer;background:0 0;border:0;flex:1;padding:0}.nf select:focus{outline:none}.nf .caret{color:var(--muted);pointer-events:none;flex-shrink:0}.nf .unit{color:var(--muted);font:500 12px/16px var(--font-mono)}.fill-row{background:var(--chip);border-radius:8px;align-items:center;gap:10px;height:34px;padding:0 10px;display:flex}.fill-row .sw{border:1px solid #1111111a;border-radius:5px;flex-shrink:0;width:18px;height:18px;position:relative;overflow:hidden}.fill-row .sw input{opacity:0;cursor:pointer;width:30px;height:30px;position:absolute;inset:-4px}.fill-row input.hex{min-width:0;font:500 12px/16px var(--font-mono);color:var(--ink);text-transform:uppercase;background:0 0;border:0;flex:1;padding:0}.fill-row input.alpha{width:44px;font:500 12px/16px var(--font-mono);color:var(--muted);text-align:right;background:0 0;border:0;padding:0}.fill-row input:focus{outline:none}.fill-row .remove{color:var(--faint);display:inline-flex}.fill-row .remove:hover{color:var(--accent)}.setting-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.seg button{height:28px;color:var(--muted);border-radius:7px;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.seg button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #1111111a}:root[data-theme=dark] .seg button.active{background:#2c2c2c}.hint{color:var(--muted);font-size:13px;line-height:19px}.empty-state{padding:24px 24px 0}.empty-state h4{margin:0 0 6px;font-size:14px;font-weight:600}.list-btn{border:1px solid var(--line);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:34px;padding:7px 12px;font-size:13px;font-weight:500;line-height:18px;display:flex}.list-btn>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.list-btn:focus{outline:none}.list-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.list-btn:hover{background:var(--chip)}.list-btn .sub{white-space:nowrap;font:400 12px/16px var(--font-mono);color:var(--muted);flex:none}.mini-actions{flex-wrap:wrap;gap:6px;display:flex}.mini-actions .btn{height:28px;padding:0 10px;font-size:12px}details.adv summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}details.adv summary::-webkit-details-marker{display:none}textarea.code{background:var(--chip);width:100%;font:500 12px/1.5 var(--font-mono);resize:vertical;border:1px solid #0000;border-radius:8px;margin-top:12px;padding:8px 10px}textarea.code:focus{outline:2px solid var(--accent);outline-offset:-1px}.menu{z-index:1000;background:var(--menu-bg);min-width:232px;max-height:calc(100vh - 16px);color:var(--ink);border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:12px;padding:6px;font-size:13px;position:fixed;overflow-y:auto;box-shadow:0 16px 48px #00000030}.menu.sub{min-width:190px;max-height:none;overflow:visible}.menu-item{cursor:default;border-radius:7px;justify-content:space-between;align-items:center;gap:24px;padding:7px 10px;line-height:16px;display:flex;position:relative}.menu-item:hover:not(.disabled){background:var(--accent);color:#fff}.menu-item.disabled{opacity:.4}.menu-item.checked>span:first-child:before{content:"✓ "}.menu-shortcut{color:var(--faint);letter-spacing:.02em;white-space:nowrap;font-size:12px}.menu-item:hover:not(.disabled)>.menu-shortcut{color:#fffc}.menu-arrow{color:var(--faint)}.menu-item:hover:not(.disabled)>.menu-arrow{color:#fffc}.menu-sep{background:var(--line);height:1px;margin:5px 4px}.menu-label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:8px 10px 4px;font-size:11px;font-weight:600}.overlay{z-index:900;background:var(--overlay);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);width:520px;max-width:100%;max-height:calc(100vh - 48px);box-shadow:var(--shadow-modal);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.modal-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 28px 0;display:flex}.modal-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800;line-height:26px}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:17px}.modal-body{flex-direction:column;gap:20px;padding:20px 28px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.person{align-items:center;gap:12px;min-height:40px;display:flex}.person .avatar{border:0;width:32px;height:32px;font-size:12px}.person .who{flex:1;min-width:0}.person .who strong{font-size:14px;font-weight:600;line-height:18px;display:block}.person .who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;display:block;overflow:hidden}.role{height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:500}.role.fixed{color:var(--muted);cursor:default}.invite-row{gap:8px;display:flex}.invite-row input{flex:1}.err{color:var(--accent);font-size:12px;line-height:16px}.preview-box{background:var(--canvas);background-image:radial-gradient(circle, var(--dot) 1px, transparent 1px);background-size:20px 20px;border-radius:14px;justify-content:center;align-items:center;height:170px;display:flex;overflow:hidden}.opt-row{gap:8px;display:flex}.opt-row button{border:1px solid var(--line);height:38px;color:var(--ink);border-radius:10px;flex:1;font-size:13px;font-weight:500}.opt-row button:hover{background:var(--chip)}.opt-row button.on{background:var(--ink);border-color:var(--ink);color:var(--panel);font-weight:600}.field-label{flex-direction:column;gap:8px;display:flex}.comments-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.thread{cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.thread:hover{background:var(--chip)}.thread.active{background:var(--accent-tint)}.thread .who{align-items:center;gap:8px;font-size:13px;display:flex}.thread .num{background:var(--accent);color:#fff;border-radius:11px 11px 11px 3px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.thread .num.agent{background:#111}:root[data-theme=dark] .thread .num.agent{color:#111;background:#f2f2f0}.thread .who strong{font-weight:600}.thread .when{color:var(--faint);font-size:12px}.thread p{margin:0;font-size:13px;line-height:19px}.thread .reply{border-left:2px solid var(--line);margin:2px 0 0 30px;padding-left:10px}.thread .reply strong{font-size:12px}.thread .acts{gap:12px;font-size:12px;font-weight:600;display:flex}.thread .acts .accent{color:var(--accent)}.thread .acts .quiet{color:var(--muted);font-weight:500}.composer{border-top:1px solid var(--line);padding:12px 16px 16px}.composer textarea{resize:none;background:var(--chip);width:100%;min-height:44px;max-height:140px;font:400 13px/19px var(--font-ui);border:1px solid #0000;border-radius:10px;padding:12px;display:block}.composer .hintline{color:var(--faint);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.present{z-index:950;color:#f2f2f0;background:#0c0c0c;flex-direction:column;display:flex;position:fixed;inset:0}.present-top{justify-content:space-between;align-items:center;padding:24px 28px 0;display:flex}.present-top .lhs{align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.present-top .logo{color:#111;background:#f2f2f0}.present-badge{background:var(--accent);color:#fff;border-radius:11px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.present-exit{color:#f2f2f0;border:1px solid #2a2a2a;border-radius:10px;height:34px;padding:0 16px;font-size:13px}.present-exit:hover{background:#1c1c1c}.present-exit kbd{font:inherit;color:#9a9a97;margin-left:4px}.present-stage{flex:1;min-height:0;padding:28px;display:flex;position:relative;overflow:auto}.present-stage>.present-frame{margin:auto}.present-frame{background:#fff;border-radius:4px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.present-frame .hot{cursor:pointer}.present-frame.hints .hot{outline:2px dashed color-mix(in srgb, var(--accent) 70%, transparent);outline-offset:2px}@keyframes pf-fade{0%{opacity:0}to{opacity:1}}@keyframes pf-slide{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}.present-frame.t-fade{animation:.28s pf-fade}.present-frame.t-slide{animation:.32s pf-slide}.present-bar{color:#111;background:#f2f2f0;border-radius:16px;align-self:center;align-items:center;gap:6px;height:48px;margin:0 0 28px;padding:0 8px;display:flex}.present-bar button{color:#111;border-radius:9px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:13px;font-weight:500;display:inline-flex}.present-bar button:hover:not(:disabled){background:#00000010}.present-bar button:disabled{opacity:.35}.present-bar .count{text-align:center;min-width:44px;font-size:13px;font-weight:600}.present-bar .restart{background:var(--accent);color:#fff;border-radius:10px;padding:0 14px;font-weight:600}.present-bar .restart:hover:not(:disabled){filter:brightness(.93);background:var(--accent)}.present-bar .sep{background:#d9d9d6;width:1px;height:22px;margin:0 4px}.files-shell{background:var(--panel);height:100%;display:flex}.side{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;justify-content:space-between;width:248px;padding:20px 12px;display:flex;overflow-y:auto}.side-top{flex-direction:column;gap:22px;display:flex}.workspace{letter-spacing:-.01em;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:600;display:flex}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{height:34px;color:var(--ink);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:0 12px;font-size:13px;font-weight:500;display:flex}.nav-item svg{color:var(--muted)}.nav-item:hover{background:var(--chip)}.nav-item.active{background:var(--panel);font-weight:600;box-shadow:0 1px 2px #1111110f}.nav-item.active svg{color:var(--accent)}.nav-item .count{color:var(--faint);margin-left:auto;font-size:12px;font-weight:500}.nav-group{flex-direction:column;gap:4px;display:flex}.nav-group-head{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0 12px;display:flex}.nav-group-head button{color:var(--muted);border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.nav-group-head button:hover{background:var(--line);color:var(--ink)}.proj-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin:0 3px}.proj-name-input{border:1px solid var(--accent);background:var(--panel);border-radius:5px;flex:1;min-width:0;height:24px;padding:0 6px}.account{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex;position:relative}.account:hover{background:var(--chip)}.account .avatar{border:0;width:30px;height:30px}.account strong{font-size:13px;font-weight:600;line-height:16px;display:block}.account span{color:var(--muted);font-size:12px;line-height:16px;display:block}.main{flex-direction:column;flex:1;gap:28px;min-width:0;padding:36px 48px;display:flex;overflow-y:auto}.main-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.main-head .crumb{color:var(--muted);margin-bottom:4px;font-size:13px}.main-head h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:40px;font-weight:800;line-height:44px}.head-actions{align-items:center;gap:12px;display:flex}.head-actions .search-box input,.head-actions .btn{border-radius:10px;height:38px}.filters{justify-content:space-between;align-items:center;display:flex}.filters .pills{gap:8px;display:flex}.sort-btn{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.sort-btn:hover{color:var(--ink)}.file-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:24px;display:grid}.file-card{flex-direction:column;gap:10px;display:flex;position:relative}.file-thumb{background:var(--chip);border-radius:16px;justify-content:center;align-items:center;width:100%;height:200px;display:flex;overflow:hidden}.file-card:hover .file-thumb{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:-2px}.file-card .meta{padding:0 2px}.file-card .name{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100%;font-size:14px;font-weight:600;line-height:18px;display:block;overflow:hidden}.file-card .sub{color:var(--muted);margin-top:2px;font-size:13px;line-height:17px}.card-tools{opacity:0;gap:6px;transition:opacity .1s;display:flex;position:absolute;top:10px;right:10px}.file-card:hover .card-tools,.file-card:focus-within .card-tools,.card-tools.open{opacity:1}.card-tools .icon-btn{background:var(--panel);width:30px;height:30px;color:var(--ink);border-radius:9px;box-shadow:0 1px 4px #1111111f}.card-tools .icon-btn.starred{color:var(--accent)}.star-fixed{color:var(--accent);display:inline-flex;position:absolute;top:12px;left:12px}.tag{background:var(--chip);height:18px;color:var(--muted);vertical-align:1px;border-radius:9px;align-items:center;margin-left:8px;padding:0 7px;font-size:11px;font-weight:500;display:inline-flex}.empty-files{color:var(--muted);text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:72px 0;display:flex}.empty-files h3{color:var(--ink);margin:0;font-size:16px}.preview{justify-content:center;align-items:center;display:flex}.preview-empty{color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.signin{background:var(--panel);height:100%;display:flex}.signin-left{flex-direction:column;justify-content:space-between;width:40%;min-width:420px;padding:48px 80px;display:flex;overflow-y:auto}.signin-brand{align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.signin-form{flex-direction:column;width:100%;max-width:480px;padding:32px 0;display:flex}.signin-form h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:48px;font-weight:800;line-height:52px}.signin-form .lede{color:var(--muted);margin:8px 0 28px;font-size:16px;line-height:22px}.provider{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:14px;font-weight:600;display:flex}.provider:hover{background:var(--chip)}.or{color:var(--faint);align-items:center;gap:14px;margin:22px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.field-stack{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field-stack .row-between{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.field-stack .row-between button{color:var(--accent);font-size:12px;font-weight:600}.field-stack input{background:var(--chip);border:1px solid #0000;border-radius:10px;width:100%;height:46px;padding:0 14px;font-size:14px}.field-stack input:focus{outline:2px solid var(--accent);outline-offset:-1px}.submit{background:var(--accent);color:#fff;border-radius:12px;height:48px;margin-top:8px;font-size:14px;font-weight:600}.submit:hover:not(:disabled){filter:brightness(.93)}.submit:disabled{opacity:.6;cursor:default}.notice{background:var(--chip);color:var(--muted);border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:17px}.notice.error{background:var(--accent-tint);color:var(--accent)}.signin-foot{color:var(--muted);font-size:13px}.signin-foot button{color:var(--ink);font-weight:600}.signin-art{color:#f2f2f0;background:#111;flex:1;position:relative;overflow:hidden}.signin-art .circle{aspect-ratio:1;background:var(--accent);border-radius:50%;width:44%;position:absolute;top:13%;left:50%;transform:translate(-4%)}.signin-art .card-lav{aspect-ratio:360/260;border:1.5px solid var(--accent);background:#e4e6ff;border-radius:28px;width:38%;position:absolute;top:38%;left:15%}.signin-art .card-lav i{border:1.5px solid var(--accent);background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.signin-art .card-grey{aspect-ratio:1;background:#f2f2f0;border-radius:28px;width:23%;position:absolute;top:52%;left:52%}.signin-art h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:700;line-height:36px;position:absolute;bottom:8%;left:12%}.boot{background:var(--panel);position:fixed;inset:0}button,.row,.nf,.seg button,.tool,.pill-btn{transition:background-color .12s,color .12s,box-shadow .12s,transform .12s,outline-color .12s}:focus-visible{outline-offset:2px;border-radius:6px}.nf:hover{background:color-mix(in srgb, var(--chip) 86%, var(--ink) 6%)}.nf:focus-within{background:var(--panel);box-shadow:0 0 0 1.5px var(--accent), 0 0 0 4px var(--accent-tint);outline:0}.nf input::selection{background:var(--accent-tint);color:var(--accent)}.row.selected:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.row.selected:hover{background:var(--accent-tint)}.row[draggable=true]:active{cursor:grabbing}.seg button:hover:not(.active){color:var(--ink);background:color-mix(in srgb, var(--panel) 60%, transparent)}.seg button:active{transform:scale(.97)}.seg[aria-label=Text\ styles] button{font-weight:600}.seg[aria-label=Text\ styles] button:first-child{letter-spacing:-.03em;color:var(--ink);font-size:13px;font-weight:800}.seg[aria-label=Text\ styles] button:nth-child(2){font-size:12px;font-weight:500}.seg[aria-label=Text\ styles] button:nth-child(3){font-size:11px;font-weight:400}.seg[aria-label=Text\ styles] button:hover{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #1111111a}.tool:active{transform:scale(.92)}.tool.active{box-shadow:0 4px 12px color-mix(in srgb, var(--accent) 45%, transparent)}.pill-btn:active{transform:scale(.97)}.size-badge{box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 35%, transparent);letter-spacing:.01em}.section-head,.section>.title{letter-spacing:.08em}*{scrollbar-width:thin;scrollbar-color:var(--dot) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--dot);background-clip:content-box;border:2px solid #0000;border-radius:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.nav-item{transition:background-color .12s,color .12s,box-shadow .12s}.nav-item.active{box-shadow:0 1px 2px #1111110f, 0 0 0 1px var(--line)}.file-thumb{transition:transform .18s,box-shadow .18s,outline-color .18s;box-shadow:inset 0 0 0 1px #11111108}.file-card:hover .file-thumb{transform:translateY(-2px);box-shadow:0 12px 28px #11111124,inset 0 0 0 1px #11111108}.file-card:active .file-thumb{transform:translateY(0)}.file-card .name{transition:color .12s}.file-card:hover .name{color:var(--accent)}.card-tools{transition:opacity .14s,transform .14s;transform:translateY(-2px)}.file-card:hover .card-tools,.file-card:focus-within .card-tools,.card-tools.open{transform:none}.search-box input{transition:background-color .12s,border-color .12s,box-shadow .12s}.search-box input:hover{background:color-mix(in srgb, var(--chip) 86%, var(--ink) 6%)}.search-box input:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);outline:0}.signin-form h1{text-wrap:balance}.field-stack input{transition:background-color .12s,border-color .12s,box-shadow .12s}.field-stack input:hover:not(:focus){background:color-mix(in srgb, var(--chip) 86%, var(--ink) 6%)}.field-stack input:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);outline:0}.submit,.provider{transition:transform .12s,box-shadow .12s,filter .12s,background-color .12s}.submit:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 38%, transparent)}.submit:active:not(:disabled),.provider:active{transform:scale(.985)}.provider:hover{box-shadow:0 2px 8px #1111110f}@keyframes of-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.signin-art .card-grey{animation:7s ease-in-out infinite of-float}.signin-art .card-lav{animation:9s ease-in-out -3s infinite of-float}.signin-art .circle{box-shadow:0 30px 80px color-mix(in srgb, var(--accent) 35%, transparent)}@media (prefers-reduced-motion:reduce){.signin-art *{animation:none!important}}@keyframes fx-pop{0%{opacity:0;transform:scale(.94)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes fx-shimmer{0%{opacity:1;background-position:200% 0}70%{opacity:1}to{opacity:0;background-position:-100% 0}}@keyframes fx-ring-a{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent), inset 0 0 0 2px var(--accent)}to{box-shadow:0 0 0 14px #0000,inset 0 0 0 2px #0000}}@keyframes fx-ring-b{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent), inset 0 0 0 2px var(--accent)}to{box-shadow:0 0 0 14px #0000,inset 0 0 0 2px #0000}}@keyframes fx-flash-a{0%{background-color:color-mix(in srgb, var(--accent) 26%, transparent)}to{background-color:#0000}}@keyframes fx-flash-b{0%{background-color:color-mix(in srgb, var(--accent) 26%, transparent)}to{background-color:#0000}}.fx.fx-add-0,.fx.fx-add-1{transform-origin:0 0;animation:.5s cubic-bezier(.2,.8,.2,1) both fx-pop}.fx.fx-add-0:not(img):after,.fx.fx-add-1:not(img):after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--accent) 22%, #fff 40%) 50%, transparent 80%) 200% 0 / 300% 100% no-repeat;box-shadow:inset 0 0 0 1.5px var(--accent);animation:1.1s ease-out both fx-shimmer;position:absolute;inset:0}img.fx.fx-add-0,img.fx.fx-add-1{outline:2px solid var(--accent);outline-offset:-2px}.artboard.fx-add-0,.artboard.fx-add-1{animation:.6s cubic-bezier(.2,.8,.2,1) both fx-pop}.artboard.fx-add-0:after,.artboard.fx-add-1:after{content:none}.fx.fx-change-0{animation:1.2s ease-out both fx-ring-a,1.2s ease-out both fx-flash-a}.fx.fx-change-1{animation:1.2s ease-out both fx-ring-b,1.2s ease-out both fx-flash-b}.artboard.fx-change-0,.artboard.fx-change-1{animation:none}.build-pill{background:var(--pill);height:32px;color:var(--panel);box-shadow:var(--shadow-pill);opacity:0;pointer-events:none;z-index:6;border-radius:16px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:16px;left:50%;transform:translate(-50%,-6px)}.build-pill.on{opacity:1;transform:translate(-50%)}@property --glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.build-glow{pointer-events:none;z-index:5;opacity:0;transition:opacity .35s;position:absolute;inset:0}.build-glow.on{opacity:1}.build-glow:before{content:"";box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), inset 0 0 60px 6px color-mix(in srgb, var(--accent) 22%, transparent);animation:2.4s ease-in-out infinite glow-breathe;position:absolute;inset:0}.build-glow:after{content:"";background:conic-gradient(from var(--glow-angle), transparent 0deg, transparent 250deg, var(--accent) 330deg, transparent 360deg);-webkit-mask-composite:xor;padding:3px;animation:2.8s linear infinite glow-spin;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes glow-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes glow-spin{to{--glow-angle:360deg}}@media (prefers-reduced-motion:reduce){.build-glow:before,.build-glow:after{animation:none}}.build-pill .dots{gap:3px;display:inline-flex}.build-pill .dots i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite fx-dot}.build-pill .dots i:nth-child(2){animation-delay:.15s}.build-pill .dots i:nth-child(3){animation-delay:.3s}@keyframes fx-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes fx-skeleton{0%{background-position:200% 0}to{background-position:-100% 0}}.fx-skeleton{position:relative}.fx-skeleton:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 6%, transparent) 25%, color-mix(in srgb, var(--accent) 24%, #fff 30%) 50%, color-mix(in srgb, var(--accent) 6%, transparent) 75%) 200% 0 / 300% 100% no-repeat;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 45%, transparent);animation:1.4s linear infinite fx-skeleton;position:absolute;inset:0}.artboard.fx-working:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--accent) 14%, transparent) 50%, transparent 70%) 200% 0 / 300% 100% no-repeat;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent);animation:2s linear infinite fx-skeleton;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.fx,.fx:after,.fx-skeleton:after,.artboard.fx-working:after,.build-pill .dots i{animation:none!important}}.focus-view{background:var(--bg,#18181b);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.focus-view .preview{justify-content:center;align-items:center;display:flex}.review-score{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.review-score strong{letter-spacing:-.03em;font-size:44px;line-height:1}.review-score span{color:var(--muted);font-size:13px}.review-score[data-tone=bad] strong{color:var(--accent)}.review-score[data-tone=good] strong{color:#1f9d55}.review-list{flex-direction:column;gap:4px;max-height:52vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.review-item{text-align:left;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;font-size:13px;line-height:18px;display:flex}.review-item:hover{background:var(--chip)}.review-tag{background:var(--chip);color:var(--muted);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:600;line-height:18px}.review-text em{color:var(--muted);font-style:normal;display:block}.grid3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.check{min-height:28px;color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:inline-flex}.check input{accent-color:var(--accent);margin:0}.check-row{flex-wrap:wrap;gap:4px 14px;display:flex}.grid3 .nf{gap:4px;padding:0 8px}.grid3 .nf>span{min-width:16px}.icon-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.icon-cell{aspect-ratio:1;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-cell:hover{background:var(--chip)}.resp-bar{z-index:6;background:var(--pill);height:44px;box-shadow:var(--shadow-pill);border-radius:14px;align-items:center;gap:12px;padding:0 10px 0 16px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.resp-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;font-weight:600;overflow:hidden}.resp-bar input[type=range]{width:150px;accent-color:var(--accent)}.resp-width{background:var(--chip);border-radius:8px;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:12px;display:inline-flex}.resp-width input{width:44px;color:var(--ink);font:500 12px/16px var(--font-mono);text-align:right;background:0 0;border:0;padding:0}.resp-width span{color:var(--faint)}.present-overlay{z-index:5;background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.present-overlay-card{background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 24px 80px #000a}:root[data-theme=dark]{--ink:#e8e8e8;--muted:#9b9b9b;--faint:#727272;--faint-2:#565656;--line:#2f2f2f;--panel:#1e1e1e;--sidebar:#1e1e1e;--chip:#2b2b2b;--canvas:#282828;--dot:#343434;--menu-bg:#262626;--menu-hover:#323232;--pill:#2b2b2b;--pill-ink:#b4b4b0;--pill-sep:#3c3c3c;--seg:#2a2a2a;--seg-on:#3c3c3c}:root:not([data-theme=dark]){--seg:#efefed;--seg-on:#fff}:root[data-theme=dark] .menu-item:hover:not(.disabled){background:var(--menu-hover);color:var(--ink)}:root[data-theme=dark] .menu-item:hover:not(.disabled)>.menu-shortcut,:root[data-theme=dark] .menu-item:hover:not(.disabled)>.menu-arrow{color:var(--faint)}.app{flex-direction:column}.body{background:var(--canvas)}.left{border-right:1px solid var(--line);background:var(--sidebar);width:300px}.side-head{flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 10px 0 14px;display:flex}.side-logo{border-radius:6px;flex-shrink:0;display:inline-flex}.side-name{min-width:0;height:32px;color:var(--ink);text-align:left;border-radius:8px;flex:1;justify-content:flex-start;align-items:center;gap:6px;padding:0 8px;font-size:15px;font-weight:500;display:inline-flex}.side-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-name:hover{background:var(--chip)}.side-toggle{flex-shrink:0}.seg{background:var(--seg);border-radius:9px;gap:2px;padding:3px;display:flex}.seg button{height:28px;color:var(--faint);border-radius:7px;flex:1;font-size:13px;font-weight:500}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 2px #0003}.pages{border-bottom:1px solid var(--line);flex-shrink:0;padding:0 8px 6px}.pages-head{justify-content:space-between;align-items:center;height:34px;padding:0 6px 0 4px;display:flex}.pages-toggle{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.pages-toggle .chev{color:var(--faint);transition:transform .12s;display:inline-flex;transform:rotate(-90deg)}.pages-toggle .chev.open{transform:none}.pages-list{flex-direction:column;gap:1px;max-height:190px;display:flex;overflow-y:auto}.pages .row{height:34px}.pages .row.selected{color:var(--ink);background:0 0}.pages .row:hover{background:var(--chip)}.page-check{color:var(--ink);margin-left:auto;margin-right:6px;display:inline-flex}.pages .row:hover .page-check{display:none}.icon-btn.small{border-radius:6px;width:26px;height:26px}.side-foot{border-top:1px solid var(--line);height:40px;color:var(--muted);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:13px;display:flex}.side-foot a,.side-foot button{color:var(--muted);text-decoration:none}.side-foot a:hover,.side-foot button:hover{color:var(--ink)}.theme-panel{flex-direction:column;flex:1;gap:18px;padding:4px 12px 12px;display:flex;overflow-y:auto}.theme-block{flex-direction:column;gap:10px;display:flex}.token-row{background:var(--chip);border-radius:8px;align-items:center;gap:10px;height:32px;padding:0 10px;font-size:12px;display:flex}.token-sw{border:1px solid #fff2;border-radius:4px;flex-shrink:0;width:14px;height:14px}.token-name{font-family:var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-value{font-family:var(--font-mono);color:var(--muted);margin-left:auto}.rail{background:var(--sidebar);border-right:1px solid var(--line);z-index:3;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:56px;padding:12px 0;display:flex}.rail-tool{width:40px;height:40px;color:var(--muted);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.rail-tool:hover:not(:disabled){background:var(--chip);color:var(--ink)}.rail-tool.active{background:var(--seg-on);color:var(--ink)}.rail-tool:disabled{opacity:.35;cursor:default}.rail-tool:active:not(:disabled){transform:scale(.93)}.rail-sep{background:var(--line);flex-shrink:0;width:22px;height:1px;margin:6px 0}:root:not([data-theme=dark]) .rail-tool.active{background:var(--chip)}.right-col{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:340px;min-height:0;display:flex}.right-col>.right{border-left:0;flex:1;width:auto}.right-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:6px;height:56px;padding:0 16px;display:flex}.right-head-gap{flex:1}.right-head .avatar{border-color:var(--panel);width:30px;height:30px}.sync-note{color:var(--faint);font-size:12px}.zoom-chip{height:32px;color:var(--muted);border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:14px;display:inline-flex}.zoom-chip:hover{background:var(--chip);color:var(--ink)}.share-btn{border:1px solid var(--line);background:var(--chip);height:34px;color:var(--ink);border-radius:8px;margin-left:4px;padding:0 14px;font-size:14px;font-weight:500}.share-btn:hover{filter:brightness(1.15)}.page-fill{gap:10px;height:40px}.page-fill .sw{border-color:#ffffff1f;border-radius:6px;width:22px;height:22px}.alpha-static{font:500 12px/16px var(--font-mono);color:var(--muted);padding-right:4px}.connect-btn{border:1px solid var(--line);background:var(--chip);width:100%;height:38px;color:var(--ink);border-radius:8px;font-size:14px;font-weight:500}.connect-btn:hover{filter:brightness(1.15)}.mcp-status{align-items:center;gap:8px;display:inline-flex}.mcp-status .dot{background:var(--faint-2);border-radius:50%;width:7px;height:7px}.mcp-status .dot.on{background:#3fb950}.section .eyebrow{letter-spacing:0;text-transform:none;color:var(--ink);font-size:14px;font-weight:600}:root[data-theme=dark] .canvas{background-color:var(--canvas)}:root[data-theme=dark] .row.selected{color:var(--ink);background:#30343b}:root[data-theme=dark] .row.selected:hover{background:#363b43}:root[data-theme=dark] .row.selected .slot-icon{color:var(--ink)}:root[data-theme=dark] .row.selected:before{display:none}:root[data-theme=dark] .icon-btn.on{background:var(--seg-on);color:var(--ink)}.pages .row.selected:before{display:none}:root[data-theme=dark] .pages .row.selected{background:0 0}:root[data-theme=dark] .pages .row.selected:hover{background:var(--chip)}.left{width:232px}.rail{width:48px;padding:10px 0}.rail-tool{width:36px;height:36px}.right-col{width:272px}.side-head{gap:8px;height:48px;padding:0 8px 0 12px}.side-name{font-size:14px}.side-tabs{margin:2px 10px 10px}.seg button{font-size:12px}.right-head{gap:2px;height:48px;padding:0 10px}.right-head .avatar{width:26px;height:26px;font-size:10px}.right-head .icon-btn{width:28px;height:28px}.zoom-chip{gap:4px;padding:0 6px;font-size:13px}.share-btn{height:30px;margin-left:2px;padding:0 12px;font-size:13px}.sync-note{background:var(--faint-2);border-radius:50%;width:8px;height:8px;margin:0 4px;font-size:0}.sync-note[title*=saved i],.sync-note[title*=Saved]{background:#3fb950}.section{padding:14px}.connect-btn{height:34px;font-size:13px}.text-content{resize:vertical;background:var(--chip);width:100%;min-height:56px;color:var(--ink);font:400 13px/18px var(--font-ui);border:1px solid #0000;border-radius:8px;padding:8px 10px}.text-content:focus{outline:2px solid var(--accent);outline-offset:-1px}.tile-actions{z-index:2;gap:4px;display:none;position:absolute;top:4px;right:4px}.tile-wrap:hover .tile-actions,.tile-actions:focus-within{display:inline-flex}.tile-act{background:var(--panel);width:20px;height:20px;color:var(--muted);box-shadow:0 0 0 1px var(--line);border-radius:10px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.tile-act:hover{color:var(--ink)}.tile-act.danger:hover{color:#c8402c}.tile-wrap .tile .thumb{box-shadow:inset 0 0 0 1px var(--line);background:#fff;height:84px}.tooltip{z-index:100000;background:var(--pill);max-width:280px;color:var(--panel);box-shadow:var(--shadow-pill);pointer-events:none;white-space:normal;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:600;line-height:16px;animation:.12s ease-out both tooltip-in;display:inline-flex;position:fixed;transform:translate(-50%)}.tooltip.above{transform:translate(-50%,-100%)}.tooltip kbd{background:color-mix(in srgb, var(--panel) 18%, transparent);color:inherit;font:inherit;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:600}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tooltip{animation:none}}.section-switch{background:var(--chip);border-radius:10px;gap:4px;margin-top:10px;padding:3px;display:inline-flex}.section-switch button{height:28px;color:var(--muted);border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.section-switch button.on{background:var(--panel);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.ds{flex-direction:column;gap:28px;padding-bottom:40px;display:flex}.ds-intro{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:0;font-size:14px;line-height:20px;display:flex}.ds-section h2{letter-spacing:-.02em;align-items:baseline;gap:8px;margin:0 0 12px;font-size:18px;font-weight:700;display:flex}.ds-section h2 span{color:var(--muted);font-size:12px;font-weight:600}.ds-group h3{color:var(--muted);margin:14px 0 8px;font-size:13px;font-weight:600}.ds-color{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex;position:relative}.ds-color.add{border-style:dashed}.ds-swatch{cursor:pointer;border-radius:12px;flex:none;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.ds-meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ds-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ds-input{background:var(--chip);width:100%;height:28px;color:var(--ink);border-radius:8px;padding:0 8px;font-size:12px}.ds-x{width:20px;height:20px;color:var(--faint);opacity:0;border-radius:10px;position:absolute;top:6px;right:6px}.ds-color:hover .ds-x,.ds-font:hover .ds-x{opacity:1}.ds-fonts{flex-direction:column;gap:8px;display:flex}.ds-font{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;grid-template-columns:1.3fr .8fr 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid;position:relative}.ds-font-sample{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.ds-font code,.ds-tokens code{color:var(--muted);font-size:12px}.ds-other summary{cursor:pointer;color:var(--muted);font-weight:600}.ds-tokens label{grid-template-columns:1fr auto 90px;align-items:center;gap:8px;display:grid}.ds-tokens span{color:var(--faint);font-size:11px}.ds-card{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.ds-thumb{height:108px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.ds-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;font-size:13px;font-weight:600;overflow:hidden}.ds-actions{gap:4px;display:none;position:absolute;top:14px;right:14px}.ds-card:hover .ds-actions{display:inline-flex}.import-panel{z-index:90;flex-direction:column;gap:10px;width:340px;display:flex;position:fixed;bottom:20px;right:20px}.import-job{background:var(--panel);box-shadow:0 0 0 1px var(--line), var(--shadow-pill);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.import-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.import-cancel{height:24px;color:var(--muted);background:var(--chip);border-radius:12px;flex:none;padding:0 10px;font-size:12px;font-weight:600}.import-cancel:hover{color:#c8402c}.import-bar{background:var(--chip);border-radius:4px;height:8px;position:relative;overflow:hidden}.import-bar>span{background:var(--accent);border-radius:4px;height:100%;transition:width .2s;display:block}.import-bar.working>span{background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 35%, transparent) 20%, var(--accent) 50%, color-mix(in srgb, var(--accent) 35%, transparent) 80%) 200% 0 / 300% 100% no-repeat;animation:1.4s linear infinite import-sweep;width:100%!important}.import-bar.indeterminate>span{width:40%;animation:1.2s ease-in-out infinite import-slide}.import-job.done .import-bar>span{background:#1e8e5a}.import-label{color:var(--muted);font-size:12px;line-height:16px}@keyframes import-sweep{0%{background-position:200% 0}to{background-position:-100% 0}}@keyframes import-slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.import-bar.working>span,.import-bar.indeterminate>span{animation:none}}.studio-field{flex-direction:column;gap:8px;margin-top:16px;display:flex}.studio-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.studio-card{border:1px solid var(--line);text-align:center;background:var(--panel);border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-height:108px;padding:10px 8px;display:flex}.studio-card:hover{background:var(--chip)}.studio-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.studio-card strong{font-size:12px;font-weight:600;line-height:15px}.studio-card small{color:var(--muted);font-size:11px;line-height:14px}.studio-aspect{background:var(--chip);border:1.5px solid var(--muted);border-radius:3px;margin-bottom:auto;display:block}.studio-aspect.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.studio-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.studio-field .studio-row{margin-top:0}.studio-chips{flex-wrap:wrap;gap:6px;display:flex}.studio-pill{border:1px solid var(--line);background:var(--panel);border-radius:15px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.studio-pill:hover{background:var(--chip)}.studio-pill.on{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.studio-chip{border:1px solid #1111111f;border-radius:8px;width:26px;height:26px}.studio-chip.on{outline:2px solid var(--accent);outline-offset:2px}.studio-swatch{cursor:pointer;border:1px solid #1111111f;border-radius:8px;flex-shrink:0;width:26px;height:26px;display:inline-block;position:relative;overflow:hidden}.studio-swatch input{opacity:0;cursor:pointer;width:40px;height:40px;position:absolute;inset:-6px}.studio-num{background:var(--chip);border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;display:inline-flex}.studio-num span{color:var(--faint);font-size:11px;font-weight:500}.studio-num input{width:72px;font:500 12px/16px var(--font-mono);color:var(--ink);background:0 0;border:0}.studio-num.wide input{width:150px;font-family:var(--font-ui)}.studio-num input:focus{outline:none}.studio-text{background:var(--chip);height:34px;color:var(--ink);font:500 13px var(--font-ui);border:0;border-radius:8px;min-width:0;padding:0 10px}.studio-text.mono{font-family:var(--font-mono);width:96px;font-size:12px}.studio-text:focus,.studio-num:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.studio-error{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:8px;margin:8px 0 0;padding:8px 12px;font-size:12px;line-height:17px}.studio-previews{flex-wrap:wrap;gap:14px;display:flex}.studio-previews figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.studio-previews figcaption{flex-direction:column;align-items:center;font-size:12px;font-weight:600;display:flex}.studio-previews figcaption small{color:var(--muted);font-weight:400}.studio-previews .preview{background:var(--chip);border-radius:10px;justify-content:center;align-items:center;display:flex}.studio-previews.scenes{gap:12px}.studio-scene{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:600;display:flex}.studio-scene.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.studio-checker{background:repeating-conic-gradient(#8884 0% 25%, transparent 0% 50%) 0 0 / 16px 16px, var(--chip);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-height:160px;margin:12px 0;display:flex;overflow:hidden}.studio-checker canvas{max-width:100%;max-height:300px;display:block}.studio-slider{align-items:center;gap:12px;margin:6px 0;font-size:12px;display:flex}.studio-slider span{width:84px;color:var(--muted)}.studio-slider input{flex:1}.studio-slider b{text-align:right;width:36px;font:500 12px var(--font-mono)}.studio-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.studio-palette{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.studio-palette button{border:1px solid var(--line);text-align:left;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex}.studio-palette button:hover{background:var(--chip)}.studio-palette span{border:1px solid #1111111a;border-radius:8px;height:52px;display:block}.studio-palette strong{font:600 12px var(--font-mono)}.studio-palette small{color:var(--muted);font-size:11px}.studio-photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px;display:grid}.studio-photos button{text-align:left;border-radius:10px;flex-direction:column;gap:4px;display:flex;overflow:hidden}.studio-photos img{object-fit:cover;border-radius:10px;width:100%;height:84px}.studio-photos small{color:var(--muted);font-size:11px}.studio-brand{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:24px;display:grid}.studio-brand-colors{flex-direction:column;gap:8px;display:flex}.studio-brand-color{align-items:center;gap:10px;display:flex}.studio-brand-color>span:not(.studio-swatch){width:84px;font-size:12px;font-weight:500}.studio-logo{border:1px dashed var(--line);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;min-width:132px;padding:10px;display:flex}.studio-logo>img{object-fit:contain;max-width:120px;max-height:44px}.studio-logo>span{color:var(--muted);align-items:center;height:44px;font-size:12px;display:flex}.studio-logo>div{gap:6px;display:flex}.studio-logo .btn{height:26px;padding:0 10px;font-size:12px}.studio-brand-preview{border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex;position:sticky;top:0}.studio-brand-preview .logo{object-fit:contain;align-self:flex-start;max-width:100px;max-height:36px}.studio-brand-preview .logo-ph{border-radius:8px;width:28px;height:28px}.studio-brand-preview h3{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800;line-height:26px}.studio-brand-preview p{margin:0;font-size:13px;line-height:19px}.studio-brand-preview .cta{border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:700}.studio-brand-preview .dots{flex-wrap:wrap;gap:4px;display:flex}.studio-brand-preview .dots i{border:1px solid #0002;border-radius:50%;width:14px;height:14px}@media (width<=720px){.studio-brand{grid-template-columns:1fr}}.fx-stack{border-bottom:1px solid var(--line);flex-direction:column;display:flex}.fx-fold{border-top:1px solid var(--line);padding:0 16px}.fx-fold:first-child{border-top:0}.fx-head{align-items:center;gap:6px;min-height:44px;display:flex}.fx-title{text-align:left;min-width:0;height:44px;color:var(--ink);flex:1;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.fx-fold:not(.on) .fx-title{color:var(--muted);font-weight:500}.fx-title:hover{color:var(--ink)}.fx-title:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.fx-chev{color:var(--faint);flex-shrink:0;transition:transform .12s}.fx-fold.open>.fx-head .fx-chev{transform:rotate(90deg)}.fx-fold:not(.on) .fx-chev{opacity:0;width:0;margin-right:-8px}.fx-title em{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:auto;padding-right:4px;font-size:11px;font-style:normal;font-weight:500;overflow:hidden}.fx-act{width:24px;height:24px;color:var(--muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fx-act:hover:not(:disabled){background:var(--chip);color:var(--ink)}.fx-act:disabled{opacity:.35}.fx-act:focus-visible,.fx-mini:focus-visible,.fx-link:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.fx-body{flex-direction:column;gap:10px;padding:2px 0 16px;display:flex}.fx-caption{letter-spacing:.04em;color:var(--faint);margin-top:4px;font-size:11px;font-weight:600}.fx-note{color:var(--muted);margin:0;font-size:12px;line-height:17px}.fx-mini{background:var(--chip);height:24px;color:var(--ink);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:12px;padding:0 10px;font-size:11px;font-weight:600}.fx-mini:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 12%, var(--chip))}.fx-mini:disabled{opacity:.4}.fx-link{color:var(--accent);align-self:flex-start;padding:2px 0;font-size:12px;font-weight:600}.fx-link:disabled{opacity:.35}.fx-row{align-items:center;gap:8px;display:flex}.fx-row>.nf{flex:1;min-width:0}.fx-row>.seg{flex:1}.fx-rowlabel{color:var(--muted);font-size:11px}.fx-grid2,.fx-grid4{gap:6px;display:grid}.fx-grid2{grid-template-columns:1fr 1fr}.fx-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.fx-grid4 .nf{gap:4px;padding:0 6px}.fx-card{background:var(--chip);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.fx-card .nf{background:var(--panel)}.fx-select{display:block}.fx-select select,.fx-input{background:var(--chip);width:100%;height:34px;color:var(--ink);font:500 12px var(--font-ui);border:0;border-radius:8px;padding:0 10px}.fx-select select:focus,.fx-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.fx-row>.fx-input{flex:1;width:auto}.fx-tabs{border-bottom:1px solid var(--line);gap:2px;display:flex}.fx-tabs button{height:30px;color:var(--muted);flex:1;font-size:12px;font-weight:500;position:relative}.fx-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);font-weight:600}.fx-tabs button.dot:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:calc(50% - 30px)}.fx-slide{grid-template-columns:78px minmax(0,1fr) 46px;align-items:center;gap:8px;min-height:26px;display:grid}.fx-slide-label{text-align:left;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;cursor:default;font-size:12px;overflow:hidden}.fx-slide.chg .fx-slide-label{color:var(--ink);font-weight:600}.fx-range{appearance:none;cursor:pointer;--fx-track:color-mix(in srgb, var(--ink) 14%, transparent);background:0 0;width:100%;height:20px;margin:0}.fx-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fx-track) 0 var(--fx-from), var(--ink) var(--fx-from) var(--fx-to), var(--fx-track) var(--fx-to) 100%);border-radius:2px;height:4px}.fx-range::-moz-range-track{background:linear-gradient(to right, var(--fx-track) 0 var(--fx-from), var(--ink) var(--fx-from) var(--fx-to), var(--fx-track) var(--fx-to) 100%);border-radius:2px;height:4px}.fx-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--panel);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #0003}.fx-range::-moz-range-thumb{background:var(--panel);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.fx-range:hover::-webkit-slider-thumb{border-color:var(--accent)}.fx-range:focus-visible::-webkit-slider-thumb{border-color:var(--accent)}.fx-range:focus-visible{outline:none}.fx-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.fx-val{background:var(--chip);height:24px;font:500 11px var(--font-mono);color:var(--ink);border-radius:6px;justify-content:flex-end;align-items:center;padding:0 6px;display:flex}.fx-val input{text-align:right;width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:0;padding:0}.fx-val input:focus{outline:none}.fx-val:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.fx-val i{color:var(--faint);margin-left:1px;font-style:normal}.fx-swatch{cursor:pointer;border:1px solid #1111111f;border-radius:7px;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.fx-swatch input{opacity:0;cursor:pointer;width:40px;height:40px;position:absolute;inset:-6px}.fx-dial{background:var(--chip);border:1px solid var(--line);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;width:34px;height:34px;position:relative}.fx-dial:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fx-dial i{position:absolute;inset:0}.fx-dial i:after{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:calc(50% - 3px)}.fx-strip{scrollbar-width:thin;gap:8px;margin:0 -2px;padding:2px 2px 8px;display:flex;overflow-x:auto}.fx-tiles{gap:8px;display:grid}.fx-tile{text-align:center;width:56px;color:var(--muted);flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;display:flex}.fx-tiles .fx-tile{width:auto}.fx-tile-art{aspect-ratio:1;background:var(--chip);border:1px solid var(--line);border-radius:9px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.fx-strip .fx-tile-art{width:56px;height:56px}.fx-tile:hover .fx-tile-art{border-color:var(--muted)}.fx-tile.on .fx-tile-art{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.fx-tile.on{color:var(--ink)}.fx-tile:focus-visible{outline:none}.fx-tile:focus-visible .fx-tile-art{outline:2px solid var(--accent);outline-offset:1px}.fx-tile-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:500;line-height:12px;overflow:hidden}.fx-tile-art img{object-fit:cover;width:100%;height:100%;display:block}.fx-tile-art svg{width:100%;height:100%;color:var(--ink);padding:4px}.fx-fill{width:100%;height:100%;display:block}.fx-glyph{background:var(--ink);width:58%;height:58%;display:block}.fx-shadow-demo{background:#fff;border-radius:6px;width:46%;height:46%;display:block}:root[data-theme=dark] .fx-shadow-demo{background:#e8e8e8}.fx-warp{width:100%;height:100%;color:var(--ink);justify-content:center;align-items:center;display:flex;overflow:visible}.fx-warp svg{width:100%;height:100%}.fx-warp.plain{font-size:17px;font-weight:800}.fx-tiles .fx-tile-art:has(.fx-warp){aspect-ratio:3/2}.fx-gbar-wrap{padding:8px 8px 16px}.fx-gbar{cursor:copy;border:1px solid #1111111f;border-radius:7px;height:22px;position:relative}.fx-stop{border:2px solid var(--panel);width:16px;height:16px;box-shadow:0 0 0 1px var(--muted), 0 1px 3px #0004;cursor:grab;touch-action:none;border-radius:50%;margin:2px 0 0 -8px;position:absolute;top:100%}.fx-stop.on{box-shadow:0 0 0 2px var(--accent), 0 1px 3px #0004;z-index:1}.fx-stop:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 50%, transparent);outline:none}.fx-edges{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.fx-edges button{background:var(--chip);height:32px;color:var(--muted);border-radius:8px;font-size:15px}.fx-edges button.on{background:var(--ink);color:var(--panel)}.fx-comp{align-items:center;gap:6px;display:flex}.fx-comp-name{background:var(--chip);text-align:left;border-radius:8px;flex:1;justify-content:space-between;align-items:center;height:32px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.fx-comp-name:hover{background:color-mix(in srgb, var(--ink) 12%, var(--chip))}.fx-comp-name small{color:var(--muted);font-weight:400}.s3-panel{flex-direction:column;gap:8px;display:flex}.s3-row{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.s3-row>.nf{flex:auto;min-width:0}.s3-vec{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;display:grid}.s3-vec-label{color:var(--faint);grid-column:1/-1;margin-bottom:-2px;font-size:11px}.s3-preview-head{justify-content:space-between;align-items:center;display:flex}.s3-toggle{background:var(--chip);height:22px;color:var(--muted);border-radius:11px;padding:0 9px;font-size:11px;font-weight:600}.s3-toggle.on{background:var(--accent);color:#fff}.s3-preview{border:1px solid var(--line);background:#000;border-radius:8px;width:100%;max-height:220px;position:relative;overflow:hidden}.s3-note{text-align:center;color:var(--muted);justify-content:center;align-items:center;padding:12px;font-size:12px;display:flex;position:absolute;inset:0}.s3-checks{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;line-height:17px;list-style:none;display:flex}.s3-checks li{background:var(--chip);border-radius:6px;padding:6px 8px}.s3-checks li.error{background:#e5484d29}.s3-checks li.warn{background:#f5a5242e}.s3-checks li.ok{color:var(--muted)}.s3-checks code{font:500 11px/15px var(--font-mono);white-space:pre-wrap;word-break:break-word}.s3-check{align-items:flex-start;gap:8px;font-size:12px;line-height:17px;display:flex}.s3-check input{margin-top:2px}.s3-light,.s3-object,.s3-uni{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.s3-x{width:24px;height:24px;color:var(--muted);border-radius:6px;flex:none;font-size:16px;line-height:1}.s3-x:hover{background:var(--chip);color:var(--ink)}.s3-link{color:var(--accent);font-size:12px}.s3-link:disabled{color:var(--faint)}.s3-tile{text-overflow:ellipsis;white-space:nowrap;padding:6px;font-size:11px;overflow:hidden}.s3-name{font:600 12px/16px var(--font-mono);text-overflow:ellipsis;min-width:0;color:var(--ink);flex:auto;overflow:hidden}.s3-input{background:var(--chip);min-width:0;height:28px;font:500 12px var(--font-mono);border-radius:6px;flex:auto;padding:0 8px}.s3-err{color:#e5484d}textarea.s3-code{white-space:pre;tab-size:2;margin-top:0;overflow:auto}.prop-row{background:var(--chip);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:8px;display:grid;position:relative}.prop-row .ds-x{position:absolute;top:4px;right:4px}.prop-row input.text,.prop-row select.text{min-width:0;height:28px;font-size:12px}.prop-check{align-items:center;gap:6px;font-size:12px;display:inline-flex}.badge-update{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:9px;align-items:center;height:18px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.variants{flex-direction:column;gap:8px;display:flex}.variants-table{align-items:center;gap:4px;display:grid}.variants-h{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.variants-h input,.variants-cell{background:var(--chip);width:100%;min-width:0;height:26px;color:var(--ink);border:0;border-radius:6px;padding:0 6px;font-size:12px}.variants-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;height:26px;font-size:12px;font-weight:600;overflow:hidden}.replace-colors{grid-template-columns:1fr 240px;gap:20px;display:grid}.replace-main{flex-direction:column;gap:10px;min-width:0;display:flex}.replace-row{align-items:center;gap:8px;display:flex}.replace-row .studio-text{flex:1}.replace-row code{width:70px;font-size:12px}.replace-row .arrow{color:var(--muted)}.replace-font{text-overflow:ellipsis;white-space:nowrap;width:150px;font-size:14px;overflow:hidden}.replace-preview,.project-search{flex-direction:column;gap:8px;display:flex}.project-search-kinds{flex-wrap:wrap;gap:6px;display:flex}.project-search-kinds .chip{background:var(--chip);height:24px;color:var(--muted);border-radius:12px;padding:0 10px;font-size:12px;font-weight:600}.project-search-kinds .chip.on{background:var(--ink);color:var(--panel)}.project-search-hits{flex-direction:column;gap:2px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.project-search-hits a{color:var(--ink);border-radius:8px;grid-template-columns:auto 1fr;gap:2px 8px;padding:6px 8px;text-decoration:none;display:grid}.project-search-hits a:hover{background:var(--chip)}.project-search-hits .kind{color:var(--muted);text-transform:uppercase;grid-row:span 2;align-self:center;font-size:10px;font-weight:700}.project-search-hits strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-search-hits small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:11px;overflow:hidden}.rail{position:relative}.wb-hud{z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;width:232px;padding:12px;display:flex;position:absolute;top:12px;left:calc(100% + 10px);box-shadow:0 8px 24px #00000026}.wb-hud-title{font-size:12px;font-weight:600}.wb-hud-sub{color:var(--muted);font-size:12px;line-height:16px}.wb-hud-hint{color:var(--accent);font-size:12px;line-height:16px}.wb-swatches{flex-wrap:wrap;gap:6px;display:flex}.wb-swatches button{border:1px solid #00000026;border-radius:6px;width:24px;height:24px}.wb-swatches button.on{outline:2px solid var(--accent);outline-offset:2px}.wb-stack{flex-direction:column;gap:10px;display:flex}.wb-row{align-items:flex-end;gap:10px;display:flex}.wb-color{border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:34px;height:34px;display:inline-flex;overflow:hidden}.wb-color input{cursor:pointer;background:0 0;border:0;width:48px;height:48px;margin:-8px;padding:0}.wb-width{flex-direction:column;flex:1;gap:4px;display:flex}.wb-field{gap:4px}.dev-hint{margin:6px 0 0;font-size:12px;line-height:16px}.dev-toggle{margin-top:8px}.dev-spec{flex-direction:column;gap:4px;margin-top:8px;font-size:12px;display:flex}.dev-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;font-weight:600;display:flex}.dev-kv{justify-content:space-between;gap:12px;line-height:18px;display:flex}.dev-kv>span:first-child{color:var(--muted)}.dev-kv .mono{text-align:right;overflow-wrap:anywhere}.dev-redline{font:12px/18px var(--font-mono);grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.dev-redline span{background:var(--chip);text-align:center;border-radius:6px;padding:3px 6px}.dev-code{background:var(--chip);max-height:220px;font:11.5px/17px var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:8px;margin:0;padding:8px 10px;overflow:auto}.dev-text{background:var(--chip);white-space:pre-wrap;border-radius:6px;padding:6px 8px;line-height:17px}.dev-line{line-height:18px}.dev-copy{letter-spacing:0;text-transform:none;height:24px;padding:0 8px;font-size:11px}.dev-copy.wide{width:100%;height:30px}.dev-asset{background:var(--chip);text-align:left;border-radius:6px;justify-content:space-between;gap:8px;padding:5px 8px;font-size:12px;display:flex}.dev-asset:hover{background:color-mix(in srgb, var(--ink) 10%, var(--chip))}.dev-ready{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 12px 12px;display:flex;overflow:auto}.dev-filter{gap:4px;display:flex}.dev-filter button{background:var(--chip);height:30px;color:var(--muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.dev-filter button.on{background:var(--ink);color:var(--panel)}.dev-filter .count{opacity:.7;font-size:11px}.dev-mark{width:100%;height:30px;font-size:12px}.dev-group{flex-direction:column;gap:4px;margin-top:6px;display:flex}.dev-item{border-radius:8px;align-items:center;gap:4px;display:flex}.dev-item.on{background:var(--chip)}.dev-item-main{text-align:left;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:13px;display:flex}.dev-item-main:hover{background:var(--chip)}.dev-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dev-item-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dev-item-size{color:var(--faint);font-size:11px}.dev-item-status{background:var(--chip);width:86px;height:28px;color:var(--muted);border:0;border-radius:6px;flex-shrink:0;padding:0 4px;font-size:11px}.dev-dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dev-dot[data-status=ready]{background:#1fa971}.dev-dot[data-status=in-progress]{background:#f0a020}.dev-dot[data-status=done]{background:#7a7a85}.slices{gap:8px;margin-top:4px}.slice{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.slice-head{align-items:center;gap:6px;display:flex}.slice-name{flex:1;height:30px}.slice-btn{align-self:flex-start;height:28px;padding:0 10px;font-size:12px}.slice-head .slice-btn{align-self:center}.slice-row{grid-template-columns:84px 64px 1fr 28px;align-items:center;gap:6px;display:grid}.slice-row .text{height:30px}.slice-rect{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slice-rect label{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.slice-rect .text{height:28px;padding:0 6px}.slice-actions{flex-wrap:wrap;gap:8px;display:flex}.plug{gap:16px;min-height:360px;display:flex}.plug-list{flex-direction:column;flex-shrink:0;gap:4px;width:200px;display:flex}.plug-list>button:not(.btn){text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.plug-list>button.on{background:var(--chip)}.plug-list small,.plug-param small{color:var(--muted);font-size:11px;font-weight:400}.plug-new{margin-top:6px}.plug-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.plug-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.plug-head h3{margin:0;font-size:16px}.plug-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plug-note{flex:1;min-width:160px;font-size:12px;line-height:16px}.plug-desc{color:var(--muted);margin:0;font-size:13px}.plug-steps{margin:0;padding-left:20px;font-size:13px;line-height:22px}.plug-code{resize:vertical;width:100%;min-height:260px}.plug-hint{margin:0;font-size:12px;line-height:17px}.plug-out{background:var(--chip);border-radius:10px;flex-direction:column;gap:4px;padding:10px;font-size:13px;display:flex}.plug-out summary{cursor:pointer;padding:2px 0}.plug-empty{color:var(--muted);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.right>.panel-head{z-index:4;background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.panel-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.panel-kind{background:var(--chip);letter-spacing:.06em;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px}.nf.scrubbable>span{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.nf.scrubbable>span:hover{color:var(--ink)}.fx-stack-head{color:var(--ink);justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:14px;font-weight:600;display:flex}.fx-stack-head em{background:var(--chip);color:var(--faint);border-radius:10px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:500}.fx-stack-head em.on{background:var(--accent-tint);color:var(--accent)}.fx-fold:not(.on)>.fx-head{min-height:38px}.fx-fold:not(.on) .fx-title{height:38px}.fx-fold:not(.on):hover>.fx-head .fx-title{color:var(--ink)}.fx-fold:not(.on)>.fx-head .fx-act{opacity:.55}.fx-fold:not(.on):hover>.fx-head .fx-act{opacity:1}.fx-fold.on>.fx-head .fx-title:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;order:2;width:6px;height:6px;margin-right:-2px}.fx-fold.on>.fx-head .fx-title{gap:6px}.fx-fold.on>.fx-head .fx-title>span{order:1}.fx-fold.on>.fx-head .fx-title>em{order:3}.s3-panel{gap:10px}.fx-sub{border:1px solid var(--line);background:color-mix(in srgb, var(--chip) 45%, transparent);border-radius:10px}.fx-sub-head{align-items:center;gap:6px;padding-right:6px;display:flex}.fx-sub-title{text-align:left;min-width:0;height:34px;color:var(--ink);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.fx-sub-title:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.fx-sub-title em{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);margin-left:auto;font-size:11px;font-style:normal;font-weight:500;overflow:hidden}.fx-sub.open>.fx-sub-head .fx-chev{transform:rotate(90deg)}.fx-sub-body{flex-direction:column;gap:8px;padding:2px 10px 12px;display:flex}.fx-status{background:var(--chip);min-height:28px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;line-height:16px;display:flex}.fx-status i{background:#1fa971;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #1fa97138}.fx-status.warn i{background:#f5a524;box-shadow:0 0 0 3px #f5a52438}.fx-status.error i{background:#e5484d;box-shadow:0 0 0 3px #e5484d38}.s3-object{border:0;gap:8px;padding:0}.s3-light,.s3-uni{background:var(--panel)}.s3-objlist{flex-direction:column;gap:2px;max-height:168px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.s3-obj{text-align:left;width:100%;height:28px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.s3-obj:hover{background:var(--chip);color:var(--ink)}.s3-obj.on{background:var(--accent-tint);color:var(--accent)}.s3-obj:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.s3-obj-kind{flex-shrink:0;width:64px;font-weight:600}.s3-obj-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;font-size:11px;overflow:hidden}.s3-panel code{font:500 11px var(--font-mono);background:var(--chip);border-radius:4px;padding:1px 4px}.s3-panel .hint{margin:0;font-size:12px;line-height:17px}.s3-preview{max-height:150px;margin:0 auto}.s3-panel>.s3-preview{width:100%}.s3-obj-kind{text-overflow:ellipsis;white-space:nowrap;width:88px;overflow:hidden}.s3-obj.on{background:color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.s3-obj.on .s3-obj-kind{color:var(--accent)}.s3-panel .mini-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.s3-panel .mini-actions .btn{padding:0 6px}.empty-state.top{border:1px dashed var(--line);background:color-mix(in srgb, var(--chip) 55%, transparent);border-radius:12px;align-items:flex-start;gap:12px;margin:16px 16px 0;padding:14px;display:flex}.empty-state.top h4{margin:0 0 2px}.empty-state.top .hint{margin:0;font-size:12px;line-height:17px}.empty-mark{background:var(--panel);border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.field-label:has(>.seg){flex-direction:row;align-items:center;gap:10px}.field-label:has(>.seg)>.hint{flex-shrink:0;width:48px}.field-label:has(>.seg)>.seg{flex:1}.rail{scrollbar-width:none;overflow:hidden auto}.rail::-webkit-scrollbar{display:none}.rail-tool[aria-haspopup]:after{content:"";border-left:4px solid #0000;border-bottom:4px solid var(--faint);width:0;height:0;position:absolute;bottom:5px;right:5px}.rail-tool{position:relative}.rail-tool:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=960px){.left{width:204px}.right-col{width:252px}}@media (width<=760px){.left{width:176px}.right-col{width:232px}.right-head .icon-btn{width:26px;height:26px}}.fx-fold.always>.fx-head .fx-title:before{content:none}.mono{font-family:var(--font-mono)}.ds-input{background:var(--chip);width:100%;height:32px;color:var(--ink);font:500 13px/16px var(--font-ui);appearance:none;border:1px solid #0000;border-radius:8px;min-width:0;padding:0 10px;transition:background-color .12s,border-color .12s,box-shadow .12s}.ds-input.mono{font:500 12px/16px var(--font-mono)}.ds-input.narrow{flex:none;width:150px}.ds-input::placeholder{color:var(--faint)}.ds-input:hover{background:color-mix(in srgb, var(--chip) 86%, var(--ink) 6%)}.ds-input:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:0}.ds-note{color:var(--muted);max-width:70ch;margin:4px 0 0;font-size:13px;line-height:19px}.ds-sub{color:var(--muted);font-size:12px;line-height:16px}.ds-sub code{font:500 11px var(--font-mono);color:var(--faint);margin-left:4px}.ds-sub-h{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);align-items:baseline;gap:6px;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.ds-sub-h span{color:var(--faint-2);font-weight:600}.ds-empty{border:1px dashed var(--line);background:color-mix(in srgb, var(--chip) 55%, transparent);color:var(--muted);border-radius:14px;margin:0;padding:18px 20px;font-size:13px;line-height:19px}.ds-empty.big{flex-direction:column;align-items:flex-start;gap:6px;padding:28px;display:flex}.ds-empty.big strong{color:var(--ink);font-size:15px}.ds-empty.big .btn{margin-top:8px}.ds-state{border:1px solid var(--line);background:var(--chip);color:var(--muted);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;max-width:520px;padding:24px;display:flex}.ds-state strong{color:var(--ink);font-size:15px}.ds-state .btn{margin-top:8px}.ds-skeleton{background:linear-gradient(90deg, var(--chip), color-mix(in srgb, var(--chip) 70%, var(--ink) 8%), var(--chip));background-size:200% 100%;border-radius:14px;animation:1.4s linear infinite ds-shimmer}@keyframes ds-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ds-skeleton{animation:none}}.ds{gap:36px}.ds-hero{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.ds-intro{max-width:62ch;font-size:14px;line-height:21px;display:block}.ds-hero .btn{flex:none}.ds-nav{z-index:6;background:var(--panel);border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;gap:4px;margin:-8px 0;padding:8px 0;display:flex;position:sticky;top:-36px;overflow-x:auto}.ds-nav button{height:28px;color:var(--muted);border-radius:14px;flex:none;padding:0 12px;font-size:13px;font-weight:500}.ds-nav button:hover{background:var(--chip);color:var(--ink)}.ds-nav-stats{color:var(--faint);white-space:nowrap;margin-left:auto;padding-left:16px;font-size:12px}.ds-section{scroll-margin-top:56px}.ds-section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 16px;display:flex}.ds-section h2{letter-spacing:-.02em;align-items:baseline;gap:8px;margin:0;font-size:20px;font-weight:700;line-height:26px;display:flex}.ds-section h2 span{background:var(--chip);letter-spacing:0;color:var(--muted);border-radius:10px;padding:1px 8px;font-size:12px;font-weight:600;line-height:16px}.ds-block+.ds-block,.ds-group+.ds-group{margin-top:24px}.ds-group h3{margin:0 0 10px}.ds-brand{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:28px;display:grid}.ds-brand-main{min-width:0}.ds-brand-preview{box-shadow:0 0 0 1px var(--line), 0 12px 32px #11111112;border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;display:flex;position:sticky;top:56px}.ds-preview-tag{letter-spacing:.1em;text-transform:uppercase;opacity:.45;font-size:10px;font-weight:700}.ds-preview-logo{object-fit:contain;max-width:110px;max-height:38px}.ds-preview-mark{border-radius:8px;width:28px;height:28px}.ds-brand-preview h4{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:28px}.ds-brand-preview p{opacity:.8;margin:0;font-size:13px;line-height:19px}.ds-preview-cta{border-radius:999px;padding:9px 16px;font-size:12px;font-weight:700}.ds-preview-dots{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.ds-preview-dots i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000024}.ds-colors{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.ds-color{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.ds-color:hover,.ds-color:focus-within{box-shadow:0 0 0 1px var(--faint-2), 0 6px 18px #11111110}.ds-swatch{width:auto;height:68px;box-shadow:inset 0 -1px 0 var(--line), inset 0 0 0 1px #80808030;cursor:pointer;border-radius:0;flex:none;justify-content:flex-end;align-items:flex-end;padding:8px;display:flex;position:relative;overflow:hidden}.ds-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ds-swatch:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.ds-swatch-hint{color:#fff;opacity:0;pointer-events:none;background:#111111b3;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;transition:opacity .12s,transform .12s;transform:translateY(2px)}.ds-color:hover .ds-swatch-hint,.ds-swatch:focus-within .ds-swatch-hint{opacity:1;transform:none}.ds-swatch.small{border-radius:8px;width:32px;height:32px;padding:0;box-shadow:inset 0 0 0 1px #00000024}.ds-swatch.empty{background:repeating-conic-gradient(var(--chip) 0% 25%, transparent 0% 50%) 0 0 / 14px 14px;color:var(--muted);justify-content:center;align-items:center}.ds-meta{flex-direction:column;flex:none;gap:6px;min-width:0;padding:10px 12px 12px;display:flex}.ds-meta strong{text-overflow:ellipsis;white-space:nowrap;padding-right:20px;font-size:13px;font-weight:600;line-height:16px;overflow:hidden}.ds-meta .ds-input{height:28px}.ds-color.unset{cursor:pointer;box-shadow:0 0 0 1px var(--line);background:0 0;border:0}.ds-color.unset .ds-swatch{height:68px}.ds-color.unset:hover{box-shadow:0 0 0 1px var(--accent)}.ds-hidden-color{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ds-x{background:var(--panel);width:22px;height:22px;color:var(--muted);box-shadow:0 0 0 1px var(--line);opacity:0;z-index:2;border-radius:11px;justify-content:center;align-items:center;transition:opacity .12s,color .12s;display:inline-flex;position:absolute;top:8px;right:8px}.ds-meta .ds-x{top:-52px}.ds-color:hover .ds-x,.ds-color:focus-within .ds-x,.ds-font-card:hover .ds-x,.ds-font-card:focus-within .ds-x,.prop-row .ds-x,.ds-x:focus-visible{opacity:1}.ds-x:hover{color:#c8402c}.ds-inline-form{border:1px dashed var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px;display:flex}.ds-inline-form .ds-input{flex:160px;max-width:280px}.ds-inline-form .ds-input.narrow{flex:none}.ds-inline-form .btn{flex:none;height:32px}.ds-fontpair,.ds-fontlist{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.ds-font-card{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;align-items:center;gap:16px;min-width:0;padding:14px 16px;display:flex;position:relative}.ds-font-card.wide{grid-column:1/-1}.ds-specimen{background:var(--chip);border-radius:12px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;line-height:1;display:flex}.ds-font-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ds-font-sample{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:24px;overflow:hidden}.ds-font-body .ds-input{max-width:260px}.ds-other{margin-top:16px;font-size:13px}.ds-other summary{cursor:pointer;height:28px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 4px;font-weight:600;display:inline-flex}.ds-other summary:hover{color:var(--ink)}.ds-other summary span{background:var(--chip);border-radius:9px;padding:0 7px;font-size:11px;line-height:16px}.ds-tokens{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 16px;margin-top:10px;display:grid}.ds-tokens label{background:var(--chip);border-radius:10px;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:10px;padding:6px 10px;display:grid}.ds-tokens .ds-input{background:var(--panel)}.ds-token-name{flex-direction:column;gap:1px;min-width:0;display:flex}.ds-token-name code{font:500 12px var(--font-mono);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-token-name small{color:var(--faint);font-size:11px}.ds-logos{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.ds-logo-card{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ds-logo-stage{color:#9a9a97;background:#fff;justify-content:center;align-items:center;height:112px;padding:16px;font-size:13px;display:flex}.ds-logo-stage.dark{color:#8a8a93;background:#16161c}.ds-logo-stage img{object-fit:contain;max-width:100%;max-height:80px}.ds-logo-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.ds-logo-btns{gap:6px;display:inline-flex}.ds-logo-btns .btn{height:28px;padding:0 10px;font-size:12px}.ds-cards{grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px;display:grid}.ds-card{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;flex-direction:column;gap:0;padding:0;transition:box-shadow .12s,transform .12s;display:flex;position:relative;overflow:hidden}.ds-card:hover,.ds-card:focus-within{box-shadow:0 0 0 1px var(--faint-2), 0 8px 22px #11111112}.ds-thumb{height:128px;box-shadow:inset 0 -1px 0 var(--line);background:#fff radial-gradient(#0000000f 1px,#0000 1px) 0 0/12px 12px;border-radius:0;justify-content:center;align-items:center;padding:12px;display:flex;overflow:hidden}.ds-card-meta{flex-direction:column;gap:3px;min-width:0;padding:10px 12px 12px;display:flex}.ds-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;font-size:13px;font-weight:600;line-height:17px;overflow:hidden}.ds-card-meta .inline-input{width:100%}.ds-actions{opacity:0;gap:4px;transition:opacity .12s;display:inline-flex;position:absolute;top:8px;right:8px}.ds-card:hover .ds-actions,.ds-card:focus-within .ds-actions{opacity:1;display:inline-flex}.project-search{gap:10px}.project-search .search-box input{border-radius:10px;height:38px}.project-search-kinds .chip{height:28px;box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:14px;padding:0 12px;font-size:12px}.project-search-kinds .chip:hover{background:var(--chip)}.project-search-kinds .chip.on{background:var(--ink);color:var(--panel);box-shadow:none}.project-search-hits{max-height:320px;box-shadow:0 0 0 1px var(--line);border-radius:12px;gap:0}.project-search-hits:empty{display:none}.project-search-hits li+li{border-top:1px solid var(--line)}.project-search-hits a{border-radius:0;grid-template-columns:76px 1fr;align-items:center;padding:9px 14px}.project-search-hits a:focus-visible{outline-offset:-2px}.project-search-hits .kind{background:var(--chip);letter-spacing:.04em;border-radius:6px;justify-content:center;align-self:center;padding:2px 0;font-size:10px;display:inline-flex}.project-search-hits .kind.component{color:#5a4fe0}.project-search-hits .kind.logo{color:#c57a00}.project-search-hits .kind.token{color:#1f8a5f}.section-switch button{white-space:nowrap}@media (width<=900px){.ds-brand{grid-template-columns:1fr}.ds-brand-preview{position:static}.ds-hero{flex-direction:column;gap:12px}}@media (width<=640px){.ds-colors{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ds-nav-stats{display:none}.ds-inline-form .ds-input,.ds-inline-form .ds-input.narrow{flex:100%;width:100%;max-width:none}}.empty-note.rich{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 24px;display:flex}.empty-note.rich strong{color:var(--ink);margin-top:6px;font-size:13px;font-weight:600}.empty-note.rich p{max-width:220px;margin:0;font-size:12px;line-height:17px}.empty-mark{width:32px;height:32px}.right>.panel-head .panel-kind[style]{background:0 0;padding:0}.ds-colors{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}@media (width<=900px){.main{gap:22px;padding:28px 24px}.side{width:208px}}.main-head{flex-wrap:wrap;row-gap:16px}.main-head>div:first-child{flex:auto;min-width:0}.main-head h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.head-actions{flex-wrap:wrap}.head-actions .search-box{width:240px}@media (width<=1180px){.head-actions .search-box{width:200px}}.empty-files{gap:8px;padding:80px 0}.empty-files .empty-glyph{background:var(--chip);width:52px;height:52px;color:var(--muted);border-radius:16px;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.empty-files span:not(.empty-glyph){max-width:38ch;line-height:19px}.empty-files .btn{margin-top:10px}.dev-filter button{white-space:nowrap;gap:4px;min-width:0;padding:0 6px;font-size:11.5px}.dev-filter button:nth-child(2){flex:1.5}.dev-filter .count{background:color-mix(in srgb, currentColor 14%, transparent);text-align:center;opacity:1;font-variant-numeric:tabular-nums;border-radius:7px;min-width:14px;padding:0 4px}.dev-mark{width:100%;height:32px}.theme-panel{gap:20px;padding:6px 12px 16px}.theme-count{background:var(--chip);color:var(--muted);letter-spacing:0;border-radius:8px;margin-left:4px;padding:0 6px;font-size:10px;line-height:14px}.theme-tip{font-size:12px;line-height:16px}.theme-empty{border:1px dashed var(--line);color:var(--muted);border-radius:12px;flex-direction:column;gap:4px;padding:14px;font-size:12px;line-height:17px;display:flex}.theme-empty strong{color:var(--ink);font-size:13px}.token-group{flex-direction:column;gap:8px;display:flex}.token-group-h{color:var(--ink);font-size:12px;font-weight:600}.token-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.token-chip{text-align:left;border-radius:8px;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:0;display:flex}.token-chip-sw{border-radius:8px;height:36px;transition:transform .12s,box-shadow .12s;display:block;box-shadow:inset 0 0 0 1px #80808040}.token-chip:hover .token-chip-sw{box-shadow:inset 0 0 0 1px #80808040, 0 0 0 2px var(--accent)}.token-chip:active .token-chip-sw{transform:scale(.97)}.token-chip-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;line-height:14px;overflow:hidden}.token-chip-val{font:500 10px/13px var(--font-mono);color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:-3px;overflow:hidden}.token-rows{flex-direction:column;gap:4px;display:flex}.token-row{text-align:left;width:100%}.token-row:hover{background:color-mix(in srgb, var(--chip) 80%, var(--ink) 8%)}.token-name{min-width:0;font-family:var(--font-ui);flex:1;font-weight:500}.token-value{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:90px;margin-left:0;overflow:hidden}.token-aa{text-align:center;width:22px;color:var(--ink);flex:none;font-size:16px;line-height:1}.assets .eyebrow{letter-spacing:0;text-transform:none;color:var(--ink);font-size:13px;font-weight:600;line-height:16px}.assets .tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.tile-wrap{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.tile-wrap .tile{min-width:0}.tile-wrap .tile .thumb{border-radius:10px;height:76px;padding:6px}.tile-wrap .tile:focus-visible .thumb{outline:2px solid var(--accent);outline-offset:-2px}.tile-name{text-overflow:ellipsis;white-space:nowrap;cursor:text;font-size:12px;font-weight:500;line-height:15px;display:block;overflow:hidden}.tile-name-input{width:100%}.tile-grid .tile,.tile-grid .tile .thumb{min-width:0}.tile-actions{top:6px;right:6px}.tile-act{transition:color .12s}.assets .tile-grid>.hint{border:1px dashed var(--line);border-radius:10px;padding:12px;font-size:12px;line-height:17px}.project-search-wrap{margin:0}.project-search-wrap summary{padding:2px 0}.project-search-wrap summary:after{content:"";border-right:1.5px solid var(--faint);border-bottom:1.5px solid var(--faint);width:7px;height:7px;margin-right:4px;transition:transform .12s;transform:rotate(-45deg)}.project-search-wrap[open] summary:after{transform:rotate(45deg)}.project-search-wrap .project-search{margin-top:10px}.project-search.compact .project-search-hits{max-height:220px}.project-search.compact .project-search-hits a{grid-template-columns:1fr;padding:7px 10px}.project-search.compact .project-search-hits .kind{grid-row:auto;justify-self:start;padding:0 6px}.project-search.compact .project-search-hits small{grid-column:1}.prop-row{box-shadow:inset 0 0 0 1px var(--line);background:0 0;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px 28px 10px 10px}.prop-field{flex-direction:column;gap:3px;min-width:0;display:flex}.prop-field>span:first-child{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:10px;font-weight:600;line-height:12px}.prop-row input.text,.prop-row select.text{background:var(--chip);height:28px;padding:0 8px}.prop-row .prop-check{align-items:center;gap:6px;height:28px;font-size:12px;display:inline-flex}.prop-row .prop-check input{width:14px;height:14px;accent-color:var(--accent)}.prop-remove{width:20px;height:20px;color:var(--faint);border-radius:10px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:6px;right:6px}.prop-remove:hover{background:var(--chip);color:#c8402c}.prop-empty{border:1px dashed var(--line);color:var(--muted);border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:17px}.prop-reset{width:20px;height:20px;color:var(--accent);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.prop-reset:hover{background:var(--accent-tint)}.prop-value input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin-left:auto}.prop-value>span{text-overflow:ellipsis;flex:1;overflow:hidden}.variants-empty{flex-direction:column;gap:10px;display:flex}.variants{gap:10px}.variants-table{box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;gap:6px;padding:10px}.variants-h{color:var(--faint);letter-spacing:.04em}.variants-h input{background:var(--chip);font-weight:600}.variants-cell{background:var(--chip)}.variants-cell:focus,.variants-h input:focus{outline:2px solid var(--accent);outline-offset:-1px}.variants-x{width:18px;height:18px;color:var(--faint);border-radius:9px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.variants-x:hover{background:var(--chip);color:#c8402c}.section .notice{margin:0}.modal-head h2{overflow-wrap:anywhere}.modal-head .icon-btn{flex:none;margin:-4px -8px 0 0}.modal-foot{flex-wrap:wrap;row-gap:10px}.modal-foot .hint{flex:160px;min-width:0}.modal-body{gap:18px}.modal-body .hint{font-size:12px;line-height:17px}@media (width<=600px){.overlay{padding:12px}.modal{max-height:calc(100vh - 24px);width:100%!important}.modal-head{padding:20px 20px 0}.modal-body{padding:16px 20px}.modal-foot{padding:12px 20px}.modal-foot .btn{flex:auto}}.studio-field{gap:10px;margin-top:0}.studio-field+.studio-field{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.studio-field>.eyebrow{color:var(--ink);letter-spacing:0;text-transform:none;font-size:13px;font-weight:600;line-height:16px}.studio-brand-colors{gap:6px}.studio-brand-color{gap:10px;min-height:34px;position:relative}.studio-brand-color>span:not(.studio-swatch){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.studio-brand-color .studio-text.mono{text-transform:uppercase;flex:none;width:92px}.studio-brand-color .ds-x{opacity:1;width:22px;height:22px;box-shadow:none;background:0 0;flex:none;position:static}.studio-brand-color .ds-x:hover{background:var(--chip)}.studio-brand-color>.studio-text:not(.mono){flex:1}.studio-swatch{border:0;border-radius:9px;width:30px;height:30px;box-shadow:inset 0 0 0 1px #80808040}.studio-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.studio-text{border:1px solid #0000;transition:background-color .12s,border-color .12s,box-shadow .12s}.studio-text:hover{background:color-mix(in srgb, var(--chip) 86%, var(--ink) 6%)}.studio-text:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:0}.studio-fonts{flex-direction:column;gap:8px;display:flex}.studio-font-row{align-items:center;gap:10px;display:flex}.studio-font-aa{background:var(--chip);border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:inline-flex}.studio-font-label{flex:none;width:56px;font-size:13px;font-weight:500}.studio-font-row .studio-text{flex:1;width:auto}.studio-logos{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-logo{min-width:0;box-shadow:0 0 0 1px var(--line);color:var(--ink);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;padding:0;overflow:hidden}.studio-logo.dark{color:var(--ink);background:0 0}.studio-logo-stage{background:#fff;justify-content:center;align-items:center;height:76px;padding:10px;display:flex}.studio-logo.dark .studio-logo-stage{background:#16161c}.studio-logo-stage>img{object-fit:contain;max-width:100%;max-height:52px}.studio-logo-stage>span{color:#9a9a97;height:auto;font-size:12px}.studio-logo>.studio-logo-name{height:auto;color:var(--ink);padding:0 10px;font-size:12px;font-weight:600;display:block}.studio-logo>div:last-child{flex-wrap:wrap;gap:6px;padding:0 10px 10px;display:flex}.studio-brand-preview{border-radius:16px;top:0;box-shadow:0 8px 24px #11111114}@media (width<=720px){.studio-logos{grid-template-columns:1fr}}.modal-head{padding-bottom:14px}.copyable{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.copyable-label{font-size:13px;font-weight:600;line-height:16px}.copyable-box{background:var(--chip);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 10px 10px 12px;display:flex;position:relative}.copyable-box pre{white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;min-width:0;margin:0;font-size:12px;line-height:18px}.copyable-box .btn{flex:none;height:26px;padding:0 10px;font-size:12px}.connect-step{align-items:flex-start;gap:12px;display:flex}.step-n{background:var(--ink);width:22px;height:22px;color:var(--panel);border-radius:11px;flex:none;justify-content:center;align-items:center;margin-top:-1px;font-size:12px;font-weight:700;display:inline-flex}.notice.warn{color:var(--ink);background:#f0a02029;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:17px}.connect-more summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:500}.connect-more summary:hover{color:var(--ink)}.connect-tokens{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:16px;display:flex}.connect-h{margin-bottom:4px;font-size:13px;font-weight:600}.connect-h span{background:var(--chip);color:var(--muted);border-radius:8px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:600}.connect-empty{border:1px dashed var(--line);color:var(--muted);border-radius:10px;padding:14px;font-size:13px}.review-score{background:var(--chip);border-radius:14px;align-items:center;gap:16px;margin:0;padding:14px 18px}.review-score span b{color:var(--ink);margin-bottom:1px;font-size:14px;display:block}.review-score[data-tone=mid] strong{color:#c57a00}.review-score span{font-size:13px}.review-list{gap:2px;margin:0 -8px}.review-item{align-items:baseline}.review-item:focus-visible{outline-offset:-2px}.review-tag{margin-top:1px}.review-tag.fail{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}.review-empty{border:1px dashed var(--line);color:var(--muted);border-radius:12px;flex-direction:column;gap:4px;padding:20px;font-size:13px;display:flex}.review-empty strong{color:var(--ink)}.modal .btn.accent:disabled,.ds .btn.accent:disabled{background:var(--chip);border-color:var(--line);color:var(--faint);opacity:1}.menu{transform-origin:0 0;animation:.1s ease-out both menu-in}@keyframes menu-in{0%{opacity:0;transform:translateY(-2px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.menu{animation:none}}.menu-item.kb:not(.disabled){background:var(--accent);color:#fff}:root[data-theme=dark] .menu-item.kb:not(.disabled){background:var(--menu-hover);color:var(--ink)}.menu-item.danger{color:#c8402c}:root[data-theme=dark] .menu-item.danger{color:#ff7a66}.menu-item.danger:hover:not(.disabled),.menu-item.danger.kb:not(.disabled){color:#fff;background:#c8402c}.menu-item>span:first-child{min-width:0}:root[data-theme=dark] .menu-item.danger:hover:not(.disabled),:root[data-theme=dark] .menu-item.danger.kb:not(.disabled){color:#fff;background:#c8402c}.pw-wrap{display:block;position:relative}.pw-wrap input{padding-right:60px}.field-stack .pw-toggle{height:30px;color:var(--muted);border-radius:8px;padding:0 10px;font-size:12px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-stack .pw-toggle:hover{background:var(--line);color:var(--ink)}.signin-form .notice{margin:0 0 14px;font-size:13px;line-height:18px}.modal-body>.seg button:disabled{opacity:.4;cursor:not-allowed}.studio-actions{margin-top:20px}.studio-card{transition:border-color .12s,background-color .12s,box-shadow .12s}.studio-card:focus-visible,.studio-scene:focus-visible,.studio-pill:focus-visible,.studio-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-chip{border:0;width:28px;height:28px;box-shadow:inset 0 0 0 1px #80808040}.studio-photos img{background:var(--chip)}.replace-colors{grid-template-columns:minmax(0,1fr) 236px;align-items:start;gap:24px}.replace-main{gap:8px}.replace-h{align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.replace-h span{background:var(--chip);color:var(--muted);border-radius:8px;padding:0 6px;font-size:11px}.replace-h:first-child{margin-top:0}.replace-row{gap:10px;min-height:34px}.replace-row code{width:64px;font:500 12px var(--font-mono);color:var(--muted);flex:none}.replace-row .arrow{color:var(--faint);flex:none}.replace-row .studio-text{flex:1;width:auto}.replace-row .studio-text.mono{flex:none;width:92px}.replace-x,.replace-x-slot{flex:none;width:22px;height:22px}.replace-x{color:var(--faint);border-radius:11px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.replace-x:hover{background:var(--chip);color:#c8402c}.replace-add{align-self:flex-start}.replace-preview{background:var(--chip);border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex;position:sticky;top:0}.replace-preview .preview{background:var(--panel);border-radius:8px;width:100%!important}.replace-hint{border:1px dashed var(--line);height:150px;color:var(--muted);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;display:flex}@media (width<=720px){.replace-colors{grid-template-columns:1fr}.replace-preview{position:static}}.replace-row .studio-text{min-width:120px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.file-thumb{height:180px}@media (width>=1200px){.file-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.file-thumb{height:200px}}.tile-skeleton{background:linear-gradient(90deg, var(--chip), color-mix(in srgb, var(--chip) 70%, var(--ink) 8%), var(--chip));background-size:200% 100%;border-radius:10px;height:100px;animation:1.4s linear infinite ds-shimmer;display:block}@media (prefers-reduced-motion:reduce){.tile-skeleton{animation:none}}.bk-viewseg{flex:none;width:180px}.bk-welcome{background:var(--accent-tint);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:20px;margin-bottom:20px;padding:18px 20px;display:grid}.bk-welcome h3{letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:700;line-height:21px}.bk-welcome p{color:var(--muted);margin:0;font-size:13px;line-height:19px}.bk-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.bk-steps li button{background:var(--panel);width:100%;box-shadow:0 0 0 1px var(--line);text-align:left;font:inherit;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.bk-steps li button:hover{box-shadow:0 0 0 1px var(--accent)}.bk-steps li button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bk-steps strong{font-size:13px;font-weight:600;line-height:17px;display:block}.bk-steps small{color:var(--muted);font-size:12px;line-height:16px;display:block}.bk-step-n{background:var(--chip);border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.bk-steps li.done .bk-step-n{color:#fff;background:#1f9d55}.bk-edit{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.bk-edit-main{flex-direction:column;gap:4px;min-width:0;display:flex}.bk-edit-main>.bk-steps{margin-bottom:18px}.bk-edit-side,.bk-dialog-side{flex-direction:column;gap:12px;min-width:0;display:flex;position:sticky;top:56px}.bk-dialog-side{top:0}.bk-logos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.bk-logo{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.bk-logo-stage{background:#fff;justify-content:center;align-items:center;height:104px;padding:12px;display:flex;position:relative}.bk-logo-stage.dark{background:#16161c}.bk-logo-stage img{object-fit:contain;max-width:100%;max-height:72px}.bk-logo-empty{color:#555;width:100%;height:100%;font:inherit;cursor:pointer;text-align:center;background:0 0;border:1.5px dashed #8a8a8a66;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.bk-logo-stage.dark .bk-logo-empty{color:#aaa}.bk-logo-empty b{font-size:13px;font-weight:600}.bk-logo-empty small{opacity:.8;font-size:11px}.bk-logo-empty:hover,.bk-logo-empty:focus-visible{border-color:var(--accent);outline:none}.bk-drop{position:relative}.bk-drop.over{outline:2px dashed var(--accent);outline-offset:-4px;background-color:color-mix(in srgb, var(--accent) 8%, var(--panel))}.bk-drop-hint{border-radius:inherit;background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);pointer-events:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.bk-logo-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.bk-logo-name{font-size:12px;font-weight:600}.bk-logo-btns{flex-wrap:wrap;gap:6px;display:inline-flex}.bk-logo-btns .btn{height:26px;padding:0 10px;font-size:12px}.bk-roles{flex-direction:column;gap:6px;display:flex}.bk-role{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:12px}.bk-role:focus-within{box-shadow:0 0 0 1px var(--faint-2)}.bk-role.invalid{box-shadow:0 0 0 1px var(--accent)}.bk-role-row{align-items:center;gap:10px;min-height:52px;padding:8px 10px;display:flex}.bk-swatch{cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #80808045}.bk-swatch input{opacity:0;cursor:pointer;width:52px;height:52px;position:absolute;inset:-8px}.bk-swatch:focus-within{outline:2px solid var(--accent);outline-offset:2px}.bk-swatch.empty{background:var(--chip);box-shadow:none;border:1.5px dashed var(--faint-2)}.bk-role-meta{flex-direction:column;flex:1;min-width:0;display:flex}.bk-role-meta strong{font-size:13px;font-weight:600;line-height:17px}.bk-role-meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:15px;overflow:hidden}.bk-hex{text-transform:uppercase;flex:none;width:88px}.bk-icon{width:26px;height:26px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.bk-icon:hover{background:var(--chip);color:var(--ink)}.bk-icon:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bk-role.unset{box-shadow:none;background:0 0}.bk-role-add{border:1.5px dashed var(--line);width:100%;min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.bk-role-add:hover,.bk-role-add:focus-visible{border-color:var(--accent);outline:none}.bk-role-set{color:var(--accent);font-size:12px;font-weight:600}.bk-field-err{color:var(--accent);margin:0;padding:0 12px 8px 54px;font-size:12px}.bk-tints{border-radius:8px;grid-template-columns:repeat(9,1fr);gap:0;margin:0 10px 10px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #80808030}.bk-tints button{cursor:pointer;border:0;justify-content:center;align-items:center;height:30px;display:inline-flex}.bk-tints button:hover{transform:scaleY(1.18)}.bk-tints button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.bk-rate{white-space:nowrap;border-radius:11px;flex:none;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.bk-rate b{font-family:var(--font-mono);font-weight:600}.bk-rate.pass{color:#16803f;background:#1f9d5529}.bk-rate.warn{color:#9a6200;background:#d98a002e}.bk-rate.fail{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}:root[data-theme=dark] .bk-rate.pass{color:#4cd48a}:root[data-theme=dark] .bk-rate.warn{color:#f0b84a}.bk-starters,.bk-pairs-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.bk-pairs-row{margin:10px 0 0}.bk-starters>span,.bk-pairs-row>span{color:var(--muted);margin-right:2px;font-weight:500}.bk-starters button,.bk-pairs-row button{background:var(--panel);height:30px;box-shadow:0 0 0 1px var(--line);font:500 12px var(--font-ui);color:var(--ink);cursor:pointer;border-radius:15px;align-items:center;gap:8px;padding:0 12px 0 8px;display:inline-flex}.bk-pairs-row button{padding:0 12px}.bk-pairs-row button small{color:var(--muted);font-size:12px}.bk-starters button:hover,.bk-pairs-row button:hover{box-shadow:0 0 0 1px var(--accent)}.bk-starters button:focus-visible,.bk-pairs-row button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bk-starters button>span{display:inline-flex}.bk-starters button i{width:12px;height:18px;box-shadow:inset 0 0 0 1px #80808030}.bk-starters button i:first-child{border-radius:4px 0 0 4px}.bk-starters button i:last-child{border-radius:0 4px 4px 0}.bk-addrole{gap:8px;margin-top:10px;display:flex}.bk-addrole .studio-text{flex:1}.bk-fontrows{flex-direction:column;gap:10px;display:flex}.bk-fontrow{align-items:center;gap:12px;display:flex}.bk-aa{background:var(--chip);border-radius:12px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;line-height:1;display:inline-flex}.bk-fontrow-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bk-fontpick{position:relative}.bk-fontpick .studio-text,.bk-fontpick .ds-input{width:100%;padding-right:30px}.bk-fontpick-x{width:22px;height:22px;color:var(--muted);cursor:pointer;border-radius:6px;font-size:16px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.bk-fontpick-x:hover{background:var(--panel);color:var(--ink)}.bk-fontlist{z-index:30;background:var(--menu-bg);max-height:232px;box-shadow:0 0 0 1px var(--line), 0 14px 36px #00000030;border-radius:12px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.bk-fontlist li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:16px;line-height:22px;display:flex}.bk-fontlist li.hi{background:var(--menu-hover)}.bk-fontlist li.on{font-weight:700}.bk-fontlist li small{font:500 11px var(--font-ui);color:var(--muted)}.bk-fontlist li.empty{color:var(--muted);font:400 12px var(--font-ui);cursor:default}.bk-notes{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bk-notes li{color:var(--muted);gap:8px;font-size:12px;line-height:17px;display:flex}.bk-notes li i{width:16px;height:16px;font:700 10px/1 var(--font-ui);background:var(--chip);color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.bk-notes li.ok i{color:#1f9d55;background:#1f9d5533}.bk-notes li.warn{color:var(--ink)}.bk-notes li.warn i{background:var(--accent);color:#fff}.bk-status{color:#1f9d55;align-items:center;gap:6px;min-height:18px;margin:10px 0 0;font-size:12px;display:flex}.bk-sample{box-shadow:0 0 0 1px var(--line), 0 10px 28px #11111112;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:18px;display:flex;overflow:hidden}.bk-sample-nav{justify-content:space-between;align-self:stretch;align-items:center;gap:12px;margin-bottom:8px;display:flex}.bk-sample-nav img{object-fit:contain;max-width:96px;max-height:28px}.bk-sample-nav .mark{border-radius:7px;width:24px;height:24px}.bk-sample h4{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:27px}.bk-sample p{opacity:.85;margin:0;font-size:13px;line-height:19px}.bk-sample-actions{flex-wrap:wrap;gap:8px;display:flex}.bk-sample .btn-s{border:1.5px solid #0000;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.bk-sample .btn-s.ghost{background:0 0}.bk-sample-card{border-radius:12px;flex-direction:column;align-self:stretch;gap:4px;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #80808030}.bk-sample-card .tag{border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:10px;font-weight:700}.bk-sample-card strong{font-size:15px;line-height:20px}.bk-sample-card small{opacity:.75;font-size:12px;line-height:17px}.bk-sample.compact{padding:14px}.bk-overview{flex-direction:column;gap:16px;display:flex}.bk-ov-lockups{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bk-lockup{height:120px;box-shadow:0 0 0 1px var(--line);border-radius:16px;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.bk-lockup.light{color:#555;background:#fff}.bk-lockup.dark{color:#aaa;background:#16161c}.bk-lockup img{object-fit:contain;max-width:70%;max-height:72px}.bk-lockup small{opacity:.8;font-size:11px;position:absolute;bottom:8px;left:12px}.bk-lockup-ph{font-size:13px}.bk-ov-palette{box-shadow:0 0 0 1px var(--line);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:0;display:grid;overflow:hidden}.bk-chip{flex-direction:column;justify-content:flex-end;gap:2px;min-height:132px;padding:12px;display:flex}.bk-chip strong{font-size:13px;line-height:17px}.bk-chip code{font:500 11px var(--font-mono);opacity:.85}.bk-chip-aa{opacity:.9;margin-top:8px;font-size:11px}.bk-chip-aa b{margin-right:4px;font-size:14px}.bk-ov-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.bk-card{background:var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.bk-card>header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.bk-card>header h4{margin:0;font-size:13px;font-weight:700}.bk-card .bk-sample{max-width:680px}.bk-card>header span{color:var(--muted);font-size:12px}.bk-type-main{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bk-type-face{background:var(--chip);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.bk-type-face b{font-size:40px;font-weight:700;line-height:44px}.bk-type-face span{opacity:.8;font-size:12px}.bk-scale{flex-direction:column;display:flex}.bk-scale-row{border-top:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 0;display:grid}.bk-scale-row small{color:var(--muted);font-size:11px}.bk-scale-row small i{font-style:normal;font-family:var(--font-mono);display:block}.bk-scale-row>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bk-pairs{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bk-pairs li{align-items:center;gap:10px;display:flex}.bk-pair-sample{border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #80808040}.bk-pair-name{flex:1;min-width:0;font-size:12px;font-weight:500}.bk-empty-line{color:var(--muted);background:var(--panel);grid-column:1/-1;margin:0;padding:20px;font-size:13px}.bk-dialog{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:28px;display:grid}.bk-dialog-main{min-width:0}.bk-foot-note{color:var(--muted);margin-right:auto;font-size:12px}.bk-apply{flex-direction:column;gap:10px;display:flex}.bk-apply>p{color:var(--muted);margin:0;font-size:13px;line-height:19px}.bk-apply>p b{color:var(--ink);font-weight:600}.bk-plan{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.bk-plan li{align-items:center;gap:6px;display:inline-flex}.bk-plan i{border-radius:5px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #80808045}.bk-apply-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bk-apply-note{color:#1f9d55;align-items:center;gap:8px;font-size:12px;display:inline-flex}.bk-undo{font:600 12px var(--font-ui);color:var(--ink);box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:6px;padding:2px 8px}.bk-undo:hover{background:var(--chip)}.pp{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.pp-controls{min-width:0}.pp-lab{flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.pp-lab>span{color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pp-lab .studio-text{width:100%;height:38px;font-size:14px}.pp-count{font:500 11px var(--font-mono);color:var(--faint)}.pp-count.soft{color:#b57600}.pp-count.max{color:var(--accent)}.pp-image{border:1.5px dashed var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.pp-image.has{border-style:solid}.pp-image img{object-fit:cover;border-radius:8px;flex:none;width:56px;height:56px}.pp-image-ph{background:var(--chip);width:56px;height:56px;color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.pp-image-text{flex-direction:column;flex:1;min-width:0;display:flex}.pp-image-text strong{font-size:13px}.pp-image-text small{color:var(--muted);font-size:12px}.pp-image-btns{gap:6px;display:inline-flex}.pp-image-btns .btn{height:28px;padding:0 12px;font-size:12px}.pp-groups{width:100%}.pp-groups button{white-space:nowrap;flex:1;font-size:12px}.pp-presets{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.pp-preset{background:var(--panel);box-shadow:0 0 0 1px var(--line);text-align:center;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex}.pp-preset:hover{background:var(--chip)}.pp-preset.on{box-shadow:0 0 0 2px var(--accent)}.pp-preset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pp-preset strong{font-size:12px;font-weight:600;line-height:15px}.pp-preset small{color:var(--muted);font-size:11px;line-height:14px;font-family:var(--font-mono)}.pp-thumb{justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;display:flex}.pp-thumb span{background:var(--chip);box-shadow:inset 0 0 0 1.5px var(--faint-2);border-radius:3px;display:block}.pp-preset.on .pp-thumb span{box-shadow:inset 0 0 0 1.5px var(--accent)}.pp-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pp-warn{color:var(--accent);margin:0}.pp-brand{background:var(--chip);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px;display:flex}.pp-brand.on{background:color-mix(in srgb, #1f9d55 9%, var(--panel));box-shadow:0 0 0 1px #1f9d555c}.pp-brand-dots{display:inline-flex}.pp-brand-dots i{width:14px;height:28px;box-shadow:inset 0 0 0 1px #80808030}.pp-brand-dots i:first-child{border-radius:7px 0 0 7px}.pp-brand-dots i:last-child{border-radius:0 7px 7px 0}.pp-brand-text{flex-direction:column;flex:1;min-width:140px;display:flex}.pp-brand-text strong{font-size:13px}.pp-brand-text small{color:var(--muted);font-size:12px}.pp-switch{flex:none;width:36px;height:20px;display:inline-block;position:relative}.pp-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.pp-switch span{background:var(--faint-2);border-radius:10px;transition:background .12s;position:absolute;inset:0}.pp-switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.pp-switch input:checked+span{background:#1f9d55}.pp-switch input:checked+span:after{transform:translate(16px)}.pp-switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.pp-check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.pp-link{font:600 12px var(--font-ui);color:var(--accent);cursor:pointer;border-radius:6px;padding:4px}.pp-link:focus-visible{outline:2px solid var(--accent)}.pp-side{flex-direction:column;gap:10px;min-width:0;display:flex;position:sticky;top:0}.pp-side-head{justify-content:space-between;align-items:center;display:flex}.pp-stage{background:var(--chip);height:400px;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.pp-frame{flex:none;position:relative;overflow:hidden;box-shadow:0 1px 2px #1111111f,0 10px 28px #1113}.pp-poster{transform-origin:0 0;position:absolute;top:0;left:0;overflow:hidden}.pp-poster>*{margin:0;position:absolute}.pp-text{white-space:pre-wrap;overflow-wrap:anywhere}.pp-cta{white-space:nowrap;justify-content:center;align-items:center;display:flex}.pp-safe{pointer-events:none;outline-offset:-1px;border:0 dashed #ff2b6b;outline:1px dashed #ff2b6b}.pp-meta{color:var(--muted);flex-direction:column;gap:1px;margin:0;font-size:12px;display:flex}.pp-meta strong{color:var(--ink);font-size:13px}.pp-foot{color:var(--muted);margin-right:auto;font-size:12px}@media (width<=860px){.bk-edit,.bk-dialog,.pp{grid-template-columns:minmax(0,1fr);gap:20px}.bk-edit-side,.bk-dialog-side,.pp-side{position:static}.pp-side{order:-1}.pp-stage{height:260px}.bk-ov-grid,.bk-welcome{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.bk-steps,.bk-ov-lockups,.bk-type-main{grid-template-columns:minmax(0,1fr)}.bk-role-row{flex-wrap:wrap}.bk-role-row .bk-role-meta{flex:calc(100% - 52px)}.bk-role-row .bk-hex{margin-left:auto}.bk-scale-row{grid-template-columns:72px minmax(0,1fr)}.bk-logos{grid-template-columns:minmax(0,1fr)}.pp-presets{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.bk-viewseg{width:100%}.pp-groups{overflow-x:auto}.pp-groups button{flex:none}.pp-image{flex-wrap:wrap}}.pp-sep{background:var(--line);width:1px;height:20px;margin:0 2px}.ds-section-head:has(.bk-viewseg){flex-wrap:wrap;gap:12px}