:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#2a2a2a;--panel-deep:#232323;--raised:#373737;--raised-hover:#3f3f3f;--row-hover:#333;--row-selected:#3d3d3d;--tool-active:#444;--border:#363636;--border-strong:#3e3e3e;--text:#e8e8e8;--text-muted:#a3a3a3;--text-faint:#7a7a7a;--accent:#0d99ff;--accent-soft:#0d99ff2e;--component:#9747ff;--danger:#f24822;--titlebar-h:38px;--sidebar-w:220px;--toolbar-w:36px;--inspector-w:248px;--row-h:24px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,SF Pro Text,Inter,sans-serif;font-size:12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--panel);-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;cursor:default;background:0 0;border:0;padding:0}button:disabled{opacity:.4}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}body.scrubbing,body.scrubbing *{cursor:ew-resize!important}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.small{font-size:11px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.text-glyph{letter-spacing:-.02em;font-weight:500;line-height:1}.boot{background:var(--panel);height:100%}.empty-hint{color:var(--text-faint);padding:10px 14px;line-height:1.5}h2{align-items:center;gap:8px;margin:0 0 12px;font-size:15px;font-weight:600;display:flex}h3{margin:16px 0 8px;font-size:12px;font-weight:600}.app{grid-template-rows:var(--titlebar-h) minmax(0, 1fr);height:100%;display:grid}.editor{grid-template-columns:var(--sidebar-w) var(--toolbar-w) minmax(0, 1fr) var(--inspector-w);min-height:0;display:grid}.editor.sidebar-closed{grid-template-columns:var(--toolbar-w) minmax(0, 1fr) var(--inspector-w)}.editor-error{height:100%;color:var(--text-muted);place-content:center;justify-items:center;gap:12px;display:grid}.icon-btn{width:22px;height:22px;color:var(--text-muted);border-radius:5px;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled),.icon-btn.is-on{background:var(--raised);color:var(--text)}.icon-btn.tiny{border-radius:4px;width:18px;height:18px}.btn{background:var(--raised);height:24px;color:var(--text);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.btn:hover:not(:disabled){background:var(--raised-hover)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#0b87e0}.btn.block{width:100%}.btn.small{height:22px;padding:0 8px;font-size:11px}.btn-ghost{color:var(--text-muted);border-radius:5px;height:22px;padding:0 6px}.btn-ghost:hover{color:var(--text);background:var(--row-hover)}.btn-ghost.small{align-self:flex-start;height:18px;padding:0 4px;font-size:11px}.field{background:var(--raised);min-width:0;height:24px;color:var(--text);border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:0 6px;display:flex}input.field,select.field,textarea.field{outline:none}.field:focus-within,input.field:focus,textarea.field:focus,select.field:focus{border-color:var(--accent)}.field.disabled{opacity:.5}.field input,.field select{background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0}.field select{appearance:none;cursor:default}.field.select{padding-right:18px;position:relative}.field.select:after{content:"";border:3px solid #0000;border-top-color:var(--text-muted);position:absolute;top:9px;right:7px}.field-label{color:var(--text-faint);flex-shrink:0;align-items:center;min-width:10px;display:inline-flex}.field-label.scrub{cursor:ew-resize}.field-suffix{color:var(--text-muted);flex-shrink:0}.field.narrow{flex:none;width:64px}.field-label-row{color:var(--text-faint);margin-bottom:-4px;font-size:11px}.font-button{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;overflow:hidden}.segmented{background:#363636;border-radius:6px;padding:1px;display:flex}.segmented button{height:20px;color:var(--text-muted);border-radius:5px;flex:1;place-items:center;display:grid}.segmented button:hover{color:var(--text)}.segmented button.is-active{color:var(--text);background:#474747;box-shadow:0 .5px 1px #0000004d}.segmented.compact button{height:22px}.checkbox{color:var(--text-muted);align-items:center;gap:6px;display:flex}.checkbox input{accent-color:var(--accent);margin:0}.swatch{background-image:none;border-radius:3px;flex-shrink:0;width:14px;height:14px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.swatch.big{border-radius:4px;width:20px;height:20px}.swatch.is-active{outline:2px solid var(--text);outline-offset:1px}.swatch.none{background:linear-gradient(135deg, transparent 45%, var(--danger) 45%, var(--danger) 55%, transparent 55%), #fff}.popover{z-index:50;border:1px solid var(--border-strong);background:#1f1f1f;border-radius:8px;flex-direction:column;gap:8px;max-height:80vh;padding:8px;display:flex;position:fixed;overflow:auto;box-shadow:0 12px 32px #00000073}.titlebar{-webkit-app-region:drag;border-bottom:1px solid #3a3a3a;align-items:center;gap:2px;min-width:0;padding:0 8px 0 14px;display:flex}.titlebar.is-desktop{padding-left:84px}.titlebar button,.titlebar .tab{-webkit-app-region:no-drag}.traffic-lights{gap:8px;margin-right:18px;display:flex}.traffic-lights span{border-radius:50%;width:12px;height:12px}.tabs-scroll{gap:2px;min-width:0;display:flex;overflow:hidden}.tab{height:26px;color:var(--text-muted);border-radius:6px;flex-shrink:0;align-items:center;gap:6px;max-width:220px;padding:0 8px;display:flex}.tab:hover{color:var(--text)}.tab.is-active{background:var(--raised);color:var(--text)}.tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-close{width:16px;height:16px;color:var(--text-muted);border-radius:4px;flex-shrink:0;place-items:center;display:grid}.tab-close:hover{background:var(--raised-hover);color:var(--text)}.tab-divider{background:var(--border);width:1px;height:14px;margin:0 6px}.sidebar{border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:36px;padding:0 7px 0 8px;display:flex}.logo-btn{border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.logo-btn:hover{background:var(--raised)}.logo{color:var(--text);flex-shrink:0}.file-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;font-weight:500;overflow:hidden}.sidebar>.segmented{margin:9px 10px 6px}.sidebar-scroll{flex:1;padding-bottom:8px;overflow:auto}.section-header{justify-content:space-between;align-items:center;gap:6px;height:28px;padding:0 7px 0 4px;display:flex}.section-toggle{color:var(--text);align-items:center;gap:4px;font-weight:500;display:inline-flex}.section-toggle svg{color:var(--text-muted)}.section-title{padding-left:6px;font-weight:500}.divider{background:var(--border);height:1px;margin:5px 0}.row{height:var(--row-h);white-space:nowrap;align-items:center;gap:6px;padding:0 8px 0 12px;display:flex;position:relative}.row-icon{width:16px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.row-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row-meta{color:var(--text-faint);font-size:11px}.page-row.is-selected{background:var(--row-selected)}.page-row:not(.is-selected):hover{background:var(--row-hover)}.row-hover-action{display:none}.page-row:hover .row-hover-action{display:grid}.layer-row{gap:4px;padding-right:6px}.layer-row.is-hovered,.layer-row:hover{background:var(--row-hover)}.layer-row.is-selected{background:var(--row-selected)}.layer-row.is-component .row-icon,.layer-row.is-component .row-label{color:#c7a0ff}.layer-row.is-hidden .row-label,.layer-row.is-hidden .row-icon{opacity:.45}.layer-row.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.layer-row.drop-inside{box-shadow:inset 0 0 0 2px var(--accent)}.chevron{width:12px;height:16px;color:var(--text-muted);flex-shrink:0;place-items:center;display:grid}.row-actions{gap:1px;display:none}.row-actions.is-pinned,.layer-row:hover .row-actions{display:flex}.row-actions .icon-btn{color:var(--text)}.agent-dot{background:#ff7a45;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse;box-shadow:0 0 0 3px #ff7a4540}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff7a450d}}.ellipse-glyph{border:1.25px solid;border-radius:50%;width:11px;height:11px}.rename-input{border:1px solid var(--accent);background:#1f1f1f;border-radius:3px;outline:none;flex:1;min-width:0;height:20px;padding:0 4px}.layer-search{color:var(--text-muted);flex:1;align-items:center;gap:6px;padding-left:6px;display:flex}.layer-search input{background:0 0;border:0;outline:none;flex:1;min-width:0}.sidebar-footer{color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0;gap:6px;padding:10px 13px;display:flex}.sidebar-footer button:hover{color:var(--text)}.mode-row{flex-wrap:wrap;gap:4px;padding:2px 10px 6px;display:flex}.mode-chip{background:var(--raised);height:22px;color:var(--text-muted);border-radius:11px;padding:0 9px}.mode-chip.is-active{background:var(--accent);color:#fff}.token-edit-row{grid-template-columns:1fr 1fr 18px;align-items:center;gap:4px;padding:2px 8px 2px 10px;display:grid}.token-edit-row .color-field .hex{width:100%}.comment-item{text-align:left;border-bottom:1px solid var(--border);flex-direction:column;gap:3px;width:100%;padding:8px 12px;display:flex}.comment-item:hover{background:var(--row-hover)}.comment-item.is-resolved{opacity:.55}.toolbar{border-right:1px solid var(--border-strong);flex-direction:column;align-items:center;gap:3px;min-height:0;padding-top:6px;display:flex;overflow-y:auto}.tool{color:#d4d4d4;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.tool:hover:not(:disabled){background:var(--row-hover)}.tool.is-active{background:var(--tool-active);color:#fff}.tool-sep{background:var(--border-strong);flex-shrink:0;width:14px;height:1px;margin:5px 0}.menu-list{flex-direction:column;display:flex}.menu-label{color:var(--text-faint);padding:2px 8px;font-size:11px}.menu-empty{color:var(--text-faint);padding:6px 8px;line-height:1.4}.shader-menu{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.shader-tile{color:var(--text-muted);border-radius:6px;flex-direction:column;align-items:stretch;gap:4px;padding:4px;font-size:11px;display:flex}.shader-tile:hover{background:var(--row-hover);color:var(--text)}.shader-thumb{border-radius:4px;height:48px}.canvas-area{border-right:1px solid #393939;min-width:0;min-height:0;position:relative}.canvas{touch-action:none;outline:none;position:absolute;inset:0;overflow:hidden}.world{transform-origin:0 0;color:#000;-webkit-font-smoothing:auto;-webkit-user-select:none;user-select:none;font-family:initial;font-size:16px;line-height:normal;position:absolute;top:0;left:0}.world [data-editing]{-webkit-user-select:text;user-select:text}.pixel-grid{pointer-events:none;background-image:linear-gradient(90deg,#00000024 1px,#0000 1px),linear-gradient(#00000024 1px,#0000 1px);position:absolute;inset:0}.loading-overlay{color:var(--text-muted);pointer-events:none;background:#2a2a2a66;place-items:center;display:grid;position:absolute;inset:0}.overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.canvas-ui{pointer-events:auto}.frame-label{pointer-events:auto;color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;cursor:default;font-size:11px;line-height:16px;position:absolute;overflow:hidden}.frame-label.is-selected{color:var(--accent)}.frame-label.is-component{color:var(--component)}.label-glyph{font-size:9px}.hover-box,.selection-box,.sel-outline{box-shadow:0 0 0 1px var(--accent);position:absolute}.hover-box{box-shadow:0 0 0 1.5px var(--accent)}.hover-box.is-component,.selection-box.is-component{--accent:var(--component)}.sel-outline{box-shadow:0 0 0 1px #0d99ff99}.drop-box{box-shadow:0 0 0 2px var(--accent);background:#0d99ff0f;position:absolute}.selection-box.is-editing{box-shadow:0 0 0 1px #0d99ff80}.handle{border:1px solid var(--accent);pointer-events:auto;z-index:2;background:#fff;border-radius:1px;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.handle-nw{cursor:nwse-resize;top:0;left:0}.handle-ne{cursor:nesw-resize;top:0;left:100%}.handle-se{cursor:nwse-resize;top:100%;left:100%}.handle-sw{cursor:nesw-resize;top:100%;left:0}.edge{pointer-events:auto;position:absolute}.edge-n{cursor:ns-resize;height:8px;top:-4px;left:4px;right:4px}.edge-s{cursor:ns-resize;height:8px;bottom:-4px;left:4px;right:4px}.edge-e{cursor:ew-resize;width:8px;top:4px;bottom:4px;right:-4px}.edge-w{cursor:ew-resize;width:8px;top:4px;bottom:4px;left:-4px}.size-badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:10.5px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.guide{pointer-events:none;background:#f24822;position:absolute}.insert-line{background:var(--accent);border-radius:1px;position:absolute}.marquee{border:1px solid var(--accent);background:#0d99ff14;position:absolute}.measure-line{background:#f24822;position:absolute}.measure-label{color:#fff;background:#f24822;border-radius:3px;padding:1px 4px;font-size:10.5px;position:absolute;transform:translate(-50%,-50%)}.pen-preview{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.peer-box{box-shadow:0 0 0 1.5px var(--peer);position:absolute}.peer-box.is-agent{box-shadow:0 0 0 2px var(--peer);background:#ff7a450d;animation:1.6s ease-in-out infinite agent}@keyframes agent{50%{background:#ff7a451f}}.peer-tag{background:var(--peer);color:#fff;white-space:nowrap;border-radius:3px 3px 3px 0;margin-bottom:2px;padding:1px 5px;font-size:10.5px;position:absolute;bottom:100%;left:-1.5px}.peer-cursor{pointer-events:none;transition:transform 80ms linear;position:absolute;top:0;left:0}.peer-cursor span{background:var(--peer);color:#fff;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:11px;position:absolute;top:16px;left:12px}.toast{border:1px solid var(--border-strong);z-index:20;pointer-events:none;background:#1f1f1f;border-radius:7px;padding:7px 12px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.toast.is-error{border-color:var(--danger)}.comment-pin{color:#1f1f1f;background:#fff;border:2px solid #fff;border-radius:13px 13px 13px 2px;place-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:grid;position:absolute;transform:translateY(-100%);box-shadow:0 2px 8px #0000004d}.comment-pin.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.comment-pin.is-resolved{opacity:.5}.comment-popover{border:1px solid var(--border-strong);width:280px;color:var(--text);cursor:default;z-index:5;background:#1f1f1f;border-radius:8px;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;box-shadow:0 12px 32px #00000073}.comment-popover textarea{background:var(--raised);resize:vertical;border:1px solid #0000;border-radius:6px;outline:none;min-height:56px;padding:6px 8px}.comment-popover textarea:focus{border-color:var(--accent)}.comment-head{align-items:center;gap:2px;padding-left:4px;font-weight:500;display:flex}.comment-list{flex-direction:column;gap:10px;max-height:260px;display:flex;overflow:auto}.comment-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.comment-meta b{color:var(--text);font-weight:500}.comment-avatar{background:var(--raised-hover);width:18px;height:18px;color:var(--text);border-radius:50%;place-items:center;font-size:9px;display:grid}.comment-body{white-space:pre-wrap;-webkit-user-select:text;user-select:text;padding-left:24px;line-height:1.45}.comment-item .comment-body{padding-left:0}.comment-actions{justify-content:flex-end;gap:6px;display:flex}.mcp-popover{background:var(--panel);z-index:10;border:1px solid #414141;border-radius:8px;width:232px;position:absolute;top:8px;right:8px;overflow:hidden;box-shadow:0 10px 30px #00000059}.mcp-hero{background:repeating-linear-gradient(90deg,#0000 0 22px,#ffffff0f 22px 23px),repeating-linear-gradient(0deg,#0000 0 22px,#ffffff0d 22px 23px),linear-gradient(#30343a,#394048);border-bottom:1px solid #3a3f46;place-items:center;height:104px;display:grid;overflow:hidden}.mcp-tiles{align-items:center;gap:7px;display:flex}.mcp-tile{border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 6px #0000004d}.mcp-tile.small{width:40px;height:40px}.mcp-tile.big{border-radius:14px;width:56px;height:56px}.mcp-tile.dark{color:#b9b6ad;background:#17150f;border:1px solid #45423a}.mcp-tile.light{color:#1a1a1a;background:#fbfbf9}.mcp-tile.orange{color:#fff;background:#e96e4f}.mcp-body{padding:10px}.mcp-body h3{margin:0 0 4px;font-size:12.5px;font-weight:500}.mcp-body p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:15px}.mcp-actions{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.mcp-actions .btn{border-radius:6px;height:26px;padding:0 18px}.inspector{flex-direction:column;min-width:0;min-height:0;display:flex}.inspector-scroll{flex:1;overflow:hidden auto}.inspector-header{border-bottom:1px solid #323232;flex-shrink:0;align-items:center;gap:6px;height:41px;padding:0 10px;display:flex}.avatars{align-items:center;display:flex}.avatars .avatar+.avatar{margin-left:-5px}.avatar{color:#fff;border:2px solid var(--panel);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:9.5px;font-weight:600;display:grid}.avatar.is-following{outline:2px solid var(--accent)}.avatar.is-agent{font-size:11px}.avatar.more{background:var(--raised)}.status-dot{background:#ffa629;border-radius:50%;width:8px;height:8px;margin-left:6px}.status-dot.offline{background:var(--danger)}.zoom-menu{position:relative}.zoom-btn{height:24px;color:var(--text-muted);border-radius:5px;align-items:center;gap:3px;padding:0 6px;display:flex}.zoom-btn:hover{background:var(--raised);color:var(--text)}.menu{z-index:40;border:1px solid var(--border-strong);background:#1f1f1f;border-radius:8px;min-width:190px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 30px #0006}.menu-item{text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;width:100%;height:26px;padding:0 8px;display:flex}.menu-item>span{align-items:center;gap:8px;display:inline-flex}.menu-item:hover,.menu-item.is-active{background:var(--accent);color:#fff}.menu-item.danger:hover{background:var(--danger)}.menu-item kbd{font:inherit;color:var(--text-faint)}.menu-item:hover kbd,.menu-item.is-active kbd{color:#fffc}.menu-sep{background:var(--border-strong);height:1px;margin:4px 0}.context-menu{right:auto}.panel-inline{flex-direction:column;gap:6px;padding:10px 10px 4px;display:flex}.sel-summary{font-weight:600}.panel-section{border-bottom:1px solid #383838;flex-direction:column;gap:8px;padding:12px 10px 14px;display:flex}.panel-title{align-items:center;gap:6px;min-height:18px;font-weight:500;display:flex}.panel-title>span{align-items:center;gap:4px;display:inline-flex}.panel-hint{color:var(--text-faint);font-size:11px;font-weight:400}.field-row{align-items:center;gap:4px;display:flex}.field-row>.field{flex:1}.grid-2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.grid-4 .field{gap:3px;padding:0 4px}.align-row{justify-content:space-between;padding:8px 8px 0;display:flex}.color-field{gap:6px;padding-left:4px}.color-field .swatch{width:16px;height:16px}.color-field .hex{flex:1;min-width:0}.color-field .alpha{text-align:right;color:var(--text-muted);flex:none!important;width:38px!important}.token-chip{color:#d7bcff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#9747ff33;border-radius:4px;flex:1;padding:1px 6px;overflow:hidden}details.more summary{color:var(--text-faint);cursor:default;font-size:11px;list-style:none}details.more summary:before{content:"▸ "}details.more[open] summary:before{content:"▾ "}details.more[open] summary{margin-bottom:6px}.layout-grid{grid-template-columns:64px 1fr;gap:8px;display:grid}.layout-fields{flex-direction:column;gap:6px;display:flex}.align-matrix{background:var(--raised);border-radius:5px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);height:64px;padding:4px;display:grid}.align-matrix button{border-radius:3px;place-items:center;display:grid}.align-matrix button span{background:#666;border-radius:1px;width:4px;height:4px}.align-matrix button:hover span{background:var(--text-muted)}.align-matrix button.is-active span{background:var(--accent);width:10px;height:4px}.padding-row{flex-direction:column;gap:4px;display:flex}.text-options{align-items:center;gap:4px;display:flex}.text-options .segmented{flex:1}.stop-row{align-items:center;gap:4px;display:flex}.stop-row>.field:first-child{flex:1}.gradient-preview,.image-fill-preview{background-color:#333;background-position:50%;background-size:cover;border-radius:6px;height:72px}.gradient-preview{height:16px}.shadow-block{border-bottom:1px dashed var(--border);flex-direction:column;gap:6px;padding-bottom:6px;display:flex}.css-list{flex-direction:column;gap:4px;display:flex}.css-row{grid-template-columns:96px 1fr;align-items:center;gap:4px;display:grid}.css-row>.mono{text-overflow:ellipsis;overflow:hidden}input.field.mono{background:var(--raised);border-radius:5px;height:24px;padding:0 6px}.code-view{white-space:pre;-webkit-user-select:text;user-select:text;color:#cfd6de;background:#1c1c1c;border-radius:6px;max-height:320px;margin:0;padding:8px;font:10.5px/1.5 ui-monospace,SF Mono,Menlo,monospace;overflow:auto}.code-edit{border:1px solid var(--border-strong);min-height:140px;color:var(--text);resize:vertical;background:#1c1c1c;border-radius:6px;padding:6px;font:10.5px/1.5 ui-monospace,Menlo,monospace}.shader-params{flex-direction:column;gap:6px;display:flex}.color-picker{flex-direction:column;gap:8px;display:flex}.sv{cursor:crosshair;border-radius:6px;height:150px;position:relative;overflow:hidden}.sv-white{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.sv-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #0000004d}.picker-row{align-items:center;gap:6px;display:flex}.picker-row .field:first-child{flex:1}.sliders{flex-direction:column;flex:1;gap:6px;display:flex}.hue,.alpha-track{cursor:pointer;border-radius:5px;height:10px;position:relative}.hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-track{background:repeating-conic-gradient(#666 0 25%, #999 0 50%) 0 0/8px 8px}.alpha-fill{border-radius:5px;position:absolute;inset:0}.slider-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 0 0 1px #0000004d}.swatch-row{flex-wrap:wrap;gap:5px;display:flex}.token-list{flex-direction:column;max-height:260px;display:flex;overflow:auto}.token-row{border-radius:4px;align-items:center;gap:8px;height:26px;padding:0 6px;display:flex}.token-row:hover,.token-row.is-active{background:var(--row-hover)}.font-list{flex-direction:column;max-height:340px;display:flex;overflow:auto}.font-row{text-align:left;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;height:28px;padding:0 6px;font-size:13px;display:flex}.font-row:hover,.font-row.is-active{background:var(--row-hover)}.field.search{height:28px}.modal-backdrop{z-index:100;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);-webkit-user-select:text;user-select:text;background:#262626;border-radius:12px;flex-direction:column;gap:10px;width:min(520px,100vw - 32px);max-height:calc(100vh - 64px);padding:20px;display:flex;position:relative;overflow:auto;box-shadow:0 24px 64px #00000080}.modal p{margin:0;line-height:1.5}.modal-close{position:absolute;top:12px;right:12px}.modal-shortcuts{width:min(760px,100vw - 32px)}.invite-row{gap:6px;display:flex}.invite-row .field:first-child{flex:1}.form-error{color:#ff8a70;background:#f248221f;border-radius:6px;padding:6px 8px}.member-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.member{align-items:center;gap:10px;display:flex}.member .avatar{border:0;width:28px;height:28px;font-size:12px}.link-row{background:var(--raised);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.step{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:10px 0;display:flex}.token-box,.code-copy{background:#1c1c1c;border-radius:6px;align-items:flex-start;gap:6px;padding:8px;display:flex}.token-box{align-items:center}.token-box code{word-break:break-all;-webkit-user-select:all;user-select:all;font-size:11px}.code-copy pre{white-space:pre-wrap;word-break:break-all;flex:1;margin:0;font:10.5px/1.5 ui-monospace,Menlo,monospace}.version-list{flex-direction:column;gap:4px;max-height:50vh;display:flex;overflow:auto}.version{border-radius:6px;align-items:center;gap:6px;padding:8px;display:flex}.version:hover{background:var(--row-hover)}.shortcut-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.shortcut{color:var(--text-muted);justify-content:space-between;gap:8px;padding:3px 0;display:flex}.shortcut kbd{font:inherit;color:var(--text);white-space:nowrap}textarea.prompt{resize:vertical;height:auto;min-height:110px;padding:8px}.palette-backdrop{place-items:start center;padding-top:12vh}.palette{border:1px solid var(--border-strong);background:#1f1f1f;border-radius:10px;width:min(560px,100vw - 32px);overflow:hidden;box-shadow:0 24px 64px #00000080}.palette input{border:0;border-bottom:1px solid var(--border);background:0 0;outline:none;width:100%;height:44px;padding:0 14px;font-size:14px}.palette-list{max-height:50vh;padding:4px;overflow:auto}.auth{background:radial-gradient(circle at 30% 20%, #34373d, var(--panel) 60%);place-items:center;height:100%;display:grid}.auth-card{border:1px solid var(--border-strong);background:#262626;border-radius:14px;flex-direction:column;gap:12px;width:340px;padding:28px;display:flex;box-shadow:0 24px 64px #0006}.auth-card h1{margin:4px 0 6px;font-size:17px;font-weight:600}.auth-card label{color:var(--text-muted);flex-direction:column;gap:5px;display:flex}.auth-card .field,.auth-card .btn{height:32px;font-size:13px}.dashboard{grid-template-columns:220px 1fr;min-height:0;display:grid}.dash-side{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.dash-brand{align-items:center;gap:8px;padding:4px 8px 14px;font-size:13px;font-weight:600;display:flex}.dash-nav{height:28px;color:var(--text-muted);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.dash-nav:hover{background:var(--row-hover);color:var(--text)}.dash-nav.is-active{background:var(--row-selected);color:var(--text)}.profile-card{text-align:left;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:8px;display:flex}.profile-card:hover{background:var(--row-hover)}.profile-card>span.grow{flex-direction:column;display:flex;overflow:hidden}.profile-card b{font-weight:500}.profile-card .avatar{border:0;width:28px;height:28px;font-size:12px}.profile-card.editing{background:var(--row-hover);flex-direction:column;align-items:stretch}.color-choices{flex-wrap:wrap;gap:5px;display:flex}.dash-main{padding:20px 28px 40px;overflow:auto}.dash-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.dash-search{background:var(--raised);max-width:420px;height:32px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.dash-search input{background:0 0;border:0;outline:none;flex:1;font-size:13px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.file-card{text-align:left;cursor:default;border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:visible}.file-thumb{aspect-ratio:16/10;border:1px solid var(--border-strong);color:var(--text-muted);background:#3a3a3a 50%/cover no-repeat;border-radius:10px;place-items:center;transition:border-color .1s;display:grid}.file-card:hover .file-thumb{border-color:var(--accent)}.file-card.new .file-thumb{background:#2f2f2f;border-style:dashed}.file-meta{flex-direction:column;gap:2px;padding:8px 2px;display:flex}.file-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.file-menu-btn{opacity:0;background:#1e1e1ecc;position:absolute;top:6px;right:6px}.file-card:hover .file-menu-btn{opacity:1}.file-menu{top:32px;right:6px}@media (width<=720px){.dashboard{grid-template-columns:1fr}.dash-side{display:none}.dash-main{padding:16px}}.menu-list .menu-item{justify-content:flex-start;gap:8px}.token-edit-row{grid-template-columns:minmax(0,1fr) 96px 18px}.token-edit-row .alpha{display:none}.peer-tag{border-radius:3px 3px 0;left:auto;right:-1.5px}.label-input{width:140px;height:16px;color:var(--text);border:1px solid var(--accent);background:#1f1f1f;border-radius:3px;outline:none;padding:0 3px;font-size:11px}.present{z-index:200;background:#111;flex-direction:column;display:flex;position:fixed;inset:0}.present-stage{flex:1;place-items:center;display:grid;overflow:hidden}.present-frame{transform-origin:50%;color:#000;-webkit-font-smoothing:auto;font-family:initial;font-size:16px;line-height:normal;position:relative}.present-frame>[data-node]{position:relative!important;top:0!important;left:0!important}.present-bar{height:44px;color:var(--text-muted);opacity:.3;justify-content:center;align-items:center;gap:10px;transition:opacity .2s;display:flex}.present:hover .present-bar{opacity:1}.gen-state.is-processing{animation:1.4s linear infinite gen-shimmer;background-image:linear-gradient(110deg,#e9e9ee 25%,#f7f7fa 45%,#e9e9ee 65%)!important;background-size:300% 100%!important}.gen-state.is-error{background-image:repeating-linear-gradient(45deg,#f6d9d3 0 8px,#f9e8e4 8px 16px)!important}@keyframes gen-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.google-btn{color:#1f1f1f;background:#fff;gap:10px;font-weight:500;height:34px!important}.google-btn:hover:not(:disabled){background:#f1f1f1}.auth-divider{color:var(--text-faint);align-items:center;gap:10px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-strong);flex:1;height:1px}.figma-connection{flex-direction:column;gap:8px;display:flex}.figma-connection.is-connected{background:var(--raised);border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.modal-mcp{width:min(820px,100vw - 32px);padding:0;overflow:hidden}.modal-mcp .modal-close{top:18px;right:18px}.agent-dialog h2{border-bottom:1px solid var(--border);margin:0;padding:20px 24px;font-size:16px;font-weight:500}.agent-body{grid-template-columns:200px 1fr;min-height:440px;max-height:calc(100vh - 140px);display:grid}.agent-list{border-right:1px solid var(--border);flex-direction:column;gap:2px;padding:8px;display:flex;overflow:auto}.agent-item{height:34px;color:var(--text-muted);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13px;display:flex}.agent-item:hover{background:var(--row-hover);color:var(--text)}.agent-item.is-active{background:var(--raised);color:var(--text)}.agent-steps{flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex;overflow:auto}.agent-step{grid-template-columns:24px 1fr;gap:12px;display:grid}.agent-num{background:var(--raised);width:22px;height:22px;color:var(--text);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.agent-step-body{flex-direction:column;gap:8px;min-width:0;display:flex}.agent-step-body>b{font-size:13px;font-weight:500;line-height:22px}.agent-action{background:var(--raised);border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:12px;display:flex}.agent-action .btn{white-space:nowrap;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.agent-manual{border:1px solid var(--border);border-radius:9px}.agent-manual-toggle{width:100%;color:var(--text-muted);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex}.agent-manual-toggle:hover{color:var(--text)}.agent-manual-body{flex-direction:column;gap:8px;padding:0 14px 12px;display:flex}.agent-note{line-height:1.5}.agent-mono{color:var(--text);word-break:break-all;background:#1c1c1c;border-radius:4px;padding:1px 4px;font-size:11px}.agent-prompts{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.agent-prompt{border:1px solid var(--border);color:var(--text);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;display:inline-flex}.agent-prompt:hover{background:var(--row-hover)}.agent-access{flex-direction:column;gap:4px;margin-top:6px;display:flex}.agent-access h3{color:var(--text-muted);margin:4px 0;font-size:12px;font-weight:500}@media (width<=640px){.agent-body{grid-template-columns:1fr}.agent-list{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.agent-item{white-space:nowrap}}.agent-num.is-done{color:#fff;background:#3b82f6}.agent-add{border:1px solid var(--border);background:var(--panel,#2c2c2c);white-space:nowrap;height:32px;color:var(--text);align-items:center;gap:8px;padding:0 14px;text-decoration:none;display:inline-flex}.agent-action.is-command{flex-direction:column;align-items:stretch;gap:8px}.agent-manual.is-open .agent-manual-toggle svg{transform:rotate(45deg)}.agent-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.agent-footer a{font-size:13px;text-decoration:none}.agent-footer a:hover{color:var(--text)}.agent-done{color:#1a1a1a;background:#ededed;height:32px;padding:0 22px;font-weight:500}.agent-done:hover:not(:disabled){background:#fff}.agent-step-body>b{font-size:14px}.agent-prompt{padding:8px 14px;font-size:12.5px}.link-btn{color:var(--accent,#0d99ff);font:inherit;cursor:pointer;padding:0;text-decoration:underline}.font-more{padding:8px 10px}