.cloud-sync-status{z-index:30;padding:var(--ip-space-6) var(--ip-space-10);border-radius:var(--ip-radius-full);background:var(--ip-color-surface);color:#68717e;pointer-events:none;border:1px solid #e5e8ed;font:12px/1.4 Inter,sans-serif;position:fixed;top:16px;right:16px}.cloud-sync-alert{z-index:1000;max-width:360px;padding:var(--ip-space-12);border-radius:var(--ip-radius-12);background:var(--ip-color-surface);color:#9e3535;border:1px solid #e8c7c7;position:fixed;top:16px;right:16px;box-shadow:0 4px 20px #0002}.cloud-sync-alert button{margin-left:var(--ip-space-8);color:#2459ce;cursor:pointer;background:0 0;border:0}:root{--ip-palette-ink:#11192d;--ip-palette-white:#fff;--ip-palette-blue:#0080ff;--ip-palette-success:#00bf20;--ip-palette-error:#ff1a1a;--ip-palette-gray-50:#f7f8fa;--ip-palette-gray-100:#f2f3f5;--ip-palette-gray-200:#e7e9ee;--ip-palette-gray-300:#d9dfe7;--ip-palette-gray-400:#838894;--ip-palette-gray-500:#7b808b;--ip-palette-gray-600:#626b7b;--ip-palette-gray-700:#4d596b;--ip-palette-gray-800:#354665;--ip-palette-legacy-canvas:#08090a;--ip-palette-legacy-panel:#1f1f1f;--ip-palette-legacy-elevated:#272727;--ip-palette-legacy-text:#f5f5f5;--ip-palette-legacy-muted:#9a9a9a;--ip-palette-legacy-accent:#38d5c2;--ip-palette-legacy-accent-subtle:#172f2c;--ip-palette-ink-04:#11192d0a;--ip-palette-ink-08:#11192d14;--ip-palette-ink-10:#11192d1a;--ip-palette-ink-12:#11192d1f;--ip-palette-ink-18:#11192d2e;--ip-palette-ink-20:#11192d33;--ip-palette-ink-24:#11192d3d;--ip-palette-ink-30:#11192d4d;--ip-palette-ink-32:#11192d52;--ip-palette-ink-48:#11192d7a;--ip-color-text-primary:var(--ip-palette-ink);--ip-color-text-secondary:var(--ip-palette-ink-48);--ip-color-text-disabled:var(--ip-palette-ink-24);--ip-color-text-inverse:var(--ip-palette-white);--ip-color-surface:var(--ip-palette-white);--ip-color-surface-canvas:var(--ip-palette-gray-50);--ip-color-surface-subtle:var(--ip-palette-ink-04);--ip-color-surface-hover:var(--ip-palette-gray-100);--ip-color-border:var(--ip-palette-ink-08);--ip-color-border-strong:var(--ip-palette-ink-24);--ip-color-accent:var(--ip-palette-blue);--ip-color-action-primary:var(--ip-palette-ink);--ip-color-feedback-success:var(--ip-palette-success);--ip-color-feedback-success-surface:#00bf2014;--ip-color-feedback-error:var(--ip-palette-error);--ip-font-family-ui:"Inter Variable", Inter, "PingFang SC", sans-serif;--ip-font-family-root:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ip-font-family-marketing:"Landing Inter", Arial, sans-serif;--ip-font-family-agent:"AgentThinkingInter", "Inter", sans-serif;--ip-font-family-composer:"ChatComposerInter", "Inter", sans-serif;--ip-font-family-workspace:"IconWorkspaceInter", "Inter", sans-serif;--ip-font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ip-font-size-10:10px;--ip-font-size-11:11px;--ip-font-size-12:12px;--ip-font-size-13:13px;--ip-font-size-14:14px;--ip-font-size-15:15px;--ip-font-size-16:16px;--ip-font-size-18:18px;--ip-font-size-20:20px;--ip-font-size-22:22px;--ip-font-size-24:24px;--ip-font-size-28:28px;--ip-font-size-32:32px;--ip-font-size-48:48px;--ip-font-size-64:64px;--ip-line-height-12:12px;--ip-line-height-14:14px;--ip-line-height-16:16px;--ip-line-height-18:18px;--ip-line-height-20:20px;--ip-line-height-22:22px;--ip-line-height-24:24px;--ip-line-height-28:28px;--ip-line-height-30:30px;--ip-line-height-32:32px;--ip-line-height-36:36px;--ip-line-height-40:40px;--ip-line-height-48:48px;--ip-line-height-64:64px;--ip-font-weight-regular:400;--ip-font-weight-medium:500;--ip-font-weight-semibold:600;--ip-font-weight-bold:700;--ip-space-2:2px;--ip-space-4:4px;--ip-space-6:6px;--ip-space-8:8px;--ip-space-10:10px;--ip-space-12:12px;--ip-space-14:14px;--ip-space-16:16px;--ip-space-20:20px;--ip-space-24:24px;--ip-space-28:28px;--ip-space-32:32px;--ip-space-40:40px;--ip-space-48:48px;--ip-space-64:64px;--ip-space-72:72px;--ip-space-80:80px;--ip-space-96:96px;--ip-space-120:120px;--ip-radius-2:2px;--ip-radius-4:4px;--ip-radius-6:6px;--ip-radius-8:8px;--ip-radius-10:10px;--ip-radius-12:12px;--ip-radius-16:16px;--ip-radius-20:20px;--ip-radius-24:24px;--ip-radius-full:999px;--ip-radius-circle:50%;--ip-text-caption:var(--ip-font-weight-regular) var(--ip-font-size-12)/var(--ip-line-height-18) var(--ip-font-family-ui);--ip-text-body:var(--ip-font-weight-regular) var(--ip-font-size-14)/var(--ip-line-height-22) var(--ip-font-family-ui);--ip-text-body-large:var(--ip-font-weight-regular) var(--ip-font-size-16)/var(--ip-line-height-24) var(--ip-font-family-ui);--ip-text-label:var(--ip-font-weight-medium) var(--ip-font-size-14)/var(--ip-line-height-22) var(--ip-font-family-ui);--ip-text-title:var(--ip-font-weight-medium) var(--ip-font-size-20)/var(--ip-line-height-28) var(--ip-font-family-ui);--ip-text-heading:var(--ip-font-weight-medium) var(--ip-font-size-32)/var(--ip-line-height-40) var(--ip-font-family-ui);--ip-text-display:var(--ip-font-weight-medium) var(--ip-font-size-64)/var(--ip-line-height-64) var(--ip-font-family-ui)}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.icon-create-app{--canvas:var(--ip-palette-legacy-text);--panel:var(--ip-color-surface);--panel-elevated:var(--ip-color-surface-canvas);--border:var(--ip-palette-ink-10);--muted:var(--ip-palette-gray-500);--teal:var(--ip-color-accent);--teal-dark:#eaf3ff;--conversation-width:450px;color:var(--ip-color-text-primary);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}.icon-create-app .openpencil-canvas-bridge:before{background-image:var(--icon-create-light-canvas-dots);background-size:var(--icon-create-light-canvas-dot-size)}.conversation-sidebar{z-index:14;width:var(--conversation-width);border-right:1px solid var(--border);background:var(--ip-color-surface);flex-direction:column;min-width:0;max-width:100%;min-height:0;display:flex;position:absolute;inset:0 auto 0 0}.conversation-header{align-items:center;gap:var(--ip-space-12);min-height:72px;padding:var(--ip-space-20) var(--ip-space-24);flex:none;display:flex}.conversation-header h1{font-size:var(--ip-font-size-16);line-height:var(--ip-line-height-24);font-weight:var(--ip-font-weight-semibold);margin:0}.conversation-header time{color:#9296a0;font-size:var(--ip-font-size-12)}.conversation-messages{min-width:0;min-height:0;padding:var(--ip-space-12) var(--ip-space-24) var(--ip-space-24);scrollbar-width:thin;scrollbar-color:#e0e2e6 transparent;overscroll-behavior:contain;flex:1;overflow:hidden auto}.conversation-empty{padding:88px 0 var(--ip-space-24)}.conversation-brand{color:#ff5000;font-size:var(--ip-font-size-13);font-weight:var(--ip-font-weight-semibold);letter-spacing:.04em}.conversation-empty h2{margin:var(--ip-space-14) 0 var(--ip-space-10);font-size:var(--ip-font-size-24);font-weight:var(--ip-font-weight-semibold);letter-spacing:-.6px}.conversation-empty p{color:#888d98;font-size:var(--ip-font-size-13);line-height:var(--ip-line-height-24);margin:0}.conversation-exchange+.conversation-exchange{margin-top:36px}.conversation-result{align-items:center;gap:var(--ip-space-8);margin-top:var(--ip-space-24);color:var(--ip-palette-gray-500);font-size:var(--ip-font-size-13);line-height:var(--ip-line-height-24);display:flex}.conversation-result.is-failed{color:#b45309}.icon-create-app .prompt-dock{width:auto;padding:var(--ip-space-16);flex:none;position:relative;inset:auto;transform:none}.icon-create-app .prompt-target-chip>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.icon-create-app .prompt-reference-image{background:var(--ip-color-surface-canvas);color:#606876}.icon-create-app .prompt-reference-image button{color:#6b7280}.icon-create-app .icon-spec-glyph{opacity:.55;filter:brightness(0)}.icon-create-app .prompt-actions-right{gap:var(--ip-space-6);width:auto}.icon-create-app .prompt-actions-right button{color:#828895}.icon-create-app .prompt-edit-trigger img{filter:brightness(0);opacity:.5}.icon-create-app .prompt-actions-right button:hover:not(:disabled),.icon-create-app .prompt-actions-right button.is-active{color:var(--ip-color-text-primary);background:#f0f2f5}.workspace-top-actions{z-index:15;position:absolute;top:24px;right:84px}.icon-create-app .workspace-top-actions .workspace-tool-button{border-radius:var(--ip-radius-circle);width:48px;height:48px}.workspace-tool-button{width:40px;height:40px;padding:var(--ip-space-4);border:1px solid var(--border);border-radius:var(--ip-radius-circle);background:var(--ip-color-surface);color:#697180;cursor:pointer;flex:none;place-items:center;display:grid}.workspace-tool-button:hover{color:var(--ip-color-text-primary);background:#fafbfc}.workspace-tool-button[aria-expanded=true]{color:var(--ip-color-accent);border-color:#c1dfff}.workspace-tool-button:disabled{opacity:.4;cursor:wait}.workspace-bottom-tools{z-index:12;align-items:center;gap:var(--ip-space-12);display:flex;position:absolute;bottom:24px;right:24px}.icon-create-app .zoom-control{gap:var(--ip-space-4);border:1px solid var(--border);background:var(--ip-color-surface);height:40px;padding:3px;display:flex;position:static}.icon-create-app .zoom-control button,.icon-create-app .zoom-value-editor,.icon-create-app .zoom-value-editor input,.icon-create-app .zoom-value-editor span{color:#697180}.icon-create-app .zoom-control button img{filter:brightness(0);opacity:.55}.icon-create-app .zoom-control .zoom-step-button:hover{color:var(--ip-color-text-primary);background:#f2f4f7}.icon-create-app .zoom-control .zoom-value-trigger{min-width:44px}.workspace-style-popover{z-index:18;width:288px;padding-top:var(--ip-space-12);border:1px solid var(--border);border-radius:var(--ip-radius-20);background:var(--ip-color-surface);position:absolute;top:84px;right:24px;box-shadow:0 8px 32px #11192d12}.workspace-style-popover[hidden]{display:none}.workspace-style-popover>header{padding:0 var(--ip-space-16);color:var(--ip-color-text-primary);font-size:var(--ip-font-size-13);justify-content:space-between;align-items:center;display:flex}.workspace-style-popover>header button{padding:var(--ip-space-4);border-radius:var(--ip-radius-circle);background:var(--ip-color-surface-canvas);color:#697180;cursor:pointer;place-items:center;display:grid}.workspace-export-popover{width:288px;position:absolute;bottom:56px;right:0}.icon-create-app .context-panel{gap:0;max-height:calc(100dvh - 168px);font-family:inherit;position:fixed;right:auto;overflow:visible}.icon-create-app .context-panel>.context-card{min-width:var(--inspector-content-width,288px)}.icon-create-app .context-card{gap:var(--ip-space-16);padding:var(--ip-space-16);border:1px solid var(--border);border-radius:var(--ip-radius-20);background:var(--ip-color-surface);color:var(--ip-color-text-primary);box-shadow:0 4px 16px #11192d09}.icon-create-app .global-style-card{height:auto;box-shadow:none;border:0}.icon-create-app .frame-export-card,.icon-create-app .selection-inspector-card,.icon-create-app .node-position-card,.icon-create-app .node-corner-radius-card{height:auto}.icon-create-app .context-stack>span,.icon-create-app .property-control-title{color:#858a95}.icon-create-app .floating-number-field,.icon-create-app .property-number-field,.icon-create-app .export-select-field{color:#9196a0;background:var(--ip-color-surface-canvas)}.icon-create-app .floating-number-field input,.icon-create-app .export-select-field select{color:var(--ip-color-text-primary)}.icon-create-app .number-field-icon img,.icon-create-app .alignment-glyph img{filter:brightness(0);opacity:.5}.icon-create-app .alignment-segment button{color:#6b7280;background:0 0}.icon-create-app .alignment-segment button:hover{background:var(--ip-color-surface-canvas)}.icon-create-app .export-select-chevron{border-color:#858a95}.icon-create-app .export-frame-button{background:var(--ip-color-action-primary);color:var(--ip-color-text-inverse)}.icon-create-app .export-shortcut-key{background:var(--ip-color-surface-canvas);color:#697180}.icon-create-app .node-corner-radius-card{gap:var(--ip-space-12);box-shadow:0 4px 6px var(--ip-color-surface-subtle)}.icon-create-app .node-corner-radius-card .context-stack>span{color:var(--ip-color-text-secondary)}.node-corner-level-segments{border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);grid-auto-columns:1fr;grid-auto-flow:column;width:max-content;height:36px;display:grid}.node-corner-level-segments>button{min-width:max-content;height:36px;padding:var(--ip-space-4) var(--ip-space-12);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);font:inherit;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);white-space:nowrap;cursor:pointer;background:0 0;border:0}.node-corner-level-segments>button[aria-checked=true]{background:var(--ip-color-action-primary);color:var(--ip-color-text-inverse);font-weight:var(--ip-font-weight-medium)}.node-corner-level-segments>button:focus-visible{outline:2px solid var(--ip-color-text-primary);outline-offset:2px}.node-corner-level-segments>button:disabled{cursor:not-allowed;opacity:.48}.workspace-guides{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.workspace-frame-guide{background-image:linear-gradient(90deg,#0080ff0d 1px,#0000 1px),linear-gradient(#0080ff0d 1px,#0000 1px);background-size:var(--guide-step) var(--guide-step);position:absolute;box-shadow:inset 0 0 0 1px #0080ff12}.workspace-frame-guide:after{content:"";border-radius:var(--ip-radius-circle);border:1px solid #0080ff15;position:absolute;inset:12.5%}.icon-create-app .workspace-frame-labels span{color:#8b909a;font-size:var(--ip-font-size-11)}.icon-create-app .workspace-frame-labels span.is-selected{color:var(--ip-color-accent)}.icon-create-app .generation-placeholder-title{color:#8b909a}.icon-create-app .generation-placeholder-surface{background:var(--ip-color-surface)}.icon-create-app .generation-placeholder-state,.icon-create-app .generation-placeholder-state.is-running{color:#9aa0ab}.icon-create-app .generation-placeholder-redo{color:#ff5000;background:#fff1eb}.icon-create-app .app-notice{max-width:min(560px,100vw - 32px);min-height:44px;padding:var(--ip-space-10) var(--ip-space-14);background:var(--ip-color-action-primary);color:var(--ip-color-text-inverse);border-radius:var(--ip-radius-12);box-shadow:0 8px 24px var(--ip-color-text-disabled);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);border:1px solid #ffffff1f;position:fixed;top:20px;bottom:auto;left:50%}.icon-create-app .region-revision-composer{background:var(--ip-color-surface);color:var(--ip-color-text-primary);border-color:var(--border);box-shadow:0 8px 24px #11192d14}.icon-create-app .region-revision-composer textarea{color:var(--ip-color-text-primary)}@media (width<=1250px){.icon-create-app{--conversation-width:360px}.conversation-header{padding-left:var(--ip-space-20)}.conversation-messages{padding-right:var(--ip-space-20);padding-left:var(--ip-space-20)}}@media (width<=900px){.icon-create-app{--conversation-width:320px}.conversation-header{padding:var(--ip-space-16)}.conversation-messages{padding:var(--ip-space-8) var(--ip-space-16) var(--ip-space-20)}.icon-create-app .prompt-dock{padding:var(--ip-space-12)}.icon-create-app .icon-spec-trigger{max-width:145px;font-size:var(--ip-font-size-11)}.icon-create-app .prompt-actions-right{gap:var(--ip-space-2)}.workspace-bottom-tools{gap:var(--ip-space-8);bottom:16px;right:16px}}@media (width<=620px){.icon-create-app{--conversation-width:240px}.conversation-header{gap:var(--ip-space-8)}.conversation-header time{font-size:var(--ip-font-size-10)}.conversation-empty{padding-top:var(--ip-space-72)}.conversation-empty h2{font-size:var(--ip-font-size-20)}.conversation-empty p{font-size:var(--ip-font-size-12)}.icon-create-app .prompt-actions{align-items:flex-start;gap:var(--ip-space-8);flex-wrap:wrap}.icon-create-app .prompt-actions-right{margin-left:auto}.workspace-top-actions{top:16px;right:64px}.icon-create-app .workspace-top-actions .workspace-tool-button{width:40px;height:40px}.workspace-bottom-tools{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 264px)}}.icon-create-app .selection-inspector-card,.icon-create-app .frame-export-card{padding:15px}.icon-create-app .workspace-style-popover>.context-card{padding:var(--ip-space-16)}.workspace-dot-grid{z-index:3;pointer-events:none;position:absolute;inset:0}.icon-create-app .app-notice{width:max-content;height:auto}.icon-create-app .app-notice.is-error{color:var(--ip-color-text-inverse)}.icon-create-app .app-action-notice button{color:var(--ip-color-text-inverse);background:0 0;border-color:#ffffff3d}.icon-create-app .app-action-notice button:first-of-type{background:var(--ip-color-surface);border-color:var(--ip-color-surface);color:var(--ip-color-text-primary)}.icon-create-app .selection-number-field>span:not(.number-field-icon){color:#9196a0}.conversation-header{height:56px;min-height:56px;padding:var(--ip-space-16);justify-content:space-between}.conversation-header h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.conversation-header time{color:#11192d3d;font-size:var(--ip-font-size-16);line-height:var(--ip-line-height-24);flex:none}.conversation-messages{padding:var(--ip-space-16) var(--ip-space-24) 0}.conversation-messages:has(.conversation-exchange){padding-bottom:var(--ip-space-24)}.icon-create-app .prompt-dock{padding-top:0}.icon-create-app .prompt-actions{min-height:32px}.icon-create-app .icon-spec-trigger>img{width:12px;height:12px;transition:transform .16s}.prompt-spec-menu{position:relative}.prompt-spec-options{width:140px;padding:var(--ip-space-8);border:1px solid var(--border);border-radius:var(--ip-radius-16);background:var(--ip-color-surface);z-index:20;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;transition:opacity .12s ease-out,visibility 0s linear .12s;display:flex;position:absolute;bottom:50px;left:0;box-shadow:0 4px 12px #11192d0a}.prompt-spec-options.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .12s ease-out,visibility}.prompt-spec-options>a,.prompt-spec-options>button{align-items:center;gap:var(--ip-space-8);padding:var(--ip-space-8) var(--ip-space-12);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);font:inherit;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);text-align:left;cursor:pointer;background:0 0;text-decoration:none;display:flex}.prompt-spec-options>:hover{background:var(--ip-color-surface-canvas)}.prompt-spec-options>:disabled{color:#11192d3d;cursor:default}.prompt-spec-options img{filter:brightness(0);width:16px;height:16px}@media (prefers-reduced-motion:reduce){.prompt-spec-options,.prompt-spec-options.is-open,.icon-create-app .icon-spec-trigger>img{transition:none}}.workspace-top-actions{right:88px}.workspace-tool-button{color:var(--ip-color-text-primary)}.workspace-tool-button>img{width:24px;height:24px}.icon-create-app .zoom-control{padding:3px}.icon-create-app .zoom-control button{color:var(--ip-color-text-primary)}.icon-create-app .zoom-control button img{filter:none;opacity:1;width:24px;height:24px}.icon-create-app .zoom-control .zoom-value-trigger{min-width:40px;font-size:var(--ip-font-size-14)}.icon-create-app .context-card{gap:var(--ip-space-12);padding:15px;box-shadow:0 4px 6px #11192d0a}.icon-create-app .context-stack>span{color:#11192d7a;line-height:var(--ip-line-height-22)}.icon-create-app .selection-number-field,.icon-create-app .selection-number-field input{height:36px}.icon-create-app .selection-number-field>span:not(.number-field-icon){width:36px;height:36px;color:var(--ip-color-text-primary)}.icon-create-app .alignment-segment{background:var(--ip-color-surface-canvas);border-radius:var(--ip-radius-8)}.icon-create-app .alignment-segment button{height:36px}.workspace-alignment-icon{width:20px;height:20px}.workspace-frame-guide{box-shadow:none;background-image:none}.workspace-frame-guide:after{content:none}.workspace-style-guides{width:100%;height:100%;display:block;overflow:visible}.icon-create-app .workspace-frame-labels span{font-size:var(--ip-font-size-12);line-height:var(--ip-line-height-18);color:#11192d7a}.conversation-sidebar{box-shadow:inset -1px 0 var(--border);border-right:0}.icon-create-app .prompt-composer.has-target{min-height:144px}.workspace-guides{mix-blend-mode:multiply}.icon-create-app .global-style-card,.icon-create-app .frame-export-card{gap:var(--ip-space-16)}.icon-create-app .prompt-composer{gap:var(--ip-space-8);border:1px solid var(--border);border-radius:var(--ip-radius-24);background:var(--ip-color-surface);min-height:144px;padding:11px;position:relative;box-shadow:0 4px 12px #11192d0a}.icon-create-app .prompt-composer textarea{min-height:80px;max-height:clamp(80px,100dvh - 230px,160px);padding:var(--ip-space-4) var(--ip-space-8);color:var(--ip-color-text-primary);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-24)}.icon-create-app .prompt-composer textarea::placeholder{color:#11192d3d}.icon-create-app .icon-spec-trigger{height:32px;padding:5px var(--ip-space-12);gap:var(--ip-space-4);background:var(--ip-color-surface-hover);color:var(--ip-color-text-primary);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);white-space:nowrap;border-radius:100px;text-decoration:none}.icon-create-app .icon-spec-trigger[aria-expanded=true]{background:var(--ip-color-surface-hover)}.icon-create-app .icon-spec-trigger[aria-expanded=true]>img{transform:rotate(180deg)}.icon-create-app .prompt-actions-right .prompt-submit,.icon-create-app .prompt-actions-right .prompt-submit:hover:not(:disabled){width:32px;height:32px;color:var(--ip-color-text-inverse);background:#ff5000;flex-basis:32px;padding:5px}.icon-create-app .prompt-actions-right .prompt-submit img{width:22px;height:22px}.icon-create-app .prompt-actions-right .prompt-submit:disabled{opacity:.3;cursor:default;background:#ff5000}.icon-create-app .prompt-actions-right .prompt-submit:disabled img{filter:none;opacity:1}.prompt-stop-glyph{border-radius:var(--ip-radius-2);background:var(--ip-color-surface);width:8px;height:8px;display:block}.icon-create-app .prompt-queue{z-index:0;max-height:min(192px,28dvh);margin:0 var(--ip-space-8) calc(-1 * var(--ip-space-4));padding:var(--ip-space-4) var(--ip-space-4) var(--ip-space-8);border:1px solid var(--border);border-radius:var(--ip-radius-12) var(--ip-radius-12) 0 0;background:var(--ip-color-surface);border-bottom:0;position:relative;overflow-y:auto}.icon-create-app .prompt-composer{z-index:1}.prompt-queue-item{justify-content:space-between;align-items:center;gap:var(--ip-space-8);min-height:32px;padding:5px var(--ip-space-8);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);display:flex}.prompt-queue-item:hover,.prompt-queue-item:focus-within{background:var(--ip-color-surface-canvas)}.prompt-queue-item>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.prompt-queue-actions{gap:var(--ip-space-4);flex:none;display:flex}.prompt-queue-actions .prompt-queue-pin-placeholder{flex:none;width:22px;height:22px;display:block}.prompt-queue-actions button{cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.prompt-queue-actions button:disabled{cursor:default;opacity:.48}.prompt-queue-actions img{width:22px;height:22px}.prompt-input-area{width:100%;min-height:80px;position:relative}.icon-create-app .prompt-input-area textarea{display:block}.icon-create-app .prompt-input-area .prompt-targets{z-index:1;align-content:flex-start;align-items:flex-start;gap:var(--ip-space-2) var(--ip-space-8);pointer-events:none;flex-wrap:wrap;min-height:0;max-height:130px;position:absolute;top:4px;left:8px;right:8px;overflow:auto}.icon-create-app .prompt-target-chip{gap:var(--ip-space-4);border:1px solid var(--border);border-radius:var(--ip-radius-4);background:var(--ip-color-surface-canvas);max-width:100%;height:24px;color:var(--ip-color-text-primary);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-24);pointer-events:auto;padding:0 3px;position:relative}.icon-create-app .prompt-target-chip>img{flex:none;width:16px;height:16px}.prompt-spec-options>button{white-space:nowrap;width:100%}.prompt-spec-options>button[aria-checked=true],.prompt-spec-options>button:hover{background:var(--ip-color-surface-hover)}.workspace-style-actions{gap:var(--ip-space-4);padding:0 var(--ip-space-16) var(--ip-space-16);flex-direction:column;display:flex}.workspace-style-actions>a,.workspace-style-actions>button{align-items:center;gap:var(--ip-space-8);padding:var(--ip-space-8) var(--ip-space-12);border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);color:var(--ip-color-text-primary);font:inherit;font-size:var(--ip-font-size-14);text-align:left;cursor:pointer;text-decoration:none;display:flex}.workspace-style-actions>button:disabled{opacity:.38;cursor:default}.workspace-style-actions img{filter:brightness(0);width:16px;height:16px}.icon-create-app .generation-placeholder.is-selected .generation-placeholder-surface{outline:1px solid var(--ip-color-accent)}.icon-create-app .generation-placeholder.is-selected .generation-placeholder-title{color:var(--ip-color-accent)}.icon-create-app .generation-placeholder:focus{outline:none}:root{color:var(--ip-palette-legacy-text);background:var(--ip-palette-legacy-canvas);font-family:var(--ip-font-family-root);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:var(--ip-palette-legacy-canvas);--panel:var(--ip-palette-legacy-panel);--panel-elevated:var(--ip-palette-legacy-elevated);--border:#ffffff14;--muted:var(--ip-palette-legacy-muted);--teal:var(--ip-palette-legacy-accent);--teal-dark:var(--ip-palette-legacy-accent-subtle);--icon-create-light-canvas-dots:radial-gradient(circle, var(--ip-palette-ink-12) .65px, transparent .8px);--icon-create-light-canvas-dot-size:16px 16px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--canvas);-webkit-font-smoothing:antialiased}.persistent-icon-workspace{width:100%;height:100%;position:absolute;inset:0}.persistent-icon-workspace.is-suspended{visibility:hidden;pointer-events:none}.workspace-startup-shell{background:var(--ip-palette-legacy-text);width:100%;height:100%;color:var(--ip-palette-gray-500);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-columns:min(450px,30vw) 1fr;display:grid;position:absolute;inset:0}.workspace-startup-sidebar{border-right:1px solid var(--ip-palette-ink-10);background:var(--ip-color-surface)}.workspace-startup-canvas{justify-content:center;align-items:center;gap:var(--ip-space-10);background-color:var(--ip-palette-legacy-text);background-image:var(--icon-create-light-canvas-dots);background-size:var(--icon-create-light-canvas-dot-size);font-size:var(--ip-font-size-13);display:flex}.workspace-startup-shell.is-redesigned,.icon-create-app.live-workspace{--live-sidebar-width:480px;--live-canvas-height:max(240px, 42dvh)}.workspace-startup-shell.is-redesigned{grid-template-columns:minmax(0, 1fr) var(--live-sidebar-width);background:var(--ip-color-surface-canvas);grid-template-areas:"canvas sidebar"}.workspace-startup-shell.is-redesigned>.workspace-startup-sidebar{border:0;grid-area:sidebar}.workspace-startup-shell.is-redesigned>.workspace-startup-canvas{background-color:var(--ip-color-surface-canvas);grid-area:canvas}@media (width<=1199px){.workspace-startup-shell.is-redesigned,.icon-create-app.live-workspace{--live-sidebar-width:400px}}@media (width<=800px){.workspace-startup-shell.is-redesigned{grid-template-columns:1fr;grid-template-rows:var(--live-canvas-height) minmax(0, 1fr);grid-template-areas:"canvas""sidebar"}}.workspace-startup-spinner{border:2px solid #0080ff2e;border-top-color:var(--ip-color-accent);border-radius:var(--ip-radius-circle);width:16px;height:16px;animation:.7s linear infinite workspace-startup-spin}@keyframes workspace-startup-spin{to{transform:rotate(360deg)}}button,input,textarea{color:inherit;font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--teal) 75%, transparent);outline-offset:2px}.icon-create-app{background:var(--canvas);isolation:isolate;width:100%;height:100dvh;min-height:0;position:relative;overflow:clip}.openpencil-host,.openpencil-host>div,.openpencil-canvas-bridge{width:100%;height:100%;position:absolute;inset:0}.openpencil-canvas-bridge{background-color:var(--canvas)}.openpencil-canvas-bridge:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle,#ffffff38 .7px,#0000 .9px);background-size:20px 20px;position:absolute;inset:0}.openpencil-scene-canvas,.openpencil-overlay-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.openpencil-scene-canvas{z-index:1}.openpencil-overlay-canvas{z-index:2;overscroll-behavior:none;touch-action:none;background:0 0}.openpencil-overlay-canvas.is-space-held{cursor:grab!important}.openpencil-overlay-canvas.is-space-panning{cursor:grabbing!important}.openpencil-drop-overlay{z-index:3;border:1px dashed var(--teal);border-radius:var(--ip-radius-20);pointer-events:none;position:absolute;inset:20px}.openpencil-loading{z-index:30;place-content:center;justify-items:center;gap:var(--ip-space-12);color:var(--muted);background:var(--canvas);font-size:var(--ip-font-size-12);display:grid;position:absolute;inset:0}.openpencil-loading-spinner{border:2px solid #ffffff38;border-top-color:var(--teal);border-radius:var(--ip-radius-full);width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace-frame-labels{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.workspace-frame-labels span{color:#ffffff7a;font-size:var(--ip-font-size-12);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-18);text-overflow:ellipsis;white-space:nowrap;position:absolute;overflow:hidden}.workspace-frame-labels span.is-selected{color:#099}.generation-placeholders{z-index:4;pointer-events:none;position:absolute;inset:0}.region-revision-overlay{z-index:12;cursor:crosshair;touch-action:none;position:absolute;inset:0;overflow:hidden}.region-revision-overlay.is-busy{cursor:progress}.region-revision-lasso{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.region-revision-lasso path{fill:#0099991f;stroke:var(--teal);stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;vector-effect:non-scaling-stroke}@keyframes region-revision-busy-pulse{0%,to{fill:#0099991f;filter:drop-shadow(0 0 #2dd4bf00);stroke:var(--teal)}50%{fill:#2dd4bf52;filter:drop-shadow(0 0 7px #2dd4bf85);stroke:#5eead4}}.region-revision-overlay.is-busy .region-revision-lasso path{animation:1.25s ease-in-out infinite region-revision-busy-pulse}@media (prefers-reduced-motion:reduce){.region-revision-overlay.is-busy .region-revision-lasso path{fill:#2dd4bf42;filter:drop-shadow(0 0 4px #2dd4bf6b);stroke:#5eead4;animation:none}}.region-revision-hint{padding:var(--ip-space-8) var(--ip-space-12);border:1px solid color-mix(in srgb, var(--teal) 38%, var(--border));border-radius:var(--ip-radius-full);color:#ffffffc2;font-size:var(--ip-font-size-11);line-height:var(--ip-line-height-18);pointer-events:none;background:#181818f0;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000052}.region-revision-composer{gap:var(--ip-space-10);width:min(360px,100vw - 32px);padding:var(--ip-space-14);cursor:default;background:#1f1f1ffa;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;display:flex;position:absolute;box-shadow:0 18px 48px #00000073}.region-revision-composer.is-above{transform:translate(-50%,-100%)}.region-revision-composer.is-below{transform:translate(-50%)}.region-revision-composer textarea{resize:vertical;width:100%;min-height:66px;padding:var(--ip-space-10) 11px;color:#f4f4f4;font-size:var(--ip-font-size-13);line-height:var(--ip-line-height-20);background:#ffffff09;border:1px solid #ffffff1f;border-radius:11px;outline:0}.region-revision-composer textarea::placeholder{color:#ffffff47}.region-revision-actions{justify-content:flex-end;gap:var(--ip-space-8);display:flex}.region-revision-actions button{color:#ffffffd1;cursor:pointer;min-width:64px;height:32px;font-size:var(--ip-font-size-12);background:#ffffff0f;border-radius:9px;padding:0 13px}.region-revision-actions button:disabled{cursor:not-allowed;opacity:.42}.region-revision-actions .region-revision-submit{background:var(--teal);color:#071310}.generation-placeholder{min-width:0;position:absolute}.generation-placeholder-title{color:#ffffff7a;font-size:var(--ip-font-size-12);line-height:var(--ip-line-height-18);text-overflow:ellipsis;white-space:nowrap;position:absolute;bottom:calc(100% + 4px);left:0;right:28px;overflow:hidden}.generation-placeholder-state{background:0 0;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:calc(100% + 4px);right:0}.generation-placeholder-state.is-running{color:#f4f4f5eb;background:0 0}.generation-placeholder-state.is-completed{background:color-mix(in srgb, var(--teal) 52%, #303030)}.generation-placeholder-surface{background:radial-gradient(circle at 100% 100%,#ffffff0e,#0000 48%),linear-gradient(135deg,#202020 0%,#171717 58%,#252525 100%);place-items:center;width:100%;height:100%;animation:2.2s ease-in-out infinite generation-surface-breathe;display:grid;position:relative}.generation-placeholder.is-failed .generation-placeholder-title{right:0}.generation-placeholder.is-failed .generation-placeholder-surface{animation:none}.generation-placeholder-redo{border-radius:var(--ip-radius-8);color:#ffffffe0;min-width:76px;height:34px;font:inherit;font-size:var(--ip-font-size-13);cursor:pointer;pointer-events:auto;background:#ffffff12;border:1px solid #fff3;padding:0 18px;transition:border-color .12s,background-color .12s}.generation-placeholder-redo:hover{background:#ffffff1f;border-color:#ffffff5c}.generation-placeholder-redo:focus-visible{outline-offset:3px;outline:2px solid #ffffffb8}.dotmatrix-core-spiral{--dotmatrix-opacity-base:.12;--dotmatrix-opacity-mid:.42;--dotmatrix-opacity-peak:1;grid-template-rows:repeat(5,2px);grid-template-columns:repeat(5,2px);place-content:center;gap:1px;width:14px;height:14px;display:grid}.dotmatrix-core-spiral-dot{border-radius:var(--ip-radius-full);width:2px;height:2px;opacity:var(--dotmatrix-opacity-base);animation:.740741s linear infinite dotmatrix-core-spiral;animation-delay:calc(var(--dotmatrix-order) * 29.63ms);will-change:opacity;background:currentColor}@keyframes dotmatrix-core-spiral{0%,to{opacity:calc(.5 * var(--dotmatrix-opacity-base))}8%{opacity:var(--dotmatrix-opacity-peak)}16%{opacity:calc(.5 * var(--dotmatrix-opacity-peak) + .4 * var(--dotmatrix-opacity-mid) + .1 * var(--dotmatrix-opacity-base))}24%{opacity:calc(.25 * var(--dotmatrix-opacity-peak) + .45 * var(--dotmatrix-opacity-mid) + .3 * var(--dotmatrix-opacity-base))}32%{opacity:calc(.5 * var(--dotmatrix-opacity-mid) + .5 * var(--dotmatrix-opacity-base))}40%{opacity:calc(.75 * var(--dotmatrix-opacity-base))}}@keyframes generation-surface-breathe{50%{filter:brightness(1.08)}}.context-panel{z-index:8;gap:var(--ip-space-16);scrollbar-width:none;flex-direction:column;width:288px;max-height:calc(100dvh - 196px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;display:flex;position:absolute;top:20px;right:24px;overflow:auto}.context-panel::-webkit-scrollbar{display:none}.context-card{gap:var(--ip-space-20);padding:var(--ip-space-16);border-radius:var(--ip-radius-16);background:var(--ip-palette-legacy-panel);font-size:var(--ip-font-size-14);flex-direction:column;flex:none;display:flex}.global-style-card{height:172px}.frame-export-card{height:144px}.export-control-group{gap:var(--ip-space-8);flex-direction:column;width:100%;display:flex}.export-options-row,.export-action-row{align-items:center;gap:var(--ip-space-8);width:100%;display:flex}.export-select-field{border-radius:var(--ip-radius-8);background:#ffffff0a;flex:none;align-items:center;width:124px;height:32px;display:flex;position:relative}.export-select-field select{width:100%;height:32px;padding:var(--ip-space-4) var(--ip-space-28) var(--ip-space-4) var(--ip-space-12);border-radius:var(--ip-radius-8);appearance:none;color:var(--ip-color-text-inverse);cursor:pointer;font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-20);background:0 0;border:0;outline:0}.export-select-field:focus-within{outline:1px solid color-mix(in srgb, var(--teal) 70%, transparent)}.export-select-chevron{pointer-events:none;border-bottom:1.5px solid #ffffffe0;border-right:1.5px solid #ffffffe0;width:6px;height:6px;position:absolute;top:12px;right:10px;transform:rotate(45deg)}.export-shortcut-key{border-radius:var(--ip-radius-8);background:var(--ip-color-surface);color:#111;cursor:pointer;width:32px;height:32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:var(--ip-font-size-20);line-height:var(--ip-line-height-20);border:0;flex:none;place-items:center;padding:0;display:grid}.export-shortcut-key:hover:not(:disabled){background:#ffffffe0}.export-shortcut-key:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.export-shortcut-key:disabled{cursor:wait;opacity:.56}.export-frame-button{justify-content:center;align-items:center;gap:var(--ip-space-4);border-radius:var(--ip-radius-8);background:var(--ip-color-surface);color:#000;cursor:pointer;width:216px;height:32px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:var(--ip-font-size-14);font-weight:510;line-height:var(--ip-line-height-20);white-space:nowrap;display:flex}.export-frame-button:disabled{cursor:wait;opacity:.56}.context-row,.context-stack{display:flex}.context-row-split{justify-content:space-between;align-items:center}.context-stack{gap:var(--ip-space-8);flex-direction:column;width:100%}.context-card>span,.context-row>span{color:#ececec;font-size:var(--ip-font-size-12);font-weight:520}.context-stack>span{color:#ffffff7a;width:100%;font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-20)}.property-control-group{gap:var(--ip-space-8);flex-direction:column;width:100%;display:flex}.property-control-title{color:#ffffff7a;font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-20)}.floating-number-field{border-radius:var(--ip-radius-8);min-width:0;color:var(--muted);background:#292929;border:1px solid #0000;align-items:center;display:flex;overflow:hidden}.floating-number-field:focus-within{border-color:color-mix(in srgb, var(--teal) 70%, transparent)}.floating-number-field>span:not(.number-field-icon){padding-left:var(--ip-space-10);font-size:var(--ip-font-size-10);flex:none}.number-field-icon{width:32px;height:32px;padding:var(--ip-space-4);flex:none;place-items:center;display:grid}.number-field-icon img{width:16px;height:16px;display:block}.floating-number-field input{color:#f2f2f2;text-align:right;width:62px;min-width:0;height:32px;font-size:var(--ip-font-size-12);font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:0;outline:0;padding:0 9px}.floating-number-field input::-webkit-inner-spin-button{appearance:none;margin:0}.floating-number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.radius-grid{gap:var(--ip-space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.property-number-field{gap:var(--ip-space-4);background:#ffffff0a;border:0;width:100%;height:32px}.property-number-field input,.radius-grid .property-number-field input{width:100%;height:32px;padding:var(--ip-space-4) var(--ip-space-8) var(--ip-space-4) 0;text-align:left;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-20)}.two-field-grid{align-items:center;gap:var(--ip-space-8);width:100%;display:flex}.two-field-grid input{width:100%}.selection-inspector-card{height:252px}.node-position-card{height:92px}.node-corner-radius-card{height:172px}.alignment-groups{align-items:center;gap:var(--ip-space-8);width:100%;display:flex}.alignment-segment{align-items:center;gap:var(--ip-space-2);flex:none;width:124px;display:flex}.alignment-segment button{width:40px;height:32px;color:var(--ip-color-text-inverse);cursor:pointer;background:#ffffff0a;border-radius:0;flex:none;place-items:center;display:grid;overflow:hidden}.alignment-segment button:first-child{border-radius:var(--ip-radius-8) 0 0 var(--ip-radius-8)}.alignment-segment button:last-child{border-radius:0 var(--ip-radius-8) var(--ip-radius-8) 0}.alignment-glyph{pointer-events:none;flex:none;width:16px;height:16px;display:block;position:relative;overflow:visible}.alignment-glyph img{max-width:none;display:block;position:absolute}.alignment-glyph__axis{width:13px;height:1px}.alignment-glyph__bar{width:3px}.alignment-glyph--top .alignment-glyph__axis,.alignment-glyph--center-horizontal .alignment-glyph__axis,.alignment-glyph--bottom .alignment-glyph__axis{left:1.5px}.alignment-glyph--top .alignment-glyph__axis{top:1.5px}.alignment-glyph--center-horizontal .alignment-glyph__axis{top:7.5px}.alignment-glyph--bottom .alignment-glyph__axis{top:13.5px}.alignment-glyph--top .alignment-glyph__bar--long{top:4px;left:3.5px}.alignment-glyph--top .alignment-glyph__bar--short{top:4px;left:9.5px}.alignment-glyph--center-horizontal .alignment-glyph__bar--long{top:2.5px;left:3.5px}.alignment-glyph--center-horizontal .alignment-glyph__bar--short{top:4px;left:9.5px}.alignment-glyph--bottom .alignment-glyph__bar--long{top:2px;left:3.5px}.alignment-glyph--bottom .alignment-glyph__bar--short{top:5px;left:9.5px}.alignment-glyph--left .alignment-glyph__axis,.alignment-glyph--center-vertical .alignment-glyph__axis,.alignment-glyph--right .alignment-glyph__axis{top:7.5px;transform:rotate(-90deg)}.alignment-glyph--left .alignment-glyph__axis{left:-4.5px}.alignment-glyph--center-vertical .alignment-glyph__axis{left:1.5px}.alignment-glyph--right .alignment-glyph__axis{left:7.5px}.alignment-glyph--left .alignment-glyph__bar,.alignment-glyph--center-vertical .alignment-glyph__bar,.alignment-glyph--right .alignment-glyph__bar{transform:rotate(-90deg)}.alignment-glyph--left .alignment-glyph__bar--long{top:0;left:7.5px}.alignment-glyph--left .alignment-glyph__bar--short{top:7.5px;left:6px}.alignment-glyph--center-vertical .alignment-glyph__bar--long{top:-.5px;left:6.5px}.alignment-glyph--center-vertical .alignment-glyph__bar--short{top:7px;left:6.5px}.alignment-glyph--right .alignment-glyph__bar--long{top:0;left:5.5px}.alignment-glyph--right .alignment-glyph__bar--short{top:7.5px;left:7px}.alignment-segment button:hover{color:var(--ip-color-text-inverse);background:#ffffff14}.selection-number-field{gap:var(--ip-space-4);background:#ffffff0a;border:0;width:124px;height:32px}.selection-number-field>span:not(.number-field-icon){width:32px;height:32px;padding:var(--ip-space-4);color:var(--ip-color-text-inverse);font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-20);flex:none;place-items:center;display:grid}.selection-number-field input{width:100%;height:32px;padding:var(--ip-space-4) var(--ip-space-8) var(--ip-space-4) 0;color:var(--ip-color-text-inverse);text-align:left;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-20)}.node-corner-level-note{color:var(--ip-color-text-secondary);font-size:var(--ip-font-size-11);line-height:var(--ip-line-height-16)}.zoom-control{z-index:9;align-items:center;gap:var(--ip-space-8);height:40px;padding:var(--ip-space-4);border-radius:var(--ip-radius-full);background:var(--ip-palette-legacy-panel);border:0;display:none;position:absolute;bottom:32px;left:32px}.zoom-control button{width:32px;height:32px;padding:var(--ip-space-4);border-radius:var(--ip-radius-full);color:#bcbcbc;cursor:pointer;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-20);background:0 0;place-items:center;display:grid}.zoom-value-trigger,.zoom-value-editor{width:40px;height:32px;color:var(--ip-color-text-inverse);flex:none}.zoom-control .zoom-value-trigger{justify-content:center;align-items:center;width:40px;padding:0;display:flex;cursor:text!important}.zoom-control .zoom-value-trigger:hover{background:0 0}.zoom-value-editor{font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-20);justify-content:center;align-items:center;display:flex}.zoom-value-editor input{width:28px;min-width:0;color:var(--ip-color-text-inverse);text-align:right;background:0 0;border:0;outline:0;padding:0}.zoom-value-editor span{color:var(--ip-color-text-inverse);flex:none}.zoom-control .zoom-step-button:hover{color:var(--ip-color-text-inverse);background:#2d2d2d}.zoom-control button img{width:18px;height:18px;display:block}.prompt-dock{z-index:14;width:min(400px,100vw - 40px);position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.prompt-composer{justify-content:flex-start;gap:var(--ip-space-8);min-height:80px;padding:var(--ip-space-8);border-radius:var(--ip-radius-20);background:var(--ip-palette-legacy-panel);border:0;flex-direction:column;display:flex;position:relative}.prompt-composer.has-target{min-height:104px}.prompt-composer.has-reference-image{min-height:132px}.prompt-composer.has-target.has-reference-image{min-height:160px}.prompt-composer.has-region-selection{box-shadow:0 0 0 1px color-mix(in srgb, var(--teal) 40%, transparent)}.prompt-target{padding:0 var(--ip-space-8);color:#ffffff8f;font-size:var(--ip-font-size-11);line-height:var(--ip-line-height-16);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-targets{align-items:center;gap:var(--ip-space-4);scrollbar-width:none;min-height:28px;display:flex;overflow-x:auto}.prompt-targets::-webkit-scrollbar{display:none}.prompt-target-chip{align-items:center;gap:var(--ip-space-2);height:28px;padding:var(--ip-space-4) var(--ip-space-4) var(--ip-space-4) var(--ip-space-10);border-radius:var(--ip-radius-full);color:var(--ip-color-text-inverse);font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-20);background:#ffffff0a;flex:none;display:inline-flex}.prompt-reference-image{align-items:center;gap:var(--ip-space-8);min-width:0;height:44px;padding:var(--ip-space-4) var(--ip-space-4) var(--ip-space-4) var(--ip-space-6);border-radius:var(--ip-radius-10);color:#ffffffb8;font-size:var(--ip-font-size-12);line-height:var(--ip-line-height-18);background:#ffffff0a;grid-template-columns:36px minmax(0,1fr) 24px;display:grid}.prompt-reference-image img{background:var(--ip-color-surface);object-fit:contain;border-radius:7px;width:36px;height:36px}.prompt-reference-image span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-reference-image button{border-radius:var(--ip-radius-full);color:#ffffffa3;cursor:pointer;background:0 0;place-items:center;width:24px;height:24px;padding:0;display:grid}.prompt-reference-image button:hover:not(:disabled){color:var(--ip-color-text-inverse);background:#ffffff1a}.prompt-reference-image button:disabled{cursor:not-allowed;opacity:.38}.prompt-reference-image-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prompt-composer textarea{resize:none;width:100%;height:28px;min-height:28px;max-height:120px;padding:var(--ip-space-4) var(--ip-space-8);color:#f4f4f4;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-20);background:0 0;border:0;outline:0;overflow-y:hidden}.prompt-composer textarea::placeholder{color:#ffffff3d}.prompt-actions{justify-content:space-between;align-items:center;display:flex}.prompt-actions button,.icon-spec-trigger{cursor:pointer}.icon-spec-trigger{align-items:center;gap:var(--ip-space-4);height:28px;padding:var(--ip-space-4) var(--ip-space-10);border-radius:var(--ip-radius-full);color:var(--ip-color-text-inverse);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-20);background:#ffffff0a;display:flex}.icon-spec-glyph{flex:0 0 20px;width:20px;height:20px;display:block;position:relative;overflow:hidden}.icon-spec-glyph img{max-width:none;display:block;position:absolute}.icon-spec-glyph-frame{width:12px;height:12px;top:4px;left:4px}.icon-spec-glyph-arrow{width:6.25px;height:6.25px;top:4.25px;left:9.5px}.icon-spec-trigger:disabled,.prompt-actions-right button:disabled{cursor:not-allowed;opacity:.38}.prompt-actions-right{align-items:center;gap:var(--ip-space-8);width:100px;display:flex}.prompt-actions-right button{border-radius:var(--ip-radius-full);color:#c8c8c8;background:0 0;flex:0 0 28px;place-items:center;width:28px;min-width:28px;height:28px;padding:0;line-height:0;display:grid}.prompt-actions-right button img{width:20px;height:20px;display:block}.prompt-actions-right button:hover:not(:disabled),.prompt-actions-right button.is-active{color:var(--ip-color-text-inverse);background:#363636}.prompt-actions-right .prompt-submit{background:var(--teal);color:#071310}.prompt-actions-right .prompt-submit:disabled{opacity:.3}.prompt-actions-right .prompt-submit:hover:not(:disabled){color:#071310;background:#58e0cf}.icon-spec-menu{border:1px solid var(--border);background:#1f1f1ffa;border-radius:14px;flex-direction:column;gap:3px;width:188px;padding:7px;display:flex;position:absolute;bottom:calc(100% + 10px);left:8px;box-shadow:0 16px 36px #00000061}.icon-spec-menu button{height:34px;padding:0 var(--ip-space-10);border-radius:var(--ip-radius-8);color:#d5d5d5;cursor:pointer;font-size:var(--ip-font-size-11);text-align:left;background:0 0;align-items:center;gap:9px;display:flex}.icon-spec-menu button:hover{color:var(--ip-color-text-inverse);background:#2d2d2d}.icon-spec-page{z-index:100;isolation:isolate;background-color:#000;background-image:radial-gradient(circle,#ffffff2e .7px,#0000 .9px);background-position:0 0;background-size:20px 20px;min-width:1032px;min-height:800px;position:fixed;inset:0;overflow:auto}.icon-spec-editor-panel{gap:var(--ip-space-20);width:480px;min-height:752px;padding:var(--ip-space-16);border-radius:var(--ip-radius-16);background:var(--ip-palette-legacy-panel);flex-direction:column;display:flex;position:absolute;top:24px;bottom:24px;left:24px}.icon-spec-editor-header{flex:0 0 32px;justify-content:space-between;align-items:center;width:100%;height:32px;display:flex}.icon-spec-back{align-items:center;gap:var(--ip-space-4);height:24px;color:var(--ip-color-text-inverse);text-decoration:none;display:inline-flex}.icon-spec-back img{flex:0 0 20px;width:20px;height:20px;display:block}.icon-spec-back span{font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:var(--ip-font-size-20);font-variation-settings:"wght" 590;font-weight:590;line-height:var(--ip-line-height-24);white-space:nowrap}.icon-spec-editor-actions{align-items:center;gap:var(--ip-space-8);height:32px;display:flex}.icon-spec-editor-actions button{height:32px;padding:var(--ip-space-4) var(--ip-space-12);color:var(--ip-color-text-inverse);cursor:pointer;font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-regular);line-height:var(--ip-line-height-24);white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;display:inline-flex}.icon-spec-editor-actions button:disabled{cursor:not-allowed;opacity:.38}.icon-spec-try-button{background:#ffffff14;min-width:86px}.icon-spec-try-button:hover:not(:disabled){background:#ffffff21}.icon-spec-save-button{background:#099;min-width:56px}.icon-spec-parameter-section{background:0 0;border:0;border-radius:0;padding:0}.icon-spec-parameter-section+.icon-spec-parameter-section{margin-top:var(--ip-space-20);padding-top:var(--ip-space-20);border-top:1px solid #ffffff14}.icon-spec-parameter-section h2{margin:0 0 var(--ip-space-12);color:#ffffffeb;font-size:var(--ip-font-size-13);font-weight:560;line-height:var(--ip-line-height-20)}.icon-spec-parameter-grid{gap:var(--ip-space-10) var(--ip-space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.icon-spec-parameter-field{color:#ffffff80;min-width:0;font-size:var(--ip-font-size-11);line-height:var(--ip-line-height-16);gap:5px;display:grid}.icon-spec-parameter-field input[type=number],.icon-spec-parameter-field select{color:#ffffffe6;width:100%;height:32px;font:inherit;font-size:var(--ip-font-size-13);background:#292929;border:1px solid #ffffff1a;border-radius:7px;outline:0;padding:0 9px}.icon-spec-parameter-field input[type=number]{appearance:textfield}.icon-spec-parameter-field input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.icon-spec-parameter-field input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.icon-spec-parameter-field input:focus-visible,.icon-spec-parameter-field select:focus-visible{border-color:#099;box-shadow:0 0 0 1px #099}.icon-spec-angle-field{border:0;grid-column:1/-1;min-width:0;margin:0;padding:0}.icon-spec-angle-field legend{color:#ffffff80;font-size:var(--ip-font-size-11);line-height:var(--ip-line-height-16);margin-bottom:5px;padding:0}.icon-spec-angle-options span{color:#ffffff94;height:32px;font-size:var(--ip-font-size-13);background:#292929;border:1px solid #ffffff1a;border-radius:7px;place-items:center;display:grid}.icon-spec-angle-options input:checked+span{color:#ffffffeb;border-color:#099;box-shadow:inset 0 0 0 1px #099}.icon-spec-angle-options input:focus-visible+span{outline-offset:2px;outline:2px solid #00999980}.icon-spec-footprint-list{gap:9px;display:grid}.icon-spec-footprint-row{grid-template-columns:44px repeat(2,minmax(0,1fr));align-items:end;gap:9px;display:grid}.icon-spec-footprint-row strong{color:#ffffffc2;font-size:var(--ip-font-size-12);font-weight:var(--ip-font-weight-medium);align-self:center}.icon-spec-validation-message{margin:var(--ip-space-12) 0 0;padding:var(--ip-space-10) var(--ip-space-12);border-radius:var(--ip-radius-8);color:#d74300;font-size:var(--ip-font-size-12);line-height:var(--ip-line-height-18);background:#ff500014}.icon-spec-demo-grid{gap:var(--ip-space-24);grid-template-rows:repeat(2,240px);grid-template-columns:repeat(2,240px);width:504px;height:504px;display:grid;position:absolute;top:calc(50% - 243px);left:50vw}.icon-spec-demo{background:var(--ip-color-surface);width:240px;height:240px;margin:0;position:relative;overflow:hidden}.icon-spec-demo-svg,.icon-spec-demo-svg>svg{width:100%;height:100%;display:block;overflow:visible}.icon-spec-demo-grid[data-preview-busy=true] .icon-spec-demo-svg{opacity:.72}.icon-spec-demo.is-loading{background:radial-gradient(circle at 50% 50%, var(--ip-color-surface) 0, #f8f8f8 68%, #f1f1f1 100%)}.icon-spec-trigger{text-decoration:none}.icon-spec-page{z-index:100;min-width:960px;min-height:640px;color:var(--ip-color-text-primary);background-color:var(--ip-palette-legacy-text);background-image:var(--icon-create-light-canvas-dots);background-size:var(--icon-create-light-canvas-dot-size);font-family:"PingFang SC", var(--ip-font-family-root);position:fixed;inset:0;overflow:hidden}.icon-spec-editor-panel{z-index:2;background:var(--ip-color-surface);border-radius:0;flex-direction:column;gap:0;width:400px;min-height:0;padding:0;display:flex;position:absolute;inset:0 auto 0 0}.icon-spec-editor-header{justify-content:flex-start;align-items:center;gap:var(--ip-space-8);width:100%;height:64px;padding:var(--ip-space-20) var(--ip-space-16);flex:0 0 64px;display:flex}.icon-spec-back{border-radius:var(--ip-radius-8);width:32px;height:32px;color:var(--ip-color-text-primary);flex:0 0 32px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .12s;display:grid}.icon-spec-back:hover{background:var(--ip-color-surface-hover)}.icon-spec-back:focus-visible{outline:2px solid var(--ip-color-accent);outline-offset:2px}.icon-spec-back img{filter:brightness(0)}.icon-spec-editor-header h1{min-width:0;color:var(--ip-color-text-primary);font-size:var(--ip-font-size-16);font-weight:var(--ip-font-weight-semibold);line-height:var(--ip-line-height-24);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.icon-spec-profile-picker{min-width:0;position:relative}.icon-spec-profile-trigger{align-items:center;gap:var(--ip-space-6);max-width:300px;height:32px;padding:0 var(--ip-space-8);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);cursor:pointer;font:inherit;background:0 0;display:inline-flex}.icon-spec-profile-trigger:hover{background:var(--ip-color-surface-hover)}.icon-spec-profile-trigger:focus-visible{outline:2px solid var(--ip-color-accent);outline-offset:2px}.icon-spec-profile-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-spec-profile-trigger img{flex:0 0 16px;width:16px;height:16px;transition:transform .16s}.icon-spec-profile-trigger img.is-open{transform:rotate(180deg)}.icon-spec-profile-options{z-index:12;width:224px;padding:var(--ip-space-8);transform-origin:0 0;border-radius:var(--ip-radius-12);opacity:0;background:var(--ip-color-surface);box-shadow:0 12px 32px var(--ip-palette-ink-12);pointer-events:none;border:1px solid #e6e8eb;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-6px)scale(.98)}.icon-spec-profile-options.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.icon-spec-profile-options button{height:40px;padding:0 var(--ip-space-12);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);cursor:pointer;font-size:var(--ip-font-size-14);text-align:left;background:0 0}.icon-spec-profile-options button:hover{background:var(--ip-color-surface-canvas)}.icon-spec-profile-options button[aria-checked=true]{background:var(--ip-color-surface-hover);font-weight:var(--ip-font-weight-medium)}.icon-spec-tabs{width:calc(100% - 32px);height:40px;margin:0 var(--ip-space-16) var(--ip-space-20);border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);flex:0 0 40px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.icon-spec-tabs button{padding:9px var(--ip-space-8);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);cursor:pointer;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);white-space:nowrap;background:0 0}.icon-spec-tabs button[aria-current=page]{background:var(--ip-color-action-primary);color:var(--ip-color-text-inverse)}.icon-spec-parameter-scroll{width:100%;min-width:0;min-height:0;padding:0 var(--ip-space-16) var(--ip-space-24);scrollbar-color:#11192d24 transparent;scrollbar-width:thin;flex:auto;overflow:auto}.icon-spec-tab-panel{gap:var(--ip-space-16);flex-direction:column;display:flex}.icon-spec-tab-panel>h2{color:var(--ip-color-text-primary);font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-semibold);line-height:var(--ip-line-height-22);margin:0}.icon-spec-tab-panel>h2:not(:first-child){margin-top:var(--ip-space-8)}.icon-spec-dimension-field,.icon-spec-parameter-field,.icon-spec-select-field{gap:var(--ip-space-8);min-width:0;color:var(--ip-color-text-secondary);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);flex-direction:column;display:flex}.icon-spec-dimension-field>div{gap:var(--ip-space-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.icon-spec-dimension-field label{border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);align-items:center;height:40px;display:flex;overflow:hidden}.icon-spec-dimension-field label>span{width:40px;height:40px;color:var(--ip-color-text-secondary);flex:0 0 40px;place-items:center;display:grid}.icon-spec-dimension-field input,.icon-spec-parameter-field input[type=number],.icon-spec-select-field select{width:100%;min-width:0;height:40px;padding:0 var(--ip-space-12) 0 var(--ip-space-4);border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);color:var(--ip-color-text-primary);font:inherit;font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);appearance:textfield;border:0;outline:0}.icon-spec-parameter-field input[type=number]{padding-left:44px}.icon-spec-parameter-field{position:relative}.icon-spec-field-icon{pointer-events:none;width:16px;height:16px;display:block;position:absolute;bottom:12px;left:12px}.icon-spec-dimension-field input::-webkit-inner-spin-button{appearance:none;margin:0}.icon-spec-dimension-field input::-webkit-outer-spin-button{appearance:none;margin:0}.icon-spec-parameter-field input::-webkit-inner-spin-button{appearance:none;margin:0}.icon-spec-parameter-field input::-webkit-outer-spin-button{appearance:none;margin:0}.icon-spec-dimension-field input:focus-visible,.icon-spec-parameter-field input:focus-visible,.icon-spec-select-field select:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid #11192d29}.icon-spec-choice-field,.icon-spec-angle-field{border:0;min-width:0;margin:0;padding:0}.icon-spec-choice-field legend,.icon-spec-angle-field legend{margin-bottom:var(--ip-space-8);color:var(--ip-color-text-secondary);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22);padding:0}.icon-spec-choice-field>div{border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.icon-spec-choice-field button{justify-content:center;align-items:center;gap:var(--ip-space-6);height:40px;padding:0 var(--ip-space-8);border-left:1px solid var(--ip-color-surface);color:var(--ip-color-text-primary);cursor:pointer;font-size:var(--ip-font-size-14);background:0 0;display:flex}.icon-spec-choice-field button:first-child{border-left:0}.icon-spec-choice-field button[aria-pressed=true]{font-weight:var(--ip-font-weight-medium);background:#eef0f3}.icon-spec-choice-field button:disabled{cursor:not-allowed;opacity:.36}.icon-spec-choice-glyph{object-fit:contain;flex:0 0 16px;width:16px;height:16px;display:block}.icon-spec-angle-options{gap:var(--ip-space-6);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.icon-spec-angle-options label{cursor:pointer;position:relative}.icon-spec-angle-options input{opacity:0;pointer-events:none;position:absolute}.icon-spec-angle-options span{border-radius:var(--ip-radius-8);background:var(--ip-color-surface-canvas);height:36px;color:var(--ip-color-text-secondary);font-size:var(--ip-font-size-13);border:0;place-items:center;display:grid}.icon-spec-angle-options input:checked+span{background:var(--ip-color-action-primary);color:var(--ip-color-text-inverse);box-shadow:none;border:0}.icon-spec-footer{gap:var(--ip-space-12);width:100%;height:64px;padding:var(--ip-space-8) var(--ip-space-16);background:var(--ip-color-surface);flex:0 0 64px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.icon-spec-footer button{border-radius:var(--ip-radius-12);cursor:pointer;height:48px;font-size:var(--ip-font-size-14);font-weight:var(--ip-font-weight-medium);line-height:var(--ip-line-height-22)}.icon-spec-footer button:disabled{cursor:default;opacity:.45}.icon-spec-reset-button{border:1px solid var(--ip-palette-ink-12);background:var(--ip-color-surface);color:var(--ip-color-text-primary)}.icon-spec-save-button{min-width:0;color:var(--ip-color-text-inverse);background:#ff5000}.icon-spec-save-button:hover:not(:disabled){background:#e94700}.icon-spec-preview-stage{place-items:center;display:grid;position:absolute;inset:0 0 0 400px;overflow:hidden}.icon-spec-preview-stage[data-preview-busy=true]{opacity:.72}.icon-spec-frame-preview,.icon-spec-single-preview{flex-direction:column;align-items:flex-start;display:flex}.icon-spec-frame-preview>p,.icon-spec-single-preview>p,.icon-spec-modifier-preview p{margin:0 0 var(--ip-space-8);color:var(--ip-color-text-disabled);font-size:var(--ip-font-size-14);line-height:var(--ip-line-height-22)}.icon-spec-frame-canvas{background-color:var(--ip-color-surface);background-image:linear-gradient(#9abae21f 1px,#0000 1px),linear-gradient(90deg,#9abae21f 1px,#0000 1px);background-size:20px 20px;width:480px;height:480px;position:relative;overflow:hidden}.icon-spec-frame-shape{box-sizing:border-box;pointer-events:none;border:2px solid #6eaeff75;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-spec-frame-switch{margin-top:var(--ip-space-24);padding:var(--ip-space-4);border:1px solid var(--ip-color-border);border-radius:var(--ip-radius-12);background:var(--ip-color-surface);box-shadow:none;align-self:center;display:flex}.icon-spec-frame-switch button{height:40px;padding:0 var(--ip-space-16);border-radius:var(--ip-radius-8);color:var(--ip-color-text-primary);cursor:pointer;font-size:var(--ip-font-size-14);background:0 0}.icon-spec-frame-switch button[aria-pressed=true]{background:var(--ip-color-surface-hover);color:var(--ip-color-text-primary)}.icon-spec-single-preview .icon-spec-demo,.icon-spec-modifier-preview .icon-spec-demo{background:var(--ip-color-surface);width:480px;height:480px;margin:0}.icon-spec-demo-svg,.icon-spec-demo-svg>svg{width:100%;height:100%}.icon-spec-modifier-preview{gap:var(--ip-space-32);grid-template-columns:repeat(2,480px);display:grid}.icon-spec-page-notice{z-index:5;max-width:min(420px,100vw - 440px);padding:var(--ip-space-10) var(--ip-space-14);border-radius:var(--ip-radius-10);background:var(--ip-color-action-primary);color:var(--ip-color-text-inverse);font-size:var(--ip-font-size-13);line-height:var(--ip-line-height-20);text-align:center;pointer-events:none;position:fixed;top:24px;left:calc(50% + 200px);transform:translate(-50%)}.icon-spec-page-notice.is-error{color:#ffd6c7}@media (width<=1240px){.icon-spec-modifier-preview{gap:var(--ip-space-20);grid-template-columns:repeat(2,360px)}.icon-spec-modifier-preview .icon-spec-demo{width:360px;height:360px}}@media (width<=1040px){.icon-spec-editor-panel{width:360px}.icon-spec-preview-stage{left:360px}.icon-spec-frame-canvas,.icon-spec-single-preview .icon-spec-demo{width:420px;height:420px}.icon-spec-tabs button{padding-inline:var(--ip-space-4);font-size:var(--ip-font-size-13)}}@media (height<=799px){.icon-spec-editor-panel{height:752px;bottom:auto}.icon-spec-demo-grid{top:157px}}.app-notice{z-index:30;align-items:center;gap:var(--ip-space-8);border:1px solid var(--border);border-radius:var(--ip-radius-full);color:#e7e7e7;max-width:min(480px,100vw - 40px);min-height:38px;font-size:var(--ip-font-size-11);background:#1f1f1ff7;padding:9px 13px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 32px #00000057}.app-notice.is-error{color:#ffaaa3}.app-action-notice{gap:var(--ip-space-10);padding-left:var(--ip-space-16)}.app-action-notice button{border-radius:var(--ip-radius-full);color:#d6d6d6;cursor:pointer;min-height:26px;font:inherit;background:#292929;border:1px solid #484848;padding:0 11px}.app-action-notice button:first-of-type{color:#91e4df;background:#14b8b229;border-color:#14b8b28c}.app-action-notice button:disabled{cursor:default;opacity:.55}@media (width<=820px){.context-panel{width:min(288px,100vw - 32px);max-height:calc(100dvh - 210px);top:16px;right:16px}.zoom-control{bottom:16px;left:16px}.prompt-dock{bottom:16px}}@media (height<=320px){.generation-placeholder-title{font-size:7px;line-height:10px;bottom:calc(100% + 2px);right:10px}.generation-placeholder-state{width:8px;height:8px;bottom:calc(100% + 2px)}.generation-placeholder-state .dotmatrix-core-spiral{transform:scale(.5)}}@media (prefers-reduced-motion:reduce){.agent-activity-status.is-running{animation:none}.dotmatrix-core-spiral-dot{opacity:var(--dotmatrix-rest-opacity);animation:none}}