:root{color:#242722;font-synthesis:none;text-rendering:optimizelegibility;--ink:#242722;--muted:#747a73;--muted-strong:#5f665f;--line:#d9ddd7;--line-strong:#c3c9c2;--panel:#fcfdfb;--panel-soft:#f4f6f3;--pasteboard:#e7e9e6;--accent:#08745a;--accent-hover:#09634e;--selection:#276ef1;--danger:#b42318;--warning:#966100;--shadow:0 16px 46px #1f252029;background:#e7e9e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--pasteboard);margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{background:var(--pasteboard);grid-template-rows:54px minmax(0,1fr) auto 28px;width:100%;height:100dvh;display:grid}.topbar{z-index:40;border-bottom:1px solid var(--line);background:#fcfdfbfa;align-items:center;gap:9px;min-width:0;padding:0 11px;display:flex;position:relative;box-shadow:0 1px #fffc}.brand{align-items:center;gap:9px;min-width:142px;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid;box-shadow:inset 0 0 0 1px #ffffff26,0 3px 9px #08745a2b}.brand>div{min-width:0;line-height:1.05;display:grid}.brand strong{letter-spacing:-.015em;font-size:13px;font-weight:760}.brand span:not(.brand-mark){color:var(--muted);margin-top:3px;font-size:9px}.topbar-divider{background:var(--line);flex:none;width:1px;height:25px;margin:0 2px}.project-name-input{width:min(270px,24vw);min-width:130px;height:32px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:620}.project-name-input:hover{border-color:var(--line);background:#fff}.project-name-input:focus{border-color:var(--selection);background:#fff;outline:2px solid #276ef124}.topbar-spacer{flex:auto;min-width:8px}.tool-group{align-items:center;gap:5px;display:inline-flex}.button,.icon-button,.inspector-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:32px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.button{white-space:nowrap;padding:6px 10px;font-size:11px;font-weight:650}.icon-button{width:32px;height:32px;padding:0}.button:hover:not(:disabled),.icon-button:hover:not(:disabled),.inspector-button:hover:not(:disabled){background:var(--panel-soft);border-color:var(--line-strong)}.button.primary,.inspector-button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.primary:hover:not(:disabled),.inspector-button.primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.button.secondary{background:#fff}button:disabled{opacity:.36;cursor:default}.file-menu{position:relative}.file-menu>summary{list-style:none}.file-menu>summary::-webkit-details-marker{display:none}.popover-menu{z-index:60;border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;width:278px;padding:6px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 18px 46px #22282333}.popover-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-height:46px;padding:7px 9px;display:grid}.popover-menu button:hover{background:var(--panel-soft)}.popover-menu button>span{gap:2px;display:grid}.popover-menu strong{font-size:11px}.popover-menu small{color:var(--muted);font-size:9px;line-height:1.35}.menu-separator{background:var(--line);height:1px;margin:5px 4px}.workspace-grid{grid-template-columns:282px minmax(0,1fr) 320px;min-width:0;min-height:0;display:grid}.panel-shell,.right-panel{background:var(--panel);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.layers-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:49px;padding:9px 12px;display:flex}.panel-heading>div{gap:2px;min-width:0;display:grid}.panel-heading strong{letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:780}.panel-heading span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.layer-tree,.inspector-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.layer-tree{padding-bottom:12px}.tree-group{min-width:0}.tree-group+.tree-group{border-top:1px solid #eef0ed}.item-group{border-top:0!important}.tree-row{-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:3px;min-width:0;min-height:39px;padding:4px 6px;display:flex}.tree-row:hover{background:#f4f6f3}.tree-row.selected{box-shadow:inset 2px 0 0 var(--selection);background:#eaf1ff}.layer-row{min-height:43px}.item-row{min-height:38px}.element-row{min-height:33px;padding-left:6px}.icon-button.subtle{background:0 0;border-color:#0000;border-radius:5px;flex:none;width:25px;height:25px}.icon-button.subtle:hover:not(:disabled){border-color:var(--line);background:#fff}.icon-button.danger{color:var(--muted)}.icon-button.danger:hover:not(:disabled){color:var(--danger);background:#fff0ee;border-color:#edc5c0}.object-icon{color:var(--muted-strong);flex:none}.clipping-role-badge{color:#7952a5;letter-spacing:.03em;text-transform:uppercase;background:#f7f1ff;border:1px solid #d9c7ef;border-radius:999px;flex:none;padding:2px 4px;font-size:7px;font-weight:760}.clipping-role-badge.frame{color:#3d659b;background:#eff5ff;border-color:#bfd0ee}.clipping-role-badge.content{color:#5b6f5d;background:#f2f6f2;border-color:#ced7cf}.tree-label{flex:auto;gap:2px;min-width:0;padding:0 4px;display:grid}.tree-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.tree-label span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.tree-actions{opacity:0;flex:none;align-items:center;gap:0;display:flex}.tree-row:hover .tree-actions,.tree-row.selected .tree-actions{opacity:1}.tree-indent{flex:0 0 11px;width:11px}.tree-indent.deep{flex-basis:28px;width:28px}.tree-disclosure-spacer{flex:0 0 25px;width:25px}.element-swatch{border:1px solid #00000024;border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff47}.tree-children{background:#fafbf9;border-top:1px solid #f0f2ef}.element-tree{background:#f7f9f7;border-top:1px solid #eef1ed}.tree-empty{color:var(--muted);margin:0;padding:11px 16px 12px 38px;font-size:9px;line-height:1.45}.empty-state.compact{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:10px;justify-items:center;gap:5px;margin:16px;padding:18px;display:grid}.empty-state.compact strong{color:var(--ink);font-size:11px}.empty-state.compact span{font-size:9px;line-height:1.45}.center-workspace{background:var(--pasteboard);min-width:0;min-height:0;position:relative;overflow:hidden}.studio-canvas{touch-action:none;background:radial-gradient(circle at 1px 1px, #5b635c1c 1px, transparent 0) 0 0 / 18px 18px, var(--pasteboard);position:absolute;inset:0;overflow:hidden}.studio-canvas.tool-hand,.studio-canvas.space-pan{cursor:grab}.studio-canvas.panning{cursor:grabbing}.studio-svg{touch-action:none;width:100%;height:100%;display:block}.studio-svg polygon,.studio-svg image{cursor:default}.tool-transform .studio-svg polygon,.tool-transform .studio-svg image{cursor:move}.tool-vertex .studio-svg polygon{cursor:crosshair}.tool-hand .studio-svg polygon,.tool-hand .studio-svg image,.space-pan .studio-svg polygon,.space-pan .studio-svg image{cursor:grab}.artboard-background{shape-rendering:crispedges}.selection-overlay{pointer-events:none}.selection-outline{stroke:var(--selection);stroke-width:1.5px;stroke-dasharray:none}.clipping-mask-outline{stroke:#8b5fc7;stroke-width:1.6px;stroke-dasharray:6 4}.clipping-mask-outline.active{stroke:var(--selection);stroke-width:2px}.image-frame-outline{stroke:#707a84;stroke-width:1.35px;stroke-dasharray:2 4}.image-content-outline{stroke-width:2px}.image-content-handle{fill:#eef4ff}.transform-handle,.rotate-handle,.node-handle{pointer-events:all;fill:#fff;stroke:var(--selection);stroke-width:1.5px}.transform-handle{cursor:nwse-resize}.rotate-handle{cursor:grab}.rotation-stem{stroke:var(--selection);stroke-width:1.5px}.node-handle{cursor:grab}.node-handle.selected{fill:var(--selection)}.canvas-toolbar{z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfdfbf5;border:1px solid #bec5befa;border-radius:11px;align-items:center;gap:4px;min-height:42px;padding:4px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #262c272b}.canvas-toolbar-group{align-items:center;gap:2px;display:flex}.canvas-toolbar .icon-button{background:0 0;border-color:#0000;width:32px;height:32px}.canvas-toolbar .icon-button:hover{background:var(--panel-soft);border-color:#0000}.canvas-toolbar .tool-button.active{background:var(--accent);color:#fff}.canvas-toolbar-divider{background:var(--line);width:1px;height:25px;margin:0 3px}.zoom-readout{min-width:48px;color:var(--muted-strong);text-align:center;font-variant-numeric:tabular-nums;font-size:9px}.canvas-hint{z-index:8;max-width:calc(100% - 36px);color:var(--muted);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fafbf9d6;border:1px solid #c4c9c3cc;border-radius:7px;padding:5px 9px;font-size:8.5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.inspector-scroll{padding-bottom:18px}.inspector-section{border-bottom:1px solid var(--line);gap:10px;padding:14px 15px 16px;display:grid}.inspector-section h2{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 2px;font-size:9px;font-weight:780}.inspector-field{min-width:0;color:var(--muted-strong);gap:5px;font-size:10px;display:grid}.inspector-field>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-field output{color:var(--muted);font-variant-numeric:tabular-nums}.inspector-field input,.inspector-field select{border:1px solid var(--line);width:100%;min-height:31px;color:var(--ink);background:#fff;border-radius:6px;padding:5px 7px;font-size:10px}.inspector-field input:focus,.inspector-field select:focus{border-color:var(--selection);outline:2px solid #276ef124}.inspector-field input[type=range]{min-height:18px;accent-color:var(--accent);padding:0}.field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.edit-target-switch{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.edit-target-switch button{min-height:28px;color:var(--muted-strong);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 6px;font-size:9px;font-weight:680}.edit-target-switch button:hover:not(:disabled){background:#fff}.edit-target-switch button.active{color:var(--selection);background:#fff;border-color:#bfd0ee;box-shadow:0 1px 3px #276ef11a}.input-with-suffix{position:relative}.input-with-suffix small{color:var(--muted);pointer-events:none;font-size:9px;position:absolute;top:8px;right:8px}.range-field>span{justify-content:space-between;display:flex}.color-field>div{grid-template-columns:34px minmax(0,1fr);gap:7px;display:grid}.color-field input[type=color]{cursor:pointer;height:31px;padding:2px}.toggle-field{min-height:28px;color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.toggle-field input{width:16px;height:16px;accent-color:var(--accent);margin:0}.inspector-button{justify-content:flex-start;width:100%;min-height:32px;padding:6px 9px;font-size:10px;font-weight:620}.inspector-button.active{border-color:var(--selection);color:var(--selection);background:#eef4ff}.inspector-button.attention{box-shadow:0 0 0 3px #08745a1c}.inspector-button.danger{color:var(--danger)}.inspector-button.danger:hover:not(:disabled){background:#fff0ee;border-color:#efc6c0}.seed-row{grid-template-columns:minmax(0,1fr) 32px;align-items:end;gap:7px;display:grid}.seed-row .icon-button{width:32px;height:31px}.metric-row{min-height:24px;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.metric-row strong{color:var(--ink);font-size:10px;font-weight:650}.field-description{color:var(--muted);margin:-2px 0 0;font-size:9px;line-height:1.5}.warning-text{color:var(--warning)}.inspector-note{color:#5f6962;background:#f2f7f4;border:1px solid #dbe5df;border-radius:8px;margin:13px 14px;padding:10px;font-size:9px;line-height:1.5}.inspector-note.compact{margin:0}.selection-breadcrumb{color:var(--muted);flex-wrap:wrap;gap:4px;font-size:9px;display:flex}.vertex-fields{gap:9px;padding-top:4px;display:grid}.panel-empty{color:var(--muted);margin:0;padding:15px;font-size:10px;line-height:1.55}.panel-empty.compact{padding:8px 0}.palette-list,.palette-library-list{gap:9px;display:grid}.palette-card,.library-palette-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;min-width:0;padding:9px;display:grid}.library-palette-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.library-palette-card>div:first-child{gap:6px;min-width:0;display:grid}.library-palette-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.palette-preview{background:#fff;border:1px solid #0000001f;border-radius:5px;width:100%;min-height:18px;display:flex;overflow:hidden}.palette-preview span{flex:1 1 0;min-width:7px;min-height:18px}.palette-colors-editor{gap:7px;display:grid}.palette-color-row{border-top:1px solid #eef0ed;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;min-width:0;padding-top:7px;display:grid}.palette-color-row .color-field>span{font-size:9px}.palette-color-actions,.palette-card-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.palette-color-actions .icon-button,.palette-card-actions .icon-button{border-radius:6px;width:27px;height:27px;min-height:27px}.inspector-button.compact{min-height:28px;font-size:9px}.palette-swatches{gap:5px;min-width:0;display:grid}.palette-swatches>span{color:var(--muted-strong);font-size:9px}.palette-swatches>div{flex-wrap:wrap;gap:5px;display:flex}.palette-swatches button{cursor:pointer;border:1px solid #0000002b;border-radius:6px;width:25px;height:25px;padding:0;box-shadow:inset 0 0 0 1px #ffffff4d}.palette-swatches button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #00000024,inset 0 0 0 1px #ffffff59}.palette-swatches button.selected{outline:2px solid var(--selection);outline-offset:1px}.statusbar{z-index:30;border-top:1px solid var(--line);background:var(--panel);min-width:0;color:var(--muted);align-items:center;gap:17px;padding:0 10px;font-size:9px;display:flex;position:relative}.statusbar span:first-child{color:var(--ink);margin-right:auto}@media (width<=1180px){.workspace-grid{grid-template-columns:245px minmax(0,1fr) 286px}.project-name-input{width:190px}.button{padding-inline:8px}}.empty-layer-action{border:1px dashed var(--line-strong);width:calc(100% - 24px);min-height:31px;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;margin:7px 12px 10px;font-size:9px;display:flex}.empty-layer-action:hover{border-color:var(--accent);color:var(--accent);background:#f1f7f4}.field-description svg{vertical-align:-2px;margin-right:3px}.toggle-field>span{gap:3px;min-width:0;display:grid}.vector-children{background:#f7f9f7;border-top:1px solid #eef1ed}.vector-row{min-height:33px;padding-left:6px}.shape-indent{flex:0 0 28px;width:28px}.tree-chevron-placeholder{flex:0 0 25px;width:25px}.fill-dot{border:1px solid #00000024;border-radius:3px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff47}.new-layer-button{min-width:103px}.tree-drag-handle{color:#a2a8a1;cursor:grab;opacity:.2;border-radius:4px;flex:0 0 18px;place-items:center;width:18px;height:25px;display:grid}.tree-row:hover .tree-drag-handle,.tree-row.selected .tree-drag-handle{opacity:1}.tree-drag-handle:hover{color:var(--muted-strong);background:#fff}.tree-drag-handle:active{cursor:grabbing}.tree-drag-handle.disabled{cursor:default;opacity:.12}.group-row{background:#f4f7f4b3}.group-children{border-left:1px solid #e2e6e1;margin-left:8px}.tree-drop-slot{border-radius:999px;height:6px;margin-right:8px;transition:background 80ms,height 80ms}.tree-drop-slot.active{background:var(--selection);height:9px}.tree-row.drop-inside{box-shadow:inset 0 0 0 1px var(--selection);background:#edf4ff}.inline-add-menu{position:relative}.inline-add-menu>summary{list-style:none}.inline-add-menu>summary::-webkit-details-marker{display:none}.inline-add-menu.disabled>summary{opacity:.3;cursor:default}.inline-add-popover{z-index:80;border:1px solid var(--line-strong);background:var(--panel);border-radius:9px;width:198px;padding:6px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 16px 36px #22282333}.inline-add-popover button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-height:31px;padding:5px 7px;font-size:10px;display:grid}.inline-add-popover button:hover:not(:disabled){background:var(--panel-soft)}.inline-add-popover small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:5px 7px 3px;font-size:8px;font-weight:760;display:block}.empty-layer-action:disabled{opacity:.35;cursor:default}.vector-children{margin-left:8px}.canvas-drop-overlay{z-index:35;border:2px dashed var(--selection);color:var(--selection);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#eaf1ffe0;border-radius:14px;place-content:center;gap:5px;display:grid;position:absolute;inset:18px}.canvas-drop-overlay strong{font-size:15px}.canvas-drop-overlay span{font-size:10px}.inspector-field input:disabled,.inspector-field select:disabled,.toggle-field input:disabled{color:#999f99;cursor:default;background:#f1f3f0}.mobile-panel-tabs{display:none}@media (width<=930px){.app-shell{grid-template-rows:54px minmax(0,1fr) 40px 28px}.workspace-grid{grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.center-workspace{grid-area:1/1}.layers-panel,.right-panel{z-index:45;width:min(330px,100vw - 38px);transition:transform .15s;display:grid;position:absolute;top:0;bottom:0;box-shadow:0 16px 44px #1c211d3d}.layers-panel{border-right:1px solid var(--line-strong);left:0;transform:translate(-105%)}.right-panel{border-left:1px solid var(--line-strong);right:0;transform:translate(105%)}.workspace-grid.mobile-show-layers .layers-panel,.workspace-grid.mobile-show-inspector .right-panel{transform:translate(0)}.mobile-panel-tabs{z-index:50;border-top:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.mobile-panel-tabs button{border:0;border-right:1px solid var(--line);color:var(--muted);background:0 0;font-size:10px;font-weight:650}.mobile-panel-tabs button:last-child{border-right:0}.mobile-panel-tabs button.active{color:var(--accent);background:#eef6f2}.brand span:not(.brand-mark){display:none}.brand{min-width:94px}.project-name-input{width:150px}.statusbar span:nth-last-child(-n+2){display:none}}@media (width<=640px){.app-shell{grid-template-rows:92px minmax(0,1fr) 40px 28px}.topbar{flex-wrap:wrap;align-content:center;gap:5px;padding:5px 6px}.brand{order:1;width:31px;min-width:31px}.brand>div,.topbar-divider,.topbar-spacer{display:none}.project-name-input{flex:100px;order:2;width:auto;min-width:0}.topbar>.tool-group{order:3}.new-layer-button{order:4;min-width:92px}.file-menu{order:5}.canvas-hint{display:none}}@media (width<=390px){.new-layer-button span{display:none}.new-layer-button{width:44px;min-width:44px;padding-inline:0}}.group-selection-outline{stroke-dasharray:7 4}.group-transform-handle{fill:#fff;stroke:var(--selection)}.group-bounds-grid .metric-row{border:1px solid var(--line);background:#fff;border-radius:6px;padding:0 7px}.layers-heading>div:first-child{gap:2px;min-width:0;display:grid}.panel-heading-actions{flex:none;grid-auto-flow:column;align-items:center;gap:4px;display:flex!important}.panel-heading-actions .icon-button{width:28px;height:28px}.add-layer-menu{flex:none;position:relative}.add-layer-menu>summary{list-style:none}.add-layer-menu>summary::-webkit-details-marker{display:none}.add-layer-menu.compact>summary{width:25px;height:25px;min-height:25px}.add-layer-popover{z-index:90;border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;width:226px;max-height:calc(100dvh - 24px);padding:6px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 18px 44px #22282338}.add-layer-menu.open-up>.add-layer-popover{top:auto;bottom:calc(100% + 6px)}.add-layer-popover button{width:100%;min-height:34px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;font-size:10px;display:grid}.add-layer-popover button:hover:not(:disabled){background:var(--panel-soft)}.add-layer-popover button:focus-visible{outline-offset:-2px;outline:2px solid #276ef140}.node-group{border-top:0!important}.node-row{min-height:38px}.node-row[data-node-type=group]{background:#f5f7f4b8;min-height:41px}.node-row[data-node-type=group] .tree-label strong{font-weight:720}.tree-depth{flex:none;min-width:0}.group-children{background:#fafbf9;border-left:1px solid #e2e6e1;margin-left:7px}.node-row[draggable=true]{cursor:grab}.node-row[draggable=true]:active{cursor:grabbing}.node-row.drop-inside{box-shadow:inset 0 0 0 1px var(--selection);background:#edf4ff}.tree-drop-slot{margin-left:10px}.vector-children{border-left:1px solid #e6e9e5;margin-left:7px}.vector-row{padding-right:6px}.generator-choice-button{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.generator-choice-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-soft)}.generator-choice-button>span{gap:2px;min-width:0;display:grid}.generator-choice-button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.generator-choice-button small{color:var(--muted);font-size:8.5px}.inspector-field textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:92px;color:var(--ink);background:#fff;border-radius:6px;padding:7px;font-size:10px;line-height:1.45}.inspector-field textarea:focus{border-color:var(--selection);outline:2px solid #276ef124}.inspector-field textarea:disabled{color:#999f99;background:#f1f3f0}.paint-field{border-top:1px solid #eef0ed;gap:7px;padding:7px 0;display:grid}.paint-field:first-child{border-top:0}.canvas-toolbar{gap:4px;max-width:calc(100% - 28px);padding:4px 5px}.canvas-tool-buttons{align-items:center;gap:2px;min-width:0;display:flex}.canvas-toolbar button{width:32px;height:32px;min-height:32px;color:var(--muted-strong);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 32px;place-items:center;padding:0;display:inline-grid}.canvas-toolbar button:hover{border-color:var(--line);background:var(--panel-soft);color:var(--ink)}.canvas-toolbar button.active{border-color:var(--accent);background:var(--accent);color:#fff}.toolbar-separator{background:var(--line);flex:0 0 1px;width:1px;height:25px;margin:0 2px}.tool-options{z-index:24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:calc(100% - 28px);min-height:38px;color:var(--muted-strong);white-space:nowrap;background:#fcfdfbf7;border:1px solid #bec5befa;border-radius:10px;align-items:center;gap:12px;padding:6px 8px;font-size:9px;display:flex;position:absolute;bottom:66px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #262c2726}.tool-options>small{max-width:250px;color:var(--muted);white-space:normal;font-size:8px;line-height:1.35}.compact-color-control,.compact-range-control,.compact-paint-control{align-items:center;gap:6px;display:flex}.compact-color-control>span,.compact-range-control>span,.compact-paint-control>span{font-weight:650}.compact-color-control input[type=color],.compact-paint-control input[type=color]{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;width:28px;height:25px;padding:2px}.compact-paint-control input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);margin:0}.compact-range-control input[type=range]{width:112px;accent-color:var(--accent)}.compact-range-control output{min-width:31px;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.tool-brush .studio-svg,.tool-pen .studio-svg,.tool-rectangle .studio-svg,.tool-ellipse .studio-svg,.tool-line .studio-svg{cursor:crosshair}.tool-text .studio-svg{cursor:text}.tool-transform .studio-svg [data-node-id]{cursor:move}.tool-vertex .vector-path{cursor:crosshair}.pen-anchor,.pen-start-anchor{fill:#fff;stroke:var(--selection);stroke-width:1.5px}.pen-start-anchor{fill:#eaf1ff}.vector-path{pointer-events:visiblePainted}.path-edit-overlay .selection-outline{stroke-dasharray:4 3}.canvas-drop-message{z-index:35;border:2px dashed var(--selection);color:var(--selection);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#eaf1ffe6;border-radius:14px;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:18px}.canvas-drop-message strong{font-size:14px}.canvas-drop-message span{color:#4c6799;font-size:10px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1e231f70;place-items:start center;padding:42px 20px;display:grid;position:fixed;inset:0;overflow:auto}.generator-picker{background:var(--panel);border:1px solid #b8bfb8f2;border-radius:15px;grid-template-rows:auto auto minmax(0,1fr);width:min(900px,100%);max-height:min(760px,100dvh - 84px);display:grid;overflow:hidden;box-shadow:0 30px 90px #171c1852}.generator-picker-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 16px;display:flex}.generator-picker-header>div{gap:4px;min-width:0;display:grid}.generator-picker-header h1{letter-spacing:-.025em;margin:0;font-size:18px}.eyebrow{color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.generator-search{border:1px solid var(--line);min-height:40px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:8px;margin:12px 16px 0;padding:0 11px;display:flex}.generator-search:focus-within{border-color:var(--selection);outline:2px solid #276ef124}.generator-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.generator-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:11px;min-height:0;padding:14px 16px 18px;display:grid;overflow:auto}.generator-card{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:11px;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;overflow:hidden}.generator-card:hover{border-color:var(--selection);transform:translateY(-1px);box-shadow:0 10px 24px #202a231f}.generator-preview{border-bottom:1px solid var(--line);background:#f5f7f4;width:100%;height:132px;display:block}.generator-card-copy{gap:4px;min-width:0;padding:10px 11px 11px;display:grid}.generator-card-copy strong{font-size:11px}.generator-card-copy>small{color:var(--muted);text-overflow:ellipsis;font-size:9px;line-height:1.4;overflow:hidden}.generator-tags{flex-wrap:wrap;gap:4px;padding-top:3px;display:flex}.generator-tags em{color:#527060;background:#edf3ef;border-radius:999px;padding:2px 5px;font-size:7.5px;font-style:normal}.generator-empty{min-height:190px;color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:5px;display:grid}.generator-empty strong{color:var(--ink);font-size:12px}.generator-empty span{font-size:9px}@media (width<=930px){.workspace-grid.mobile-panel-layers .layers-panel,.workspace-grid.mobile-panel-inspector .right-panel{transform:translate(0)}.workspace-grid.mobile-panel-canvas .layers-panel{transform:translate(-105%)}.workspace-grid.mobile-panel-canvas .right-panel{transform:translate(105%)}.tool-options{justify-content:flex-start;max-width:calc(100% - 18px);bottom:64px;overflow-x:auto}.canvas-toolbar{justify-content:flex-start;overflow-x:auto;transform:translate(-50%)}}@media (width<=640px){.canvas-toolbar{width:auto;max-width:none;left:8px;right:8px;transform:none}.canvas-tool-buttons{overflow-x:auto}.tool-options{width:auto;max-width:none;left:8px;right:8px;transform:none}.compact-range-control input[type=range]{width:84px}.modal-backdrop{place-items:center;padding:10px}.generator-picker{max-height:calc(100dvh - 20px)}.generator-grid{grid-template-columns:1fr}}.add-layer-menu.disabled>summary{opacity:.38;cursor:default;pointer-events:none}.layers-heading{padding-right:12px}.layers-heading .panel-heading-actions{margin-right:0}.application-menu-bar{align-items:center;gap:1px;min-width:0;display:flex}.app-menu{position:relative}.app-menu>summary{min-height:28px;color:var(--muted-strong);cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:620;list-style:none}.app-menu>summary::-webkit-details-marker{display:none}.app-menu[open]>summary,.app-menu>summary:hover{background:var(--panel-soft);color:var(--ink)}.app-menu-popover{z-index:160;border:1px solid var(--line-strong);background:var(--panel);border-radius:10px;width:250px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 44px #1b201c3b}.app-menu-popover button{width:100%;min-height:33px;color:var(--ink);text-align:left;cursor:default;background:0 0;border:0;border-radius:7px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;font-size:10px;display:grid}.app-menu-popover button:hover:not(:disabled){background:var(--panel-soft)}.app-menu-popover button:disabled{color:#a7aca6;opacity:1}.app-menu-popover kbd{color:var(--muted);font:inherit;font-size:9px}.app-menu-icon{width:18px;color:var(--muted-strong);place-items:center;display:grid}.compact-select-control{align-items:center;gap:6px;display:flex}.compact-select-control>span{font-weight:650}.compact-select-control select{border:1px solid var(--line);height:27px;color:var(--ink);background:#fff;border-radius:6px;padding:3px 24px 3px 7px;font-size:9px}@media (width<=1040px){.application-menu-bar{overflow:visible}.app-menu>summary{padding-inline:6px}.project-name-input{max-width:150px}}@media (width<=700px){.application-menu-bar{order:6;justify-content:center;width:100%}.topbar{align-content:center}.app-menu-popover{width:min(280px,100vw - 16px);position:fixed;top:88px;left:8px}}