.agent-badge{border:1px solid var(--line);color:var(--muted);font-size:var(--fs-12);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.agent-badge-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.agent-flash-layer{z-index:3}.agent-toast{z-index:95;border-radius:var(--r-8);background:var(--gray-900);max-width:min(640px,100vw - 32px);color:var(--accent-fg);box-shadow:var(--shadow-pop);align-items:center;gap:10px;padding:8px 10px 8px 14px;display:flex;position:fixed;bottom:68px;left:50%;transform:translate(-50%)}.agent-toast-dot{background:var(--comp);border-radius:50%;flex:none;width:8px;height:8px}.agent-toast .ghost{color:var(--accent-fg);border:1px solid var(--on-dark-line);border-radius:var(--r-6);padding:2px 10px}.home-head .agent-badge{margin:0 12px 0 auto}.leave-backdrop{z-index:80;background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;display:grid;position:fixed;inset:0}.leave-dialog{border-radius:var(--r-12);background:var(--panel);border:1px solid var(--line);width:min(440px,100vw - 32px);box-shadow:var(--shadow-modal);padding:18px 20px 16px}.leave-dialog h2{font-size:var(--fs-15);margin:0 0 10px}.leave-items{gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.leave-item{border-radius:var(--r-8);background:var(--gray-50);padding:7px 10px;line-height:1.5}.leave-item.is-unsaved{background:var(--warn-bg)}.leave-item.is-pending{background:var(--comp-soft)}.leave-actions{justify-content:flex-end;gap:6px;display:flex}.leave-actions button{border:1px solid var(--line);border-radius:var(--r-6);background:var(--panel);padding:5px 12px}.leave-actions button:focus-visible{outline:2px solid var(--sel);outline-offset:1px}.leave-actions .is-save,.leave-actions .is-go{background:var(--sel);border-color:var(--sel);color:var(--accent-fg)}.leave-actions .is-danger{background:var(--danger);border-color:var(--danger);color:var(--accent-fg)}.leave-note{border-radius:var(--r-8);color:var(--danger);background:var(--warn-bg);margin:-8px 0 14px;padding:7px 10px;line-height:1.5}.leave-actions button:disabled{opacity:.7;cursor:progress}:root{--gray-0:#fff;--gray-50:#f7f8fa;--gray-100:#f4f5f7;--gray-150:#eef0f3;--gray-200:#e3e5e8;--gray-300:#d5d8dd;--gray-400:#b8bdc6;--gray-500:#7d8490;--gray-600:#5b6170;--gray-700:#454a55;--gray-900:#1d2026;--surface:var(--gray-0);--canvas:var(--gray-100);--line:var(--gray-200);--text:var(--gray-900);--text-2:var(--gray-600);--text-3:var(--gray-500);--hover:var(--gray-150);--accent:#2f6feb;--accent-hover:#2560d4;--accent-strong:#2560d4;--accent-soft:#e8effd;--accent-fg:#fff;--accent-wash:#2f6feb14;--accent-hatch:#2f6feb40;--accent-glow:#2f6feb47;--comp:#7b61ff;--comp-strong:#6447e8;--comp-soft:#f1eeff;--comp-wash:#7b61ff14;--ai:#0f9b8e;--ai-strong:#0a7268;--ai-soft:#e6f5f3;--ai-fg:#fff;--comment:#db2777;--comment-strong:#be185d;--comment-soft:#fdf2f8;--comment-fg:#fff;--warn:#b45309;--warn-soft:#fff4e5;--warn-line:#f0b45a;--danger:#c62828;--danger-soft:#fdecea;--danger-wash:#c6282829;--success:#15803d;--success-soft:#eef8f2;--guide:#f24822;--draft:var(--gray-500);--scrim:#1d202659;--scrim-strong:#1d202680;--dark-0:#1f2023;--dark-1:#2b2d31;--dark-2:#3a3c41;--dark-3:#45474d;--dark-text:#e8e9ec;--dark-text-2:#9a9ca3;--on-dark-line:#ffffff59;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-15:15px;--fs-22:22px;--fw-regular:400;--fw-medium:500;--fw-bold:600;--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--pad-panel:12px;--h-head:44px;--h-tool:32px;--h-row:28px;--h-field:28px;--h-icon-btn:24px;--w-left:240px;--w-right:280px;--r-2:2px;--r-4:4px;--r-6:6px;--r-8:8px;--r-12:12px;--r-full:999px;--shadow-1:0 1px 2px #1d202614;--shadow-pop:0 4px 16px #1d202629;--shadow-modal:0 12px 40px #1d20263d;--focus:0 0 0 2px var(--accent);--bg:var(--canvas);--panel:var(--surface);--muted:var(--text-2);--sel:var(--accent);--sel-soft:var(--accent-soft);--warn-bg:var(--warn-soft);font-family:Pretendard,Apple SD Gothic Neo,system-ui,sans-serif;font-size:var(--fs-13);color:var(--text);background:var(--surface)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:focus:not(:focus-visible){outline:none}.icon{--icon-size:16;fill:none;stroke:currentColor;stroke-width:calc(1.5px * 24 / var(--icon-size));stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;pointer-events:none;flex:none}.icon[width="12"]{--icon-size:12}.icon[width="14"]{--icon-size:14}.icon[width="18"]{--icon-size:18}.btn{align-items:center;gap:var(--sp-6);height:var(--h-field);padding:0 var(--sp-12);border:1px solid var(--line);border-radius:var(--r-6);background:var(--surface);color:var(--text);font-size:var(--fs-12);display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5}.btn.danger{border-color:var(--danger);background:var(--danger);color:var(--accent-fg);font-weight:var(--fw-bold)}.icon-btn{width:var(--h-icon-btn);height:var(--h-icon-btn);border-radius:var(--r-4);color:var(--text-2);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.icon-btn:disabled{opacity:.4}.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}kbd{min-width:16px;padding:0 var(--sp-4);border-radius:var(--r-4);background:var(--hover);color:var(--text-2);font:inherit;font-size:var(--fs-11);text-align:center;line-height:16px;display:inline-block}.tooltip{z-index:1000;max-width:280px;padding:var(--sp-4) var(--sp-8);border-radius:var(--r-4);background:var(--gray-900);color:var(--gray-0);box-shadow:var(--shadow-pop);font-size:var(--fs-12);pointer-events:none;line-height:1.4;position:fixed}.tooltip kbd{margin-left:var(--sp-6);background:var(--gray-700);color:var(--gray-0)}.ui-menu{z-index:900;min-width:200px;max-width:320px;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-8);background:var(--surface);box-shadow:var(--shadow-pop);display:grid;position:fixed}.ui-menu-item{align-items:center;gap:var(--sp-8);height:var(--h-row);padding:0 var(--sp-8);border-radius:var(--r-4);color:var(--text);font-size:var(--fs-12);text-align:left;white-space:nowrap;background:0 0;border:0;display:flex}.ui-menu-item .icon-gap{flex:none;width:16px}.ui-menu-item .label{flex:1}.ui-menu-item:hover:not([aria-disabled=true]),.ui-menu-item:focus-visible{background:var(--accent-soft);color:var(--accent-strong);outline:none}.ui-menu-item[aria-disabled=true]{color:var(--text-3);cursor:default}.ui-menu-item.is-danger:not([aria-disabled=true]){color:var(--danger)}.ui-menu-sep{width:100%;height:1px;margin:var(--sp-4) 0;background:var(--line);border:0}.ui-scrim{z-index:950;background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0}.ui-dialog{gap:var(--sp-12);width:min(440px,100vw - 32px);padding:var(--sp-24);border-radius:var(--r-12);background:var(--surface);box-shadow:var(--shadow-modal);display:grid}.ui-dialog h2{font-size:var(--fs-15);font-weight:var(--fw-bold);margin:0}.ui-dialog p{color:var(--text-2);margin:0;line-height:1.5}.ui-dialog-actions{justify-content:flex-end;gap:var(--sp-8);display:flex}.muted{color:var(--muted)}.center{place-content:center;justify-items:center;gap:12px;height:100%;display:grid}.open-error p{color:var(--danger)}.home{max-width:760px;margin:0 auto;padding:40px 24px}.home-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.home-head h1{font-size:var(--fs-22);margin:0}.primary{border-radius:var(--r-6);background:var(--sel);color:var(--accent-fg);border:0;padding:8px 14px;font-weight:600}.primary:disabled{opacity:.6}.error{color:var(--danger)}.file-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.file-item{border:1px solid var(--line);border-radius:var(--r-8);background:var(--panel);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.file-item:hover{border-color:var(--sel)}.file-item.is-broken .file-title{color:var(--danger)}.editor{grid-template:44px 1fr/240px 1fr 280px;height:100%;display:grid;overflow:hidden}.editor-behind{display:contents}.toolbar{background:var(--panel);border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 10px;display:grid}.tb-left,.tb-right{align-items:center;gap:8px;min-width:0;display:flex}.tb-right{justify-content:flex-end}.tb-tools{gap:2px;display:flex}.ghost{border-radius:var(--r-6);white-space:nowrap;background:0 0;border:0;padding:4px 8px}.ghost:hover{background:var(--bg)}.tool{border-radius:var(--r-6);width:32px;height:32px;font-size:var(--fs-15);background:0 0;border:0}.tool:hover{background:var(--bg)}.tool[aria-pressed=true]{background:var(--sel);color:var(--accent-fg)}.file-name{border-radius:var(--r-6);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:260px;padding:4px 6px;font-weight:600;overflow:hidden}.file-name:hover{background:var(--bg)}.file-name-input{border:1px solid var(--sel);border-radius:var(--r-6);width:220px;padding:3px 6px;font-weight:600}.save-state{border-radius:var(--r-4);font-size:var(--fs-12);color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:2px 6px}.save-state.is-error,.save-state.is-conflict{color:var(--danger)}.save-state.is-error{cursor:pointer;text-decoration:underline}.zoom{position:relative}.menu{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-8);min-width:180px;box-shadow:var(--shadow-pop);padding:4px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.menu button{border-radius:var(--r-4);text-align:left;background:0 0;border:0;justify-content:space-between;padding:6px 8px;display:flex}.menu button:hover{background:var(--bg)}kbd{color:var(--muted);font-family:inherit}.layers,.inspector{background:var(--panel);min-height:0;overflow:auto}.layers{border-right:1px solid var(--line);padding-bottom:24px}.inspector{border-left:1px solid var(--line)}.panel-title{font-size:var(--fs-11);color:var(--muted);padding:10px 10px 4px;font-weight:600}.empty{color:var(--muted);margin:0;padding:12px}.page-list .panel-title{justify-content:space-between;align-items:center;padding-right:6px;display:flex}.layer-page{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;width:100%;height:26px;padding:0 4px 0 12px;display:flex}.layer-page:hover{background:var(--bg)}.layer-page.is-current{background:var(--sel-soft);font-weight:600}.page-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-page:hover .page-remove{opacity:1}.layer-tree{position:relative}.layer-drop-line{background:var(--sel);pointer-events:none;height:2px;position:absolute;right:4px}.layer-row[data-drop=into]{outline:2px solid var(--sel);outline-offset:-2px}.layer-row{cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;content-visibility:auto;align-items:center;gap:4px;height:28px;padding-right:4px;display:flex}.layer-row:hover{background:var(--bg)}.layer-row.is-sel{background:var(--sel-soft)}.layer-toggle{width:16px;height:16px;font-size:var(--fs-11);color:var(--muted);background:0 0;border:0;flex:none;padding:0}.layer-kind{text-align:center;width:16px;color:var(--muted);font-size:var(--fs-11);flex:none}.layer-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.layer-name-input{border:1px solid var(--sel);border-radius:var(--r-4);flex:1;min-width:0;padding:1px 4px}.layer-btn{width:22px;height:22px;font-size:var(--fs-11);opacity:.35;background:0 0;border:0;flex:none;padding:0}.layer-row:hover .layer-btn,.layer-btn[aria-pressed=true]{opacity:1}.align-bar{border-bottom:1px solid var(--line);align-items:center;gap:2px;padding:8px 10px;display:flex}.align-bar button{border-radius:var(--r-4);width:26px;height:24px;font-size:var(--fs-13);background:0 0;border:1px solid #0000;padding:0}.align-bar button:hover:not(:disabled){border-color:var(--line);background:var(--bg)}.align-bar button:disabled{opacity:.35}.align-gap{flex:1}.export-row{gap:6px;display:flex}.export-hint{font-size:var(--fs-11);white-space:nowrap;align-self:center}.export-row select{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);padding:3px 6px}.export-btn{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);flex:1;padding:4px 8px}.export-btn:hover:not(:disabled){background:var(--bg)}.export-btn:disabled{opacity:.5}.export-what{margin:0 0 6px}.inspector-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:12px;display:flex}.inspector-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section{border-bottom:1px solid var(--line);padding:10px 12px}.section h3{font-size:var(--fs-11);color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 8px;font-weight:600;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:6px 8px;display:grid}.field{grid-template-columns:56px 1fr auto;align-items:center;gap:4px;min-width:0;margin-bottom:6px;display:grid}.grid2 .field{grid-template-columns:36px 1fr auto;margin-bottom:0}.field>span{color:var(--muted);font-size:var(--fs-12)}.field em{color:var(--muted);font-style:normal}.field input,.field select{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);width:100%;min-width:0;padding:3px 6px}.field input:focus,.field select:focus{border-color:var(--sel);outline:none}.field input:disabled{color:var(--muted);background:var(--bg)}.color-field .swatch{border:1px solid var(--line);border-radius:var(--r-4);width:26px;height:24px;padding:0}.color-field .swatch[data-mixed]{background:repeating-linear-gradient(45deg, var(--surface) 0 3px, var(--gray-400) 3px 6px)}.color-field .swatch[data-mixed]::-webkit-color-swatch{opacity:0}.color-field .swatch[data-mixed]::-moz-color-swatch{opacity:0}.chip{border-radius:var(--r-8);background:var(--sel-soft);min-width:0;max-width:100%;color:var(--sel);font-size:var(--fs-12);white-space:nowrap;align-items:center;gap:2px;padding:1px 2px 1px 6px;display:inline-flex}.chip-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.chip button{color:inherit;background:0 0;border:0;flex:none;padding:0 4px}.mini{border-radius:var(--r-4);width:20px;height:20px;font-size:var(--fs-13);background:0 0;border:0;line-height:1}.mini:hover{background:var(--bg)}.seg{gap:2px;display:flex}.seg button{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-4);flex:1;padding:2px 0}.seg button[aria-pressed=true]{border-color:var(--sel);background:var(--sel-soft);color:var(--sel)}.check{color:var(--text);font-weight:400;font-size:var(--fs-12);align-items:center;gap:4px;display:inline-flex}.hint{color:var(--muted);font-size:var(--fs-11);margin:6px 0 0}.canvas-area{min-width:0;min-height:0;display:grid;position:relative}.stage{background:var(--bg);background-image:radial-gradient(var(--gray-300) 1px, transparent 1px);touch-action:none;-webkit-user-select:none;user-select:none;background-size:20px 20px;outline:none;position:relative;overflow:hidden}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.frame-label{font-size:var(--fs-12);color:var(--muted);white-space:nowrap;transform-origin:0 100%;cursor:default;position:absolute}.frame-label:hover{color:var(--sel)}.drag-layer{pointer-events:none;z-index:5;position:absolute;top:0;left:0}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.text-draft{min-width:8px;min-height:1.2em;font-size:var(--fs-15);color:var(--gray-900);white-space:pre;outline:1px solid var(--sel);cursor:text;-webkit-user-select:text;user-select:text;position:absolute}[data-editing="1"]{outline:2px solid var(--sel);cursor:text;-webkit-user-select:text;user-select:text}.conflict{z-index:10;background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--r-8);box-shadow:var(--shadow-pop);white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.conflict-error{color:var(--danger);font-style:normal}.conflict button{border:1px solid var(--line);background:var(--panel);border-radius:var(--r-6);padding:4px 10px}.toast{z-index:80;border-radius:var(--r-8);background:var(--gray-900);color:var(--accent-fg);box-shadow:var(--shadow-pop);padding:8px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.panel-tabs{z-index:2;background:linear-gradient(to right, var(--panel) 40%, transparent) left center / 20px 100% no-repeat local, linear-gradient(to left, var(--panel) 40%, transparent) right center / 20px 100% no-repeat local, linear-gradient(to right, var(--gray-300), transparent) left center / 8px 100% no-repeat scroll, linear-gradient(to left, var(--gray-300), transparent) right center / 8px 100% no-repeat scroll, var(--panel);border-bottom:1px solid var(--line);scrollbar-width:none;gap:0;padding:6px 2px 0;display:flex;position:sticky;top:0;overflow-x:auto}.panel-tabs button{white-space:nowrap;color:var(--muted);font-weight:600;font-size:var(--fs-12);background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;padding:4px 5px 6px}.panel-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--sel)}.frame-label.is-main,.layer-kind.is-comp,.make-component{color:var(--comp)}.component-badge{color:var(--comp);margin:0;font-weight:600}.instance-main{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.instance-actions{flex-wrap:wrap;gap:4px;display:flex}.instance-actions button,.remove-actions button{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);font-size:var(--fs-12);padding:3px 8px}.instance-actions button:hover:not(:disabled),.remove-actions button:hover{background:var(--bg)}.override-list{gap:2px;margin:8px 0 0;padding:0;list-style:none;display:grid}.override-item{font-size:var(--fs-12);grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}.override-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-component{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:30px;padding:0 10px;display:flex}.asset-component:hover{background:var(--bg)}.asset-page{font-size:var(--fs-11);white-space:nowrap}.asset-drag-ghost{z-index:40;border:1.5px dashed var(--comp);background:var(--comp-wash);border-radius:var(--r-4);pointer-events:none;position:fixed}.token-row,.text-style-row{grid-template-columns:minmax(0,1fr) auto auto 20px;align-items:center;gap:6px;min-height:28px;display:grid}.text-style-row{cursor:default;border-radius:var(--r-4);grid-template-columns:28px minmax(0,1fr) auto auto 20px;padding:0 2px}.text-style-row:hover,.text-style-row.is-open{background:var(--bg)}.token-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);overflow:hidden}.token-value-wrap{align-items:center;gap:4px;display:flex}.token-value-wrap .swatch{border:1px solid var(--line);border-radius:var(--r-4);width:22px;height:22px;padding:0}.token-value{border:1px solid var(--line);border-radius:var(--r-4);width:76px;font-size:var(--fs-12);padding:2px 5px}.token-value:focus{border-color:var(--sel);outline:none}.token-uses{min-width:32px;font-size:var(--fs-11);text-align:right;white-space:nowrap}.ts-preview{text-align:center;line-height:1}.ts-meta{font-size:var(--fs-11)}.text-style-edit{padding:8px 0 4px}.remove-dialog{border:1px solid var(--warn-line);border-radius:var(--r-6);background:var(--warn-bg);font-size:var(--fs-12);margin:4px 0 8px;padding:8px}.remove-dialog p{margin:0 0 6px}.remove-actions{gap:6px;display:flex}.remove-actions .danger{color:var(--danger)}.field .num-token{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 1.5 10.5 6 6 10.5 1.5 6Z' fill='none' stroke='%236B7280' stroke-width='1.3'/%3E%3C/svg%3E") center / 12px no-repeat;color:#0000;width:22px;min-width:22px;font-size:var(--fs-11);cursor:pointer;padding:2px 0}.grid2 .field:has(.chip){grid-column:1/-1}.field .num-token option{color:var(--text)}.text-style-row-prop{grid-template-columns:1fr auto auto;align-items:center;gap:4px;margin-bottom:6px;display:grid}.text-style-row-prop .field{margin-bottom:0}.text-style-create-input{border:1px solid var(--sel);border-radius:var(--r-4);width:100%;margin-bottom:6px;padding:3px 6px}.pad-row{grid-template-columns:1fr auto;align-items:center;gap:4px;margin:6px 0;display:grid}.pad-row .field{margin-bottom:0}.pad-label{color:var(--muted);font-size:var(--fs-12)}.mini[aria-pressed=true]{background:var(--sel-soft);color:var(--sel)}.align-grid-row{align-items:center;gap:12px;margin-top:8px;display:flex}.layout-align-grid{border:1px solid var(--line);border-radius:var(--r-4);grid-template-columns:repeat(3,18px);gap:3px;padding:4px;display:grid}.layout-align-cell{border-radius:var(--r-2);background:var(--bg);border:0;width:18px;height:18px;padding:0}.layout-align-cell:after{content:"";background:var(--gray-400);border-radius:50%;width:4px;height:4px;margin:auto;display:block}.layout-align-cell[aria-pressed=true]{background:var(--sel-soft)}.layout-align-cell[aria-pressed=true]:after{border-radius:var(--r-2);background:var(--sel);width:10px;height:10px}.align-checks{gap:4px;display:grid}.ai-layer{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.play-start,.frame-label[data-start=true]{color:var(--sel);font-weight:600}.proto-field{grid-template-columns:56px 1fr auto}.proto-row{flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;display:flex}.proto-note{margin:0 0 8px}.proto-start{margin-top:8px}.export-pdf-what{flex:1;margin:0}.theme-view{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);max-width:140px;font-size:var(--fs-12);padding:2px 4px}.theme-head .field{margin-top:6px}.theme-enable{border:1px dashed var(--comp);border-radius:var(--r-6);background:var(--panel);width:100%;color:var(--comp);padding:6px}.theme-modes{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.theme-mode{border:1px solid var(--line);border-radius:var(--r-8);font-size:var(--fs-12);align-items:center;gap:2px;padding:1px 2px 1px 8px;display:inline-flex}.theme-mode .layer-name-input{width:80px}.token-row:has(.token-modes){grid-template-columns:minmax(0,1fr) auto 20px}.token-modes{grid-area:2/1/auto/-1;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.token-mode-value{flex-direction:column;flex:1 1 0;gap:1px;min-width:112px;display:flex}.token-mode-value .token-value-wrap{min-width:0}.token-mode-value .token-value{flex:1;width:auto;min-width:0}.token-mode-value:before{content:attr(title);color:var(--muted);font-size:var(--fs-11)}.token-alias{border:1px solid var(--line);border-radius:var(--r-4);background:var(--panel);width:22px;font-size:var(--fs-11);padding:0}.token-alias-chip .alias-swatch{border-radius:var(--r-2);border:1px solid var(--line);width:10px;height:10px}.gradient-preview{border:1px solid var(--line);border-radius:var(--r-4);height:18px;margin:4px 0 6px}.gradient-stops{margin:4px 0;padding:0;list-style:none}.gradient-stop{border-top:1px dashed var(--line);padding:4px 0}.stop-color-row{align-items:center;gap:4px;display:flex}.stop-color-row .color-field{flex:1;min-width:0}.stop-add{width:auto;font-size:var(--fs-12);padding:0 6px}.effect-row{border-top:1px dashed var(--line);padding:4px 0}.effect-row-head{align-items:center;gap:4px;display:flex}.effect-row-head .field{flex:1}.slot-list{margin:6px 0;padding:0;list-style:none}.slot-item{min-height:24px;font-size:var(--fs-12);align-items:center;gap:6px;display:flex}.slot-item .slot-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--comp);flex:1;overflow:hidden}.slot-orphans .slot-name{color:var(--danger)}.layer-slot{min-height:22px;color:var(--comp);font-size:var(--fs-12);border-radius:var(--r-4);align-items:center;gap:4px;display:flex}.layer-slot[data-drop=into]{outline:1.5px solid var(--comp);background:var(--comp-wash)}.layer-slot .muted{font-size:var(--fs-11)}.slot-outline{z-index:39;border:1px dashed var(--comp);pointer-events:none;position:absolute}.frame-draft,.layer-draft{border:1px dashed var(--draft);border-radius:var(--r-4);color:var(--draft);font-size:var(--fs-11);margin-left:4px;padding:0 4px;font-weight:600;line-height:15px;display:inline-block}.frame-label[data-draft]{color:var(--draft)}.layer-draft{flex:none;margin:0 2px 0 0}.tab-count{border-radius:var(--r-8);background:var(--comp);min-width:16px;color:var(--accent-fg);font-size:var(--fs-11);text-align:center;margin-left:4px;padding:0 4px;line-height:15px;display:inline-block}.proto-badge-icon{--icon-size:10;color:var(--accent-fg)}.editor{grid-template:var(--h-head) 1fr / var(--w-left) 1fr var(--w-right);position:relative}.editor[data-ui-hidden]{grid-template-columns:0 1fr 0}.editor[data-ui-hidden] .layers,.editor[data-ui-hidden] .inspector{visibility:hidden;border:0}.hover-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.panel-resize{top:var(--h-head);z-index:20;cursor:col-resize;touch-action:none;width:6px;position:absolute;bottom:0}.panel-resize.is-left{left:calc(var(--w-left) - 3px)}.panel-resize.is-right{right:calc(var(--w-right) - 3px)}.panel-resize:hover,.panel-resize:focus-visible{background:var(--accent-soft);outline:none}.toolbar{padding:0 var(--sp-8)}.tb-btn{align-items:center;gap:var(--sp-4);height:var(--h-tool);font-size:var(--fs-13);color:var(--text);display:inline-flex}.tb-btn[aria-pressed=true]{background:var(--ai-soft);color:var(--ai-strong)}.tool{color:var(--text-2);place-items:center;display:inline-grid}.tool:hover{color:var(--text)}.tb-icon{width:var(--h-tool);height:var(--h-tool)}.theme-view-wrap{align-items:center;gap:var(--sp-4);color:var(--text-2);font-size:var(--fs-12);flex:none;display:inline-flex}.theme-view-label{white-space:nowrap;flex:none}@media (width<=1365px){.theme-view-label{display:none}}.theme-view-band{bottom:var(--sp-12);left:var(--sp-12);z-index:9;align-items:center;gap:var(--sp-8);padding:var(--sp-4) var(--sp-8) var(--sp-4) var(--sp-12);border:1px solid var(--line);border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--fs-12);box-shadow:var(--shadow-1);white-space:nowrap;display:flex;position:absolute}.panel-title{padding:var(--sp-8) var(--pad-panel) var(--sp-4);font-size:var(--fs-12);color:var(--text)}.page-list .panel-title{justify-content:flex-start;gap:var(--sp-4);padding-left:var(--sp-4)}.panel-title-text{flex:1}.fold-btn{width:20px}.page-rows{max-height:160px;overflow:auto}.layer-page{height:var(--h-row)}.page-remove{opacity:0}.layer-page:hover .page-remove,.layer-page:focus-within .page-remove,.layer-page.is-current .page-remove{opacity:1}.layer-row[data-hover]{background:var(--hover)}.layer-row.is-sel[data-hover]{background:var(--accent-soft)}.layer-toggle{width:20px;height:var(--h-row);color:var(--text-3);place-items:center;display:inline-grid}.layer-kind{width:16px;color:var(--text-3);place-items:center;display:inline-grid}.layer-kind.is-comp{color:var(--comp)}.layer-btn{width:var(--h-icon-btn);height:var(--h-icon-btn);border-radius:var(--r-4);color:var(--text-2);opacity:0;place-items:center;display:inline-grid}.layer-row:hover .layer-btn,.layer-row:focus-within .layer-btn,.layer-row[data-hover] .layer-btn,.layer-btn.is-on{opacity:1}.layer-btn:hover{background:var(--gray-200);color:var(--text)}.layer-name{flex:0 auto;margin-right:auto}.layer-inner-row .layer-name{color:var(--text-3)}.layer-row.is-dim .layer-name,.layer-row.is-dim .layer-kind{opacity:1}.layer-row.is-hidden .layer-name{color:var(--text-3);font-style:italic}.layer-row.is-locked .layer-name{color:var(--text-2)}.layer-inner-row.is-more{color:var(--text-3);font-size:var(--fs-11)}.inner-dot{width:6px;height:6px;margin-right:var(--sp-6);border-radius:var(--r-full);background:var(--comp);flex:none}.layer-slot{align-items:center;gap:var(--sp-4);display:flex}.assets-hint{padding:var(--sp-4) var(--pad-panel) var(--sp-8);color:var(--text-2);font-size:var(--fs-12);margin:0}.asset-page{font-size:var(--fs-11)}.frame-label{align-items:center;gap:var(--sp-4);display:inline-flex}.frame-label[data-active]{color:var(--accent-strong)}.frame-label.is-main[data-active]{color:var(--comp-strong)}.sel-size text,.snap-gap-mark text{font-family:inherit;font-weight:var(--fw-medium)}.frame-draft,.layer-draft{border-color:var(--draft);color:var(--text-2);font-weight:var(--fw-medium)}.start-cards{z-index:8;justify-items:center;gap:var(--sp-12);pointer-events:none;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.start-title{color:var(--text-2);font-size:var(--fs-13);margin:0}.start-row{gap:var(--sp-12);display:flex}.start-card{align-content:start;justify-items:start;gap:var(--sp-4);width:180px;padding:var(--sp-16);border:1px solid var(--line);border-radius:var(--r-8);background:var(--surface);box-shadow:var(--shadow-1);color:var(--text);text-align:left;pointer-events:auto;display:grid}.start-card:hover{border-color:var(--accent);box-shadow:var(--shadow-pop)}.start-card .icon{color:var(--accent)}.start-card[data-kind=ai] .icon,.start-card[data-kind=image] .icon{color:var(--ai)}.start-card strong{font-size:var(--fs-13)}.start-card span{color:var(--text-2);font-size:var(--fs-12);word-break:keep-all}.toast{align-items:center;gap:var(--sp-12);border-radius:var(--r-8);background:var(--gray-900);max-width:min(640px,100vw - 48px);color:var(--gray-0);box-shadow:var(--shadow-pop);display:flex}.toast-undo{border-radius:var(--r-4);color:var(--accent-soft);font-weight:var(--fw-bold);padding:var(--sp-2) var(--sp-6);background:0 0;border:0;flex:none}.toast-undo:hover{background:var(--gray-700)}.inspector-head{justify-content:flex-start;align-items:center;gap:var(--sp-6);padding:var(--sp-12) var(--pad-panel)}.inspector-kind{color:var(--text-2);place-items:center;display:inline-grid}.inspector-kind.is-comp{color:var(--comp)}.inspector-title{min-width:0;font-size:var(--fs-13);font-weight:var(--fw-bold)}.inspector-type{color:var(--text-2);font-size:var(--fs-11);flex:none}.inspector-head .make-component{color:var(--comp);margin-left:auto}.section{min-height:32px;padding:var(--sp-8) var(--pad-panel)}.section h3{min-height:16px;font-size:var(--fs-12);font-weight:var(--fw-bold);color:var(--text)}.grid2{gap:var(--sp-6) var(--sp-8)}.field{grid-template-columns:64px 1fr auto}.grid2 .field{grid-template-columns:44px 1fr auto}.grid2 .field.has-short{grid-template-columns:1fr auto}.field>span{font-size:var(--fs-12);color:var(--text-2)}.field-box{min-width:0;height:var(--h-field);border:1px solid var(--line);border-radius:var(--r-4);background:var(--surface);align-items:center;display:flex}.field-box:focus-within{border-color:var(--accent)}.field .field-box input{border-radius:var(--r-4);height:100%;padding:0 var(--sp-6);background:0 0;border:0;flex:1}.field .field-box input:disabled{background:var(--gray-50)}.field-pre,.field-short{min-width:22px;padding-left:var(--sp-6);color:var(--text-3);font-size:var(--fs-11);flex:none}.field-box em{padding-right:var(--sp-6);color:var(--text-3);font-size:var(--fs-11);flex:none}.field.has-short .chip{min-width:0}.icon-select{width:var(--h-icon-btn);height:var(--h-field);border-radius:var(--r-4);color:var(--text-3);flex:none;place-items:center;display:inline-grid;position:relative}.icon-select:hover{background:var(--hover);color:var(--text)}.icon-select.is-on{background:var(--accent-soft);color:var(--accent-strong)}.icon-select:has(>select:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.icon-select>select,.field .icon-select>select.num-token{opacity:0;cursor:pointer;border:0;width:100%;min-width:0;height:100%;padding:0;position:absolute;inset:0}.color-field{grid-template-columns:64px 26px 1fr auto}.color-field:has(.chip){grid-template-columns:64px 26px 1fr auto}.stop-color-row .color-field,.effect-row .color-field{grid-template-columns:40px 26px minmax(0,1fr) auto}.blur-row{margin-top:var(--sp-6)}.component-badge{align-items:center;gap:var(--sp-4);display:flex}.slot-name,.export-btn{align-items:center;gap:var(--sp-4);display:inline-flex}.versions-save{height:var(--h-icon-btn);padding:0 var(--sp-8)}.frame-preset-group{gap:var(--sp-4);margin-bottom:var(--sp-8);display:grid}.frame-preset-label{color:var(--text-2);font-size:var(--fs-11)}.frame-preset-row{gap:var(--sp-4);flex-wrap:wrap;display:flex}.frame-preset{height:var(--h-icon-btn);padding:0 var(--sp-8);border:1px solid var(--line);border-radius:var(--r-4);background:var(--surface);font-size:var(--fs-12)}.frame-preset:hover{border-color:var(--accent)}.frame-preset.is-last{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.tokens-help{padding:var(--sp-8) var(--pad-panel) 0;color:var(--text-2);font-size:var(--fs-12);margin:0;line-height:1.5}.proto-show-all{padding:var(--sp-8) var(--pad-panel) 0}.proto-empty{margin:var(--sp-8) var(--pad-panel) 0}.shortcuts-dialog{width:min(760px,100vw - 32px);max-height:calc(100vh - 64px);overflow:auto}.shortcuts-head{justify-content:space-between;align-items:center;display:flex}.shortcuts-groups{columns:2 300px;column-gap:var(--sp-24)}.shortcuts-group{break-inside:avoid;margin-bottom:var(--sp-16)}.shortcuts-group h3{margin:0 0 var(--sp-4);color:var(--text-2);font-size:var(--fs-12);font-weight:var(--fw-bold)}.shortcuts-group dl{margin:0}.shortcuts-row{justify-content:space-between;align-items:center;gap:var(--sp-8);padding:var(--sp-2) 0;font-size:var(--fs-12);display:flex}.shortcuts-row dd{margin:0}.tab-ai-icon{margin-right:var(--sp-2);color:var(--ai)}.inspector .ai-engine-note{align-items:center;gap:var(--sp-4);color:var(--text-2);background:0 0;border:0;padding:0;display:flex}.inspector .ai-head-buttons{align-items:center;gap:var(--sp-2);display:inline-flex}.inspector .ai-box{align-items:center;gap:var(--sp-2);color:var(--text-2);display:inline-flex}.inspector .ai-box-n{min-width:16px;padding:0 var(--sp-4);border-radius:var(--r-full);background:var(--ai-strong);color:var(--ai-fg);font-size:var(--fs-11);text-align:center;line-height:16px}.inspector .ai-rejected{align-items:center;gap:var(--sp-4);color:var(--text-2);text-decoration:none;display:inline-flex}.inspector .ai-rejected:hover{color:var(--text);text-decoration:underline}.inspector .ai-sel-chip{align-items:center;gap:var(--sp-4);display:inline-flex}.inspector .ai-sel-chip.is-sel{background:var(--ai-soft);color:var(--ai-strong)}.inspector .ai-scope-clear{width:16px;height:16px;color:inherit}.inspector .ai-scope-use{color:var(--ai-strong);font-size:var(--fs-11);background:0 0;border:0;padding:0;text-decoration:underline}.inspector .ai-scope-ask{gap:var(--sp-6);padding:var(--sp-8);border:1px solid var(--ai);border-radius:var(--r-6);background:var(--ai-soft);font-size:var(--fs-12);display:grid}.inspector .ai-scope-ask-row{gap:var(--sp-6);flex-wrap:wrap;display:flex}.inspector .ai-scope-ask-row button{height:var(--h-icon-btn);padding:0 var(--sp-8);border:1px solid var(--line);border-radius:var(--r-4);background:var(--surface);font-size:var(--fs-12)}.inspector .ai-scope-ask-row .ai-scope-ask-new{border-color:var(--ai-strong);background:var(--ai-strong);color:var(--ai-fg)}.inspector .ai-send{border-radius:var(--r-full);background:var(--ai-strong);width:32px;height:32px;color:var(--ai-fg);border:0;place-items:center;padding:0;display:inline-grid}.inspector .ai-send:disabled{background:var(--gray-300);color:var(--surface)}.inspector .ai-demos-toggle{align-items:center;gap:var(--sp-4);color:var(--text-2);font-size:var(--fs-12);background:0 0;border:0;justify-self:start;padding:0;display:inline-flex}.inspector .ai-demo[aria-disabled=true]{color:var(--text-3)}.inspector .ai-empty{gap:var(--sp-8);padding:var(--sp-16) 0;display:grid}.inspector .ai-empty-title{font-size:var(--fs-15);font-weight:var(--fw-bold);margin:0}.inspector .ai-examples{gap:var(--sp-6);flex-wrap:wrap;display:flex}.inspector .ai-example{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);padding:var(--sp-4) var(--sp-12);font-size:var(--fs-12)}.inspector .ai-example:hover{border-color:var(--ai)}.inspector .ai-cand-changes{padding-left:var(--sp-16);font-size:var(--fs-12);margin:0;line-height:1.5}.inspector .ai-cand-stats{font-size:var(--fs-11);color:var(--text-2)}.inspector .ai-cand-siblings{align-items:center;gap:var(--sp-4);color:var(--text-2);font-size:var(--fs-11);flex-basis:100%;margin:0;display:flex}.inspector .ai-cand.is-draft,.inspector .ai-cand-fold.is-draft{border-left-style:dashed;border-left-color:var(--draft)}.inspector .box-head .box-discard-all{color:var(--danger);margin-left:auto}.inspector .box-past-wrap{margin-top:var(--sp-8);border-top:1px solid var(--line);padding-top:var(--sp-8)}.inspector .box-past-toggle{align-items:center;gap:var(--sp-4);color:var(--text-2);font-size:var(--fs-12);background:0 0;border:0;padding:0;display:inline-flex}.inspector .box-past{gap:var(--sp-8);margin-top:var(--sp-8);display:grid}.inspector .box-item.is-reverted,.inspector .box-item.is-discarded{border-style:dashed}.open-error h1{font-size:var(--fs-22);margin:0}.open-error p{max-width:420px;color:var(--text-2);text-align:center;margin:0}.open-error-icon{width:32px;height:32px;color:var(--warn)}.open-error-back{align-items:center;gap:var(--sp-6);height:40px;padding:0 var(--sp-24);font-size:var(--fs-15);display:inline-flex}:is(.token-row,.token-row:has(.token-modes)){grid-template-columns:minmax(0, 1fr) auto var(--h-icon-btn);row-gap:var(--sp-4);padding:var(--sp-4) 0}.token-row>.token-value-wrap,.token-row>.token-modes{grid-area:2/1/auto/-1}.token-row>.token-value-wrap .token-value{flex:1;width:auto;min-width:0}.token-name{font-weight:var(--fw-medium)}.token-value-wrap .icon-select>select.token-alias{border:0;width:100%}.home{max-width:1040px}.home .primary{align-items:center;gap:var(--sp-4);display:inline-flex}.file-list{gap:var(--sp-12);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.file-card{border:1px solid var(--line);border-radius:var(--r-8);background:var(--surface);grid-template-rows:96px auto;display:grid;position:relative;overflow:hidden}.file-card:hover{border-color:var(--accent);box-shadow:var(--shadow-1)}.file-thumb{background:var(--canvas);color:var(--text-3);place-items:center;display:grid}.file-card .file-item{justify-content:stretch;gap:var(--sp-2);padding:var(--sp-12) 40px var(--sp-12) var(--sp-12);border:0;border-radius:0;display:grid}.file-card .file-item:before{content:"";position:absolute;inset:0}.file-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-card .muted{font-size:var(--fs-12)}.file-more{right:var(--sp-8);bottom:var(--sp-12);z-index:1;position:absolute}.file-rename-input{margin:var(--sp-8);height:var(--h-field);padding:0 var(--sp-6);border:1px solid var(--accent);border-radius:var(--r-4)}.comments-pins{justify-content:center;align-items:center;gap:var(--sp-2);width:auto;min-width:var(--h-tool);padding:0 var(--sp-4);color:var(--text-2);display:inline-flex;position:relative}.comments-pins[aria-pressed=true]{color:var(--comment-strong)}.pins-n{min-width:16px;padding:0 var(--sp-4);border-radius:var(--r-full);background:var(--comment);color:var(--comment-fg);font-size:var(--fs-11);text-align:center;line-height:16px}.comments-pins[aria-pressed=false] .pins-n{background:var(--text-3)}.tab-count.is-comment{background:var(--comment);color:var(--comment-fg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout-dir{border-radius:var(--r-6);background:var(--gray-100);border:0;gap:2px;min-width:0;margin:0;padding:2px;display:flex}.layout-dir-btn{height:calc(var(--h-field) - 4px);border-radius:var(--r-4);color:var(--text-2);background:0 0;border:0;flex:1;justify-content:center;align-items:center;display:inline-flex}.layout-dir-btn[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.ai-msg-comment,.ai-cand-comment,.box-comment{align-items:center;gap:var(--sp-4);border-radius:var(--r-4);padding:0 var(--sp-4);background:var(--comment-soft);color:var(--comment-strong);font-size:var(--fs-11);font-weight:var(--fw-medium);cursor:pointer;border:0;display:inline-flex}.ai-cand-title{display:block}.ai-msg-comment,.ai-cand-comment{margin-bottom:var(--sp-4)}.ai-cand-head .ai-cand-kind{font-size:var(--fs-11);font-weight:var(--fw-regular);color:var(--text-3)}