.generation-workspace{color:#edeff0;background:#111315;flex-direction:column;height:100dvh;min-height:480px;display:flex;overflow:hidden}.generation-header{background:#151719;border-bottom:1px solid #2b2e31;flex-shrink:0;align-items:center;gap:24px;height:65px;padding:0 24px;display:flex}.generation-back{color:#b2b7bb;letter-spacing:-.7px;align-items:center;gap:14px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.generation-back>svg{width:15px}.generation-project{border-left:1px solid #34383a;align-items:center;gap:10px;min-width:0;padding-left:22px;display:flex}.generation-project h1{font-size:var(--font-control);white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.generation-project>span{font-size:var(--font-caption);letter-spacing:1px;color:#89949e;border-radius:var(--radius-xs);border:1px solid #424a50;padding:2px 5px}.generation-status{color:#929da6;font-size:var(--font-caption);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;display:flex}.generation-status.working{color:#d3b1cc}.generation-panels{flex:1;grid-template-columns:minmax(300px,365px) minmax(0,1fr);min-height:0;display:grid}.generation-chat{background:#151719;border-right:1px solid #2b2e31;flex-direction:column;min-height:0;display:flex}.generation-chat-heading{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 15px;display:flex}.generation-chat-heading>span{font-size:var(--font-caption);align-items:center;gap:8px;display:flex}.generation-chat-heading svg{color:#e2aac5}.generation-chat-heading small{font-size:var(--font-caption);color:#727b83}.generation-messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b3e43 transparent;flex:1;padding:12px 20px 28px;overflow-y:auto}.generation-user-text{justify-content:flex-end;margin:4px 0 24px;display:flex}.generation-user-bubble{border-radius:var(--radius-lg) var(--radius-lg) var(--radius-xs) var(--radius-lg);color:#e5dde7;width:fit-content;min-width:0;font-size:var(--font-caption);white-space:pre-wrap;overflow-wrap:anywhere;background:#29262e;border:1px solid #3a323e;flex-direction:column;gap:8px;max-width:95%;padding:11px 14px;line-height:1.85;display:flex}.generation-user-bubble>p{font:inherit;margin:0}.generation-ai-text{align-items:flex-start;gap:10px;margin:14px 0 22px;display:flex}.generation-ai-avatar{border-radius:var(--radius-sm);color:#e5b7cd;width:23px;height:23px;font-size:var(--font-heading-sm);background:#302633;flex-shrink:0;place-items:center;line-height:1;display:grid}.generation-ai-text p{font-size:var(--font-caption);color:#bcc3ca;white-space:pre-wrap;overflow-wrap:anywhere;padding-top:1px;line-height:1.9}.generation-ai-text.is-error p{color:#e5ad9f}.generation-activity{align-items:baseline;gap:12px;margin:12px 0 12px 9px;display:flex}.generation-activity>span{background:#747d85;border-radius:50%;flex-shrink:0;width:5px;height:5px}.generation-activity p{font-size:var(--font-caption);color:#838d96;line-height:1.8}.generation-revision{text-align:left;border-radius:var(--radius-md);background:#1b2023;border:1px solid #343a3d;gap:10px;width:calc(100% - 32px);margin:15px 0 15px 32px;padding:12px;display:flex}.generation-revision:hover,.generation-revision.selected{background:#222a27;border-color:#69736c}.generation-version-icon{border-radius:var(--radius-sm);color:#b4ceba;letter-spacing:.04em;background:#2c3b33;flex-shrink:0;place-items:center;width:31px;height:31px;font:750 10px/1 ui-monospace,monospace;display:grid}.generation-revision>span:nth-child(2){flex:1;min-width:0}.generation-revision strong{font-size:var(--font-caption);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.generation-revision small{font-size:var(--font-caption);color:#85968d;margin-top:3px;display:block}.generation-revision>svg{color:#93a99b}.generation-note{font-size:var(--font-caption);color:#8a9eae;margin:14px 0;line-height:1.7}.generation-error{border-radius:var(--radius-sm);color:#e8b39f;font-size:var(--font-caption);border:1px solid #59413b;padding:10px 12px;line-height:1.8}.generation-continuation{border-radius:var(--radius-md);background:#242028;border:1px solid #4a424f;flex-shrink:0;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;margin:0 16px 8px;padding:10px 11px;display:grid}.generation-continuation.is-ready{background:#2a222b;border-color:#755a70}.generation-continuation-icon{border-radius:var(--radius-sm);color:#e3abc6;background:#3a2a37;place-items:center;width:28px;height:28px;display:grid}.generation-continuation>div:nth-child(2){min-width:0}.generation-continuation strong,.generation-continuation small{display:block}.generation-continuation strong{color:#eee7ef;font-size:var(--font-caption);line-height:1.5}.generation-continuation small{color:#a49ba7;font-size:var(--font-caption);margin-top:2px;line-height:1.6}.generation-continuation small>span{display:block}.generation-continuation .generation-continuation-meta{color:#d2c7d4;font-weight:500}.generation-continuation-actions{flex-wrap:wrap;grid-column:2;align-items:center;gap:6px;display:flex}.generation-continuation-actions button{border-radius:var(--radius-sm);color:#c9c1cc;min-height:27px;font-size:var(--font-caption);background:0 0;border:1px solid #514853;justify-content:center;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.generation-continuation-actions button.is-primary{color:#2d222b;background:#e8b1cb;border-color:#c58aa5}.generation-continuation-actions button:hover:not(:disabled){border-color:#8b778a}.generation-continuation-actions button.is-primary:hover:not(:disabled){background:#f2c6da}.generation-compose{border-radius:var(--radius-lg);background:#202326;border:1px solid #3c4146;flex-shrink:0;margin:0 16px 16px;padding:12px}.generation-compose:focus-within{border-color:#a0879e}.generation-compose textarea{resize:vertical;color:#e9e6ed;width:100%;height:77px;min-height:50px;max-height:160px;font:12px/1.8 var(--font);background:0 0;border:0;outline:none}.generation-compose textarea::placeholder{color:#767f87}.generation-compose>div{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.generation-compose>div>span{font-size:var(--font-caption);color:#79838c}.generation-compose>div>div{align-items:center;gap:7px;display:flex}.generation-send,.generation-stop{border-radius:var(--radius-md);color:#302632;background:#edb2cd;width:30px;height:30px}.generation-stop{color:#b0b7bc;background:#30363b;border:1px solid #485158}.generation-send:hover{background:#f4c7dc}.generation-preview{background:#101214;flex-direction:column;min-width:0;min-height:0;display:flex}.generation-preview-actions{align-items:center;gap:12px;display:flex}.generation-preview-actions label{color:#87939b;align-items:center;gap:6px;display:flex}.generation-preview-actions select{appearance:none;color:#aeb7bd;max-width:210px;font-size:var(--font-caption);cursor:pointer;background:0 0;border:0;outline:0}.generation-preview-actions option{color:#e4e7ea;background:#202427}.generation-preview-actions>button{color:#7d8992;padding:7px}.generation-preview-surface{flex:1;justify-content:center;align-items:center;min-height:0;padding:22px;display:flex;position:relative;overflow:auto}.generation-starter{width:100%;max-width:1150px;max-height:100%}.generation-preview-surface.has-code-game{align-items:stretch;padding:0;overflow:hidden}.generation-preview-surface.has-code-game[data-device=mobile]{background:#08090b;justify-content:center;align-items:center;padding:18px;overflow:auto}.generation-preview-surface.has-code-game[data-device=mobile]>.generation-preview-content{border-radius:var(--radius-lg);background:#07080b;border:1px solid #353a3f;overflow:hidden;box-shadow:0 14px 40px #0008}.generation-preview-surface.has-code-game[data-device=mobile][data-mobile-orientation=portrait]:not(.is-landscape-preview)>.generation-preview-content{width:min(390px,100%);height:min(100%,844px);max-height:844px}.generation-preview-surface.has-code-game[data-device=mobile][data-mobile-orientation=landscape]:not(.is-landscape-preview)>.generation-preview-content{aspect-ratio:844/390;width:min(844px,100%);max-width:844px;height:auto;max-height:100%}.generation-preview-surface.has-code-game[data-device=mobile] .sandbox-game,.generation-preview-surface.has-code-game[data-device=mobile] .sandbox-play,.generation-preview-surface.has-code-game[data-device=mobile] .sandbox-frame{width:100%;height:100%}.generation-preview-surface.is-landscape-preview>.generation-preview-content{max-width:none;max-height:none;box-shadow:none;border:0;border-radius:0;overflow:visible}.generation-empty,.sandbox-loading{color:#838f99;height:100%;min-height:100px;font-size:var(--font-caption);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.generation-mobile-tabs{display:none}.generated-game-shell{border-radius:var(--radius-lg);background:#11171d;border:1px solid #343a3f;overflow:hidden}.generated-game-shell>.sandbox-game{height:min(70dvh,760px);min-height:350px}.generated-game-toolbar{color:#b0b8bf;height:47px;font-size:var(--font-caption);background:#1b2026;justify-content:space-between;align-items:center;padding:0 15px;display:flex}.generated-game-toolbar>div{gap:8px;display:flex}.generated-game-toolbar button{color:#9ca9b2;padding:6px}.generated-game-toolbar button[aria-pressed=true]{color:#f0bdd3}.sandbox-game{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.sandbox-game>.sp-wrapper{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.sandbox-play,.sandbox-frame{flex:1;height:100%;min-height:0;position:relative}.sandbox-frame iframe{background:#0b1118;border:0;width:100%;height:100%;display:block}.sandbox-frame>.sandbox-loading{z-index:1;background:#121a22;position:absolute;inset:0}.sandbox-restart{z-index:5;color:#adbdca;border-radius:var(--radius-sm);background:#111e2bd9;border:1px solid #889bad44;padding:7px;position:absolute;top:10px;right:10px}.sandbox-source{flex:1;height:100%;min-height:0;display:flex}.sandbox-source>.sp-file-explorer{width:170px;font-size:var(--font-caption);border-right:1px solid #383d45;flex-shrink:0}.sandbox-source>.sp-code-editor{flex:1;min-width:0;height:100%}.sandbox-game [hidden]{display:none!important}.sandbox-runtime-error{border-radius:var(--radius-sm);color:#e9c5c8;font-size:var(--font-caption);background:#321e23f2;border:1px solid #875460;flex-direction:column;gap:5px;padding:10px 12px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.sandbox-runtime-error code{font-size:var(--font-caption);overflow-wrap:anywhere;color:#bf8e96}.sandbox-media-permission{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050608c9;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.sandbox-media-permission-card{border-radius:var(--radius-lg);color:#f2f4f5;background:#14171a;border:1px solid #59616a;flex-direction:column;align-items:flex-start;gap:10px;width:min(360px,100%);padding:18px;display:flex;box-shadow:0 18px 50px #0009}.sandbox-media-permission-icons{color:#f1b5ca;gap:8px;display:flex}.sandbox-media-permission-card strong{font-size:var(--font-body)}.sandbox-media-permission-card p{color:#aeb7bd;font-size:var(--font-caption);margin:0;line-height:1.65}.sandbox-media-permission-card p[role=alert]{color:#f0a6a6}.sandbox-media-permission-actions{gap:8px;width:100%;margin-top:2px;display:flex}.sandbox-media-permission-actions button{border-radius:var(--radius-sm);color:#e8ebed;background:#202429;border:1px solid #4b535b;flex:1;min-height:40px;padding:8px 12px}.sandbox-media-permission-actions button.is-primary{color:#302632;background:#edb2cd;border-color:#d78eaa;justify-content:center;align-items:center;gap:6px;display:inline-flex}.sandbox-motion-status{z-index:6;color:#ece5ec;font-size:var(--font-caption);pointer-events:none;background:#111719e6;border:1px solid #5b525d;border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 8px;line-height:1;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 8px 24px #0006}.sandbox-motion-status svg{color:#efb3c8}.sandbox-motion-status button{min-height:24px;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;background:#2d2931;border:0;border-radius:999px;padding:0 8px}.sandbox-motion-status button:hover,.sandbox-motion-status button:focus-visible{background:#3b3540}.sandbox-motion-status button:focus-visible{outline-offset:2px;outline:2px solid #efb3c8}.sandbox-motion-status.is-error{color:#f2d7db;background:#251719ee;border-color:#80575d;max-width:min(330px,100% - 20px)}.sandbox-motion-status.is-error svg{color:#e8a6b0}.sandbox-motion-status.is-error button{background:#4a2a2f}.sandbox-motion-monitor{--motion-accent:#efb3c8;--motion-accent-strong:#f08cab;--motion-accent-alt:#c7b6f5;z-index:5;border-radius:var(--radius-lg);color:#f1ebf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0d11eb;border:1px solid #ffffff1a;width:min(230px,100% - 20px);max-height:calc(100% - 58px);position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 14px 36px #0007}.sandbox-motion-media{aspect-ratio:4/3;background:radial-gradient(circle at 50% 45%,#302a31 0,#181419 58%,#0d0b0e 100%);position:relative;overflow:hidden}.sandbox-motion-media video{object-fit:cover;width:100%;height:100%;display:block}.sandbox-motion-media video.is-mirrored{transform:scaleX(-1)}.sandbox-motion-skeleton{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.sandbox-motion-skeleton line{stroke:var(--motion-accent);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000a)}.sandbox-motion-skeleton circle{fill:#fff0f5;stroke:#4e303c;stroke-width:1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000a)}.sandbox-motion-skeleton .hand-1 line{stroke:var(--motion-accent-alt)}.sandbox-motion-skeleton .hand-1 circle{fill:#eee9ff}.sandbox-motion-skeleton.is-face line{stroke:var(--motion-accent);stroke-width:.8px;opacity:.8}.sandbox-motion-skeleton.is-face circle{fill:#ffe8f0;stroke:#4e303c;stroke-width:.5px}.sandbox-motion-data{font-size:var(--font-caption);padding:8px 9px 7px;position:relative}.sandbox-motion-heading{align-items:center;gap:6px;min-height:24px;display:flex}.sandbox-motion-kind{border-radius:var(--radius-sm);color:#928791;opacity:.62;background:#ffffff06;border:1px solid #ffffff14;flex:0 0 22px;place-items:center;width:22px;height:22px;display:grid}.sandbox-motion-kind.is-detected{color:var(--motion-accent);opacity:1;background:#efb3c812;border-color:#efb3c83d}.sandbox-motion-heading>strong{font-size:var(--font-caption);font-weight:650}.sandbox-motion-heading>small{color:#9b909b;font-variant-numeric:tabular-nums}.sandbox-motion-heading-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.sandbox-motion-heading-actions button{border-radius:var(--radius-sm);color:#c7bdc7;width:24px;height:24px;font:inherit;cursor:pointer;background:#ffffff07;border:1px solid #ffffff12;justify-content:center;align-items:center;padding:0;display:inline-flex}.sandbox-motion-heading-actions button:hover,.sandbox-motion-heading-actions button:focus-visible{background:#ffffff12;border-color:#ffffff2b}.sandbox-motion-heading-actions button:focus-visible{outline:2px solid var(--motion-accent);outline-offset:1px}.sandbox-motion-hands{border-top:1px solid #ffffff0b;gap:0;margin-top:5px;display:grid}.sandbox-motion-hand{background:0 0;border-radius:0;grid-template-columns:6px minmax(0,1fr) auto auto;align-items:center;gap:6px;min-height:24px;padding:5px 1px;display:grid}.sandbox-motion-hand+.sandbox-motion-hand{border-top:1px solid #ffffff08}.sandbox-motion-hand>i{background:var(--motion-accent);border-radius:50%;width:6px;height:6px}.sandbox-motion-hand.hand-1>i{background:var(--motion-accent-alt)}.sandbox-motion-hand>span{color:#b9afb8;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sandbox-motion-hand>strong{color:#f5eff3;font-size:var(--font-caption);font-weight:650}.sandbox-motion-hand>small{color:#877d87;font-variant-numeric:tabular-nums}.sandbox-motion-actions,.sandbox-motion-waiting{color:#ded5dc;text-overflow:ellipsis;white-space:nowrap;align-items:center;min-height:24px;margin:5px 0 2px;line-height:1.4;display:flex;overflow:hidden}.sandbox-motion-waiting{color:#8d848e}.sandbox-motion-monitor.is-minimized{width:min(176px,100% - 20px)}.sandbox-motion-monitor.is-minimized .sandbox-motion-media,.sandbox-motion-monitor.is-minimized .sandbox-motion-data>:not(.sandbox-motion-heading){display:none}.sandbox-motion-monitor.is-minimized .sandbox-motion-data{padding:6px 7px}.sandbox-motion-monitor.is-minimized .sandbox-motion-heading>strong{font-size:var(--font-caption)}.sandbox-media-note{z-index:5;color:#d6bc91;font-size:var(--font-caption);background:#3e3226;padding:5px 8px;position:absolute;top:10px;left:10px}.sandbox-file-tree{background:#141619;border-right:1px solid #383d45;flex-direction:column;flex:0 0 190px;align-items:stretch;gap:2px;min-width:0;padding:12px 8px;display:flex;overflow:auto}.sandbox-file-root{color:#d8cddd;font-size:var(--font-caption);align-items:center;gap:6px;padding:2px 7px 8px;display:flex}.sandbox-file-tree button{border-radius:var(--radius-xs);color:#a99db2;text-align:left;width:100%;min-width:0;font-size:var(--font-caption);align-items:center;gap:7px;padding:5px 7px 5px 20px;display:flex}.sandbox-file-tree button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sandbox-file-tree button svg{flex:none}.sandbox-file-tree button:hover{color:#ece4ef;background:#24282d}.sandbox-file-tree button.is-active{color:var(--on-overlay);background:#2b3035;box-shadow:inset 2px 0 #e6547e}.sandbox-code-view{background:#0e1012;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sandbox-code-view>header{background:#151719;border-bottom:1px solid #302735;align-items:center;gap:10px;min-height:44px;padding:0 14px;display:flex}.sandbox-code-view>header>div{flex:1;align-items:baseline;gap:9px;min-width:0;display:flex}.sandbox-code-view>header strong{color:#eee5f1;text-overflow:ellipsis;white-space:nowrap;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.sandbox-code-view>header span,.sandbox-code-view>header small{color:#8f8399;font-size:var(--font-caption);white-space:nowrap}.sandbox-code-view>header button{border-radius:var(--radius-xs);color:#a99db3;place-items:center;width:28px;height:28px;display:grid}.sandbox-code-view>header button:hover{color:var(--on-overlay);background:#292e33}.sandbox-code-view>pre{color:#d8e2e7;tab-size:2;white-space:pre;background:#0e1012;flex:1;min-height:0;margin:0;padding:18px 20px 40px;font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.sandbox-code-view>pre code{font:inherit}.sandbox-file-tree button{padding-left:calc(6px + var(--tree-depth,0) * 14px);justify-content:flex-start}.sandbox-file-folder{flex-direction:column;gap:2px;min-width:0;display:flex}.sandbox-folder-toggle{color:#cfc2d5;font-weight:500}.sandbox-folder-toggle svg{color:#a58caf}@media (max-width:1000px){.generation-panels{grid-template-columns:310px minmax(0,1fr)}.generation-preview-actions select{max-width:150px}.generation-preview-surface{padding:15px}}@media (max-width:720px){.generation-header{gap:13px;height:55px;padding:0 14px}.generation-back{font-size:var(--font-body-lg);gap:8px}.generation-project{gap:7px;padding-left:12px}.generation-project h1{max-width:145px;font-size:var(--font-caption)}.generation-project>span{display:none}.generation-status{font-size:var(--font-caption);gap:4px}.generation-mobile-tabs{border-bottom:1px solid #30353a;flex-shrink:0;gap:15px;height:43px;padding:5px 14px;display:flex}.generation-mobile-tabs button{font-size:var(--font-caption);color:#87949e;gap:6px}.generation-mobile-tabs button[aria-pressed=true]{color:#e9b6ce}.generation-mobile-tabs span{font-size:var(--font-caption);color:#8eb69d;border-radius:var(--radius-xs);background:#26382d;padding:1px 4px}.generation-panels{flex:1;min-height:0;display:flex}.generation-chat,.generation-preview{border:0;width:100%}.generation-panels.mobile-chat .generation-preview,.generation-panels.mobile-preview .generation-chat{display:none}.generation-compose textarea{height:65px}.generation-preview-surface{padding:12px}.generation-preview-surface.has-code-game[data-device=mobile]{padding:8px}.generation-preview-actions select{max-width:155px}.sandbox-file-tree{flex-basis:112px;padding:9px 5px}.sandbox-file-tree button{padding:5px 5px 5px calc(4px + var(--tree-depth,0) * 10px);font-size:var(--font-caption)}.sandbox-file-root{font-size:var(--font-caption);padding-left:5px}.sandbox-code-view>header{padding:0 9px}.sandbox-code-view>header span{display:none}.sandbox-code-view>pre{font-size:var(--font-caption);padding:13px 12px 30px}.generated-game-shell>.sandbox-game{height:65dvh;min-height:300px}}.generation-visual-review{border-radius:var(--radius-md);background:#192225;border:1px solid #3b4a4c;margin:16px 0 18px 32px;padding:10px 12px}.generation-visual-review>summary{cursor:pointer;color:#b6d1c9;font-size:var(--font-caption);align-items:center;gap:8px;list-style:none;display:flex}.generation-visual-review>summary::-webkit-details-marker{display:none}.generation-visual-review>summary>span{flex:1}.generation-visual-review img{object-fit:contain;border-radius:var(--radius-xs);background:#0d161e;width:100%;height:auto;max-height:180px;margin-top:11px;display:block}.generation-visual-review p{font-size:var(--font-caption);color:#aebdbd;white-space:pre-wrap;margin-top:10px;line-height:1.8}.generation-visual-review ul{color:#c2d0cc;font-size:var(--font-caption);margin:10px 0;padding-left:14px;line-height:1.7}.generation-visual-review li+li{margin-top:10px}.generation-visual-review small{color:#829b93;font-size:var(--font-caption);margin-top:4px;line-height:1.7;display:block}@media (max-width:1100px){.generation-preview-actions select{max-width:135px}.generation-preview-actions{gap:7px}}@media (max-width:720px){.generation-preview-actions select{max-width:115px}.generation-preview-actions{gap:4px}}.generation-playtest-live{color:#8da69b;font-size:var(--font-caption);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.generation-playtest-views{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:4px;margin-top:10px;padding:3px;display:flex}.generation-playtest-views button{border-radius:var(--radius-xs);min-height:28px;color:var(--muted);font-size:var(--font-caption);flex:1;justify-content:center;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.generation-playtest-views button[aria-pressed=true]{color:var(--text);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border)}.generation-playtest-orientation{color:var(--muted);font-size:var(--font-caption);margin:8px 0 0;line-height:1.55}.generation-playtest-result{color:var(--muted);font-size:var(--font-caption);margin-top:10px;line-height:1.65}.generation-playtest-result>strong{color:var(--text);font-size:var(--font-caption);margin-bottom:4px;font-weight:600;display:block}.generation-playtest-result>p{margin:0}.generation-playtest-result ul{margin:7px 0 0;padding-left:16px}.generation-playtest-result small,.generation-playtest-error-count{color:var(--muted);font-size:var(--font-caption);margin-top:7px;display:block}.generation-playtest>.generation-event-body>a:has(>img){width:fit-content;max-width:100%;margin:11px auto 0;display:block}.generation-playtest>.generation-event-body img{object-fit:contain;border-radius:var(--radius-xs);background:#0d161e;width:auto;max-width:100%;height:auto;max-height:min(220px,34dvh);display:block}.generation-playtest-steps{scrollbar-width:thin;flex-direction:column;gap:3px;max-height:168px;margin-top:8px;display:flex;overflow:auto}.generation-playtest-steps>button{text-align:left;border-radius:var(--radius-xs);color:#95aaa2;font-size:var(--font-caption);flex-shrink:0;gap:9px;padding:6px;display:flex}.generation-playtest-steps>button[aria-pressed=true]{color:#e1ece5;background:#2b3e35}.generation-playtest-steps b{opacity:.6;font:10px/1.6 monospace}.generation-playtest-steps span{flex:1}.generation-playtest-steps small{font-size:var(--font-caption);margin:1px 0 0}.generation-playtest-errors{color:#c5a39d;font-size:var(--font-caption);margin-top:10px}.generation-playtest-errors pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;font-size:var(--font-caption);margin-top:8px;overflow:auto}.generation-playtest-critique{border-top:1px solid var(--border);color:var(--muted);font-size:var(--font-caption);margin-top:10px;padding:10px 0 0}.generation-playtest-critique>strong{color:var(--text);font-size:var(--font-caption);margin-bottom:7px;font-weight:600;display:block}.generation-playtest-scores{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.generation-playtest-scores span{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);justify-content:space-between;gap:5px;min-width:0;padding:5px 6px;display:flex}.generation-playtest-scores b{color:var(--text);white-space:nowrap;font-weight:500}.generation-playtest-critique>p{margin-top:7px;line-height:1.6}.generation-playtest-critique>p b{color:var(--text);font-weight:500}.generation-event-row{box-shadow:none;background:0 0;border:0;border-radius:0;margin:7px 0;padding:0}.generation-event-row:before,.generation-event-row:after{content:none}.generation-event-row>summary{color:#b8c7c2;min-width:0;min-height:38px;font-size:var(--font-caption);cursor:pointer;background:0 0;border:1px solid #283136;border-left:0;border-right:0;border-radius:0;align-items:center;gap:8px;padding:8px;font-weight:500;list-style:none;display:flex}.generation-event-row>summary::-webkit-details-marker{display:none}.generation-event-row>summary>.generation-event-badge{border-radius:var(--radius-xs);color:#91b6a8;letter-spacing:.04em;background:#1d2925;flex:none;min-width:0;padding:2px 5px;font:600 8px/1.4 ui-monospace,monospace}.generation-event-row>summary>.generation-event-title{color:#d5dfdb;min-width:0;font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.generation-event-row>summary>.generation-event-meta{color:#768780;font-size:var(--font-caption);white-space:nowrap;flex:none;margin-left:auto}.generation-event-toggle{color:#72827b;flex:none;transition:transform .16s}.generation-event-row[open]>summary>.generation-event-toggle{transform:rotate(180deg)}.generation-event-row.is-failed>summary{color:#e3b7bf;background:#1a1215;border-color:#53313a}.generation-event-row.is-failed>summary>.generation-event-badge{color:#df9dab;background:#301d23}.generation-event-row.is-completed>summary,.generation-event-row.is-reviewed>summary{border-color:#29443c}.generation-event-row.is-running>summary,.generation-event-row.is-queued>summary,.generation-event-row.is-searching>summary,.generation-event-row.is-requested>summary,.generation-event-row.is-captured>summary,.generation-event-row.is-reviewing>summary{border-color:#594d2d}.generation-event-row[open]>summary{border-bottom:0}.generation-event-body{color:#9eaaa5;font-size:var(--font-caption);overflow-wrap:anywhere;border-bottom:1px solid #283136;padding:2px 8px 10px;line-height:1.7}.generation-event-body>p{margin:10px 0 0}.generation-event-body>ul{color:#b5c0bc;margin:10px 0 0;padding-left:16px}.generation-event-body>ul>li+li{margin-top:8px}.generation-event-body small{color:#7f8f89;font-size:var(--font-caption);margin-top:3px;line-height:1.6;display:block}.generation-event-body .generation-research-query{flex-wrap:wrap;align-items:baseline;gap:3px 6px;display:flex}.generation-event-body .generation-research-query small{color:#72847c;margin:0;display:inline}.generation-event-row.is-failed>.generation-event-body{border-bottom-color:#53313a}.generation-event-row.is-completed>.generation-event-body,.generation-event-row.is-reviewed>.generation-event-body{border-bottom-color:#29443c}@media (min-width:721px) and (max-width:1180px){.generation-preview-actions select{max-width:110px}}@media (max-width:460px){.generation-preview-actions select{max-width:90px}}.generation-progress-card{border-radius:var(--radius-lg);color:#d9d1df;background:#1c1822;border:1px solid #34303d;margin:10px 0 22px;padding:16px 14px 14px;box-shadow:0 8px 28px #08070b33}.generation-progress-heading{align-items:center;gap:9px;min-height:25px;display:flex}.generation-progress-heading strong{font-size:var(--font-caption);letter-spacing:.01em;font-weight:600}.generation-progress-heading time{color:#aca3b2;font-size:var(--font-caption);white-space:nowrap;margin-left:auto}.generation-progress-mark{border-radius:var(--radius-sm);color:#f7b6d1;background:#3b293d;place-items:center;width:24px;height:24px;display:grid}.generation-progress-current{color:#dd668e;font-size:var(--font-caption);align-items:center;gap:6px;margin:13px 0 10px;line-height:1.5;display:flex}.generation-progress-current span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.generation-progress-sync{color:#8f7889;font-size:var(--font-caption);flex:none;margin-left:auto;font-weight:500}.generation-progress-steps{scrollbar-width:thin;flex-direction:column;gap:5px;max-height:126px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.generation-progress-steps li{color:#77717e;align-items:baseline;gap:9px;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.generation-progress-steps li time{color:#68626f;font-variant-numeric:tabular-nums;flex-shrink:0;width:34px}.generation-progress-steps li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generation-progress-steps li.is-active{color:#d9cbd8}.generation-progress-steps li.is-active time{color:#aaa1b0}.generation-progress-steps li i{color:#ed668f;margin-left:auto;font-style:normal}.generation-progress-track{background:#302b38;border-radius:999px;gap:4px;height:5px;margin:14px 0 8px;display:flex;overflow:hidden}.generation-progress-track span{background:#302b38;border-radius:999px;flex:1;min-width:0;height:100%;transition:background .35s;display:block}.generation-progress-track span.is-filled{background:#e95b86}.generation-progress-phases{grid-template-columns:repeat(6,1fr);gap:3px;display:grid}.generation-progress-card.is-edit .generation-progress-phases{grid-template-columns:repeat(3,1fr)}.generation-progress-phases span{color:#79727f;font-size:var(--font-caption);flex-direction:column;gap:2px;display:flex}.generation-progress-phases b{font-weight:500}.generation-progress-phases small{font-size:var(--font-caption);color:#5e5964;text-transform:uppercase;letter-spacing:.08em}.generation-progress-phases span.is-current{color:#f0e8f0}.generation-progress-phases span.is-current small{color:#bfb0bf}.generation-progress-phases span.is-done{color:#d28aa4}.generation-progress-card.status-completed{background:#1a211d;border-color:#435448}.generation-progress-card.status-completed .generation-progress-current{color:#9ac4a7}.generation-progress-card.status-completed .generation-progress-track span.is-filled{background:#86b999}.generation-progress-card.status-completed .generation-progress-mark{color:#bce7c8;background:#294333}.generation-progress-card.status-failed,.generation-progress-card.status-cancelled{border-color:#59413b}.generation-progress-card.status-failed .generation-progress-current,.generation-progress-card.status-cancelled .generation-progress-current{color:#e6a08f}@media (max-width:720px){.generation-progress-card{margin:8px 0 18px;padding:14px 12px}.generation-progress-heading strong,.generation-progress-heading time{font-size:var(--font-caption)}.generation-progress-current{margin-top:11px}.generation-progress-steps{max-height:112px}.generation-progress-phases small{display:none}}.generation-compose.is-readonly{background:#1b2024;border-color:#354048}.generation-compose.is-readonly textarea{cursor:not-allowed}.generation-compose.is-readonly>div>span{color:#8da5b1}.generation-workspace{color:#eee8f1;background:#111315;height:100dvh;min-height:0;position:relative}.generation-workspace .generation-chat{background:#141619;border-color:#2c3034;min-width:0}.generation-messages{color:#d5d9de}.generation-user-bubble{font-size:var(--font-control);color:#f1e9f2;background:#24282d;border-color:#3b4046;line-height:1.85}.generation-user-queue-label{color:#cbb38d;font-size:var(--font-caption);border-top:1px solid #51493f;align-items:center;gap:5px;margin-top:7px;padding-top:6px;line-height:1.4;display:flex}.generation-ai-text p{font-size:var(--font-control);color:#d7dbe0;line-height:2}.generation-note{font-size:var(--font-caption);color:#aebdca}.generation-error{font-size:var(--font-caption);color:#f1c0b4}.generation-workspace .generation-compose{background:#191c20;border-color:#343941;margin:0 12px 12px;padding:13px}.generation-workspace .generation-compose.is-queueing{border-color:#5a4a34}.generation-workspace .generation-compose textarea{font-size:var(--font-control);line-height:1.8}.generation-workspace .generation-compose>div>span{font-size:var(--font-caption);color:#a69aae;line-height:1.6}.generation-workspace .generation-send{color:#fff;background:#e6547e}.generation-workspace .generation-send:hover:not(:disabled){background:#f36a91}.generation-progress-heading strong{font-size:var(--font-control)}.generation-progress-current{font-size:var(--font-caption)}.generation-progress-steps li{font-size:var(--font-caption);color:#aaa1b2}.generation-progress-steps li time{color:#958a9f}.generation-progress-phases small{color:#9c8fa8}.generation-revision{border-radius:var(--radius-md);width:100%;margin:12px 0;padding:13px}.generation-revision strong,.generation-revision small{font-size:var(--font-caption)}.generation-editor-bar{color:#e8e0ed;background:#151719;border-bottom:1px solid #2c3034;flex:0 0 52px;align-items:center;gap:18px;height:52px;padding:0 16px;display:flex}.generation-editor-brand,.generation-editor-tools,.generation-editor-actions{align-items:center;gap:7px;min-width:0;display:flex}.generation-editor-brand{flex:1;justify-content:flex-start;gap:12px}.generation-editor-brand>a{flex:none;text-decoration:none}.generation-editor-brand>div{flex-direction:column;min-width:0;display:flex}.generation-editor-brand strong{font-size:var(--font-control);text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-weight:600;overflow:hidden}.generation-project-title-row,.generation-project-rename{align-items:center;gap:5px;min-width:0;display:flex}.generation-project-title-row>button,.generation-project-rename>button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);flex:none;padding:0}.generation-project-title-row>button:hover:not(:disabled),.generation-project-rename>button:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.generation-project-rename>input{border:1px solid var(--accent);border-radius:var(--radius-sm);width:min(240px,24vw);min-width:120px;height:27px;color:var(--text);background:var(--surface-raised);font-size:var(--font-caption);outline:0;padding:0 7px}.generation-editor-brand small{color:#a498ae;font-size:var(--font-caption);margin-top:2px}.generation-editor-context{text-overflow:ellipsis;white-space:nowrap;max-width:310px;display:block;overflow:hidden}.generation-editor-context span{color:#b8bdc4}.generation-brand-mark{width:18px;height:18px;display:block}.generation-workspace .generation-bar-icon,.generation-editor-tools button{border-radius:var(--radius-sm);color:#b0a4ba;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.generation-workspace .generation-bar-icon:hover:not(:disabled),.generation-editor-tools button:hover:not(:disabled){color:#f2eaf3;background:#282d32}.generation-editor-tools{flex:none}.generation-preview-device-controls{flex:none;align-items:center;gap:2px;display:flex}.generation-editor-tools .generation-preview-device-controls button[aria-pressed=true]{color:#f2eaf3;background:#282d32}.generation-editor-tools .generation-version-count{color:#d8c9df;font-variant-numeric:tabular-nums;background:0 0;justify-content:center;align-items:center;gap:4px;width:auto;min-width:60px;height:30px;padding:0 6px;font-family:ui-monospace,monospace;display:inline-flex}.generation-version-count small{color:#8b9199;font-size:var(--font-caption);white-space:nowrap}.generation-editor-actions{flex:none;gap:12px;margin-left:auto}.generation-editor-status{color:#ab9fb5;font-size:var(--font-caption);white-space:nowrap}.generation-editor-status.working{color:#e4a8bf}.generation-editor-divider{background:#3a3f45;width:1px;height:18px;margin:0 3px}.generation-publish-top{border-radius:var(--radius-sm);min-height:34px;color:var(--on-overlay);font-size:var(--font-caption);white-space:nowrap;background:#df4c77;border:1px solid #ed6b92;align-items:center;gap:6px;padding:7px 13px;font-weight:600;display:inline-flex}.generation-publish-top:hover:not(:disabled){background:#f0648e}.generation-publish-top:disabled{color:#a7939b;background:#282326;border-color:#49383f}.generation-share-top{border-radius:var(--radius-sm);color:#d5d9de;min-height:34px;font-size:var(--font-caption);white-space:nowrap;background:#1e2125;border:1px solid #41474e;align-items:center;gap:6px;padding:7px 10px;font-weight:500;display:inline-flex}.generation-share-top:hover:not(:disabled){background:#292e33;border-color:#626970}.generation-share-top:disabled{opacity:.42}.generation-editor-notice{z-index:20;border-radius:var(--radius-sm);color:#b9dfcd;max-width:min(360px,100vw - 32px);font-size:var(--font-caption);background:#15221c;border:1px solid #365446;margin:0;padding:8px 11px;line-height:1.6;position:absolute;top:60px;right:16px;box-shadow:0 10px 30px #0007}.generation-workspace>.generation-panels{flex:1;grid-template-columns:minmax(320px,30%) minmax(0,1fr);min-height:0}.generation-preview{background:#0d0f11;position:relative}.generation-preview:fullscreen{width:100vw;height:100dvh}.generation-preview .sandbox-toolbar{display:none}.generation-workspace .sandbox-source .sp-file-explorer-list{padding:10px 8px}.generation-workspace .sandbox-source .sp-explorer{text-align:left;justify-content:flex-start;width:100%}.generation-preview-surface:has(.generation-starter){align-items:stretch;padding:0;overflow:hidden}.generation-starter{max-width:none;height:100%}.generation-starter>.game-shell{border:0;border-radius:0;flex-direction:column;height:100%;min-height:0;display:flex}.generation-starter .game-toolbar,.generation-starter .game-bottom{display:none}.generation-starter .canvas-wrap{aspect-ratio:auto;flex:1;min-height:0}.generation-starter .canvas-wrap canvas{object-fit:contain}.generation-workspace .generation-empty{text-align:center;color:#aba0b8;padding:20px;line-height:1.8}.generation-workspace button:focus-visible{outline-offset:2px;outline:2px solid #f489ac}@media (min-width:721px){.generation-workspace>.generation-panels.chat-collapsed{grid-template-columns:minmax(0,1fr)}.generation-panels.chat-collapsed .generation-chat{display:none}}@media (max-width:1000px){.generation-editor-bar{gap:10px;padding:0 12px}.generation-editor-brand strong{max-width:180px}.generation-editor-actions{gap:8px}.generation-editor-status{display:none}}@media (max-width:720px){.generation-workspace{min-height:0}.generation-editor-bar{gap:7px;padding:0 10px}.generation-editor-brand{gap:5px}.generation-editor-brand strong{max-width:140px;font-size:var(--font-caption)}.generation-editor-brand small{font-size:var(--font-caption)}.generation-editor-tools{display:flex}.generation-editor-tools>button:not(.generation-version-count),.generation-editor-tools>.generation-editor-divider,.generation-editor-tools>.generation-preview-device-controls{display:none}.generation-editor-tools .generation-version-count{min-width:58px;padding-inline:5px}.generation-editor-tools>button.generation-annotation-open{display:inline-flex}.generation-editor-actions{gap:6px}.generation-share-top{justify-content:center;width:32px;height:32px;min-height:32px;padding:0}.generation-share-top span{display:none}.generation-publish-top{font-size:var(--font-caption);padding:7px 9px}.generation-editor-notice{top:57px;right:10px}.generation-preview-surface.has-code-game[data-device][data-mobile-orientation]{justify-content:stretch;align-items:stretch;padding:0;overflow:hidden}.generation-preview-surface.has-code-game[data-device][data-mobile-orientation]:not(.is-landscape-preview)>.generation-preview-content{aspect-ratio:auto;width:100%;max-width:none;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0}.generation-workspace .generation-mobile-tabs{background:#151719;gap:22px}.generation-mobile-tabs button{font-size:var(--font-caption)}.generation-workspace>.generation-panels{display:flex}}@media (max-width:380px){.generation-editor-brand strong{max-width:105px}}:root[data-theme] .dialog.generation-version-dialog{width:min(440px,100vw - 16px);height:auto;max-height:calc(100dvh - 16px);margin:0;position:fixed;inset:8px 8px auto auto}@media (max-width:720px){:root[data-theme] .dialog.generation-version-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.generation-version-center{flex-direction:column;gap:14px;display:flex}.generation-version-feedback{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));border-radius:var(--radius-sm);color:var(--text);background:var(--accent-soft);font-size:var(--font-caption);margin:0;padding:9px 10px;line-height:1.55}.generation-publication-overview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;display:grid}.generation-publication-version{flex-direction:column;gap:3px;min-width:0;display:flex}.generation-publication-version+.generation-publication-version{border-left:1px solid var(--border);padding-left:12px}.generation-publication-version>span{color:var(--muted);font-size:var(--font-caption)}.generation-publication-version>strong{color:var(--text);font:600 13px/1.4 ui-monospace,monospace}.generation-publication-version>small{color:var(--muted);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-publication-version.is-online>strong{color:var(--muted)}.generation-publication-version.is-draft>strong{color:var(--text)}.generation-publication-note{color:var(--muted);font-size:var(--font-caption);margin:0;padding:0 2px;line-height:1.6}.generation-version-list-heading{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.generation-version-list-heading strong{color:var(--text);font-size:var(--font-caption);font-weight:600}.generation-version-list-heading span{color:var(--muted);font-size:var(--font-caption)}.generation-version-list{border-bottom:1px solid var(--border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.generation-version-item{border-top:1px solid var(--border);background:0 0;padding:10px 2px}.generation-version-item.is-selected{border-top-color:var(--border);background:var(--surface-raised)}.generation-version-main{align-items:center;gap:9px;min-width:0;display:flex}.generation-version-info{flex-direction:column;flex:1;min-width:0;display:flex}.generation-version-badge{border-radius:var(--radius-sm);width:31px;height:31px;color:var(--text);background:var(--surface-raised);flex:none;place-items:center;font:600 10px/1 ui-monospace,monospace;display:grid}.generation-version-main strong{color:var(--text);font-size:var(--font-control);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.generation-version-main small{color:var(--muted);font-size:var(--font-caption)}.generation-version-secondary{align-items:center;gap:5px;min-width:0;margin-top:3px;display:flex}.generation-version-release-notes{color:var(--muted);font-size:var(--font-caption);white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 0;line-height:1.55;display:-webkit-box;overflow:hidden}.generation-version-tags{flex-wrap:wrap;gap:3px;min-width:0;display:flex}.generation-version-tags span{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--font-caption);padding:0 4px;line-height:1.55}.generation-version-tags span.is-online{border-color:var(--border);color:var(--muted);background:var(--surface-raised)}.generation-version-actions{flex:none;justify-content:flex-end;gap:5px;display:flex}.generation-version-actions button{border:1px solid var(--border);border-radius:var(--radius-xs);width:32px;min-width:32px;min-height:32px;color:var(--text);background:var(--surface-raised);font-size:var(--font-caption);justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}.generation-version-actions button:hover:not(:disabled){border-color:var(--border);color:var(--text)}.generation-version-actions button.is-primary{border-color:var(--border);color:var(--bg);background:var(--accent)}.generation-version-actions button:disabled{opacity:.45}@media (max-width:480px){.generation-version-item{padding-block:11px}}@media (max-width:350px){.generation-version-main{flex-wrap:wrap;align-items:flex-start}.generation-version-actions{justify-content:flex-end;width:100%;padding-left:40px}}.generation-share-dialog{border-radius:var(--radius-md);color:#ece5ef;background:#151719;border:1px solid #34383d;width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 100px #0008}.generation-share-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07050ccc}.generation-share-content{padding:24px}.generation-share-content header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.generation-share-mark{color:#f586ab;border-radius:var(--radius-lg);background:#252a2f;border:1px solid #41474e;place-items:center;width:44px;height:44px;display:grid}.generation-share-content header button{border-radius:var(--radius-sm);color:#b8a9c4;width:32px;height:32px}.generation-share-content header button:hover{background:#292e33}.generation-share-content h2{letter-spacing:-.5px;font-size:21px;font-weight:600}.generation-share-content p{font-size:var(--font-control);color:#bbadc6;margin-top:9px;line-height:1.8}.generation-share-content label{font-size:var(--font-caption);color:#b8a6c4;margin:24px 0 8px;display:block}.generation-share-content input{border-radius:var(--radius-md);color:#e5e8eb;width:100%;min-width:0;font-size:var(--font-caption);outline-offset:2px;background:#0f1113;border:1px solid #3b4046;padding:12px}.generation-share-feedback{color:#b8a9c4;min-height:48px;font-size:var(--font-caption);margin-top:10px;line-height:1.8}.generation-share-content footer{justify-content:space-between;align-items:center;gap:12px;margin-top:13px;display:flex}.generation-share-content footer a{color:#d7c6e2;font-size:var(--font-caption);align-items:center;gap:6px;text-decoration:none;display:flex}.generation-share-content footer button{color:var(--on-overlay);border-radius:var(--radius-sm);font-size:var(--font-caption);background:#df4c77;padding:10px 15px}.generation-share-content footer button:hover{background:#f0648e}.generation-regeneration-draft{color:var(--muted);font-size:var(--font-caption);justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;line-height:1.4;display:flex}.generation-regeneration-draft button{color:var(--accent);font-size:var(--font-caption);background:0 0;padding:2px 0}.generation-regeneration-draft button:hover{color:var(--text)}.generation-compose>.generation-reference-list{box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;justify-content:flex-start;align-items:stretch;gap:6px;width:100%;max-width:100%;margin:-2px 0 8px;padding:1px 0 2px;display:flex;overflow-x:auto}.generation-compose>.generation-reference-list::-webkit-scrollbar{display:none}.generation-compose>.generation-reference-list>.generation-reference-chip{box-sizing:border-box;border-radius:var(--radius-md);color:#b9c6ce;width:174px;min-width:0;max-width:min(174px,52vw);font-size:var(--font-caption);scroll-snap-align:start;background:#1a2125;border:1px solid #4a5660;flex:none;align-items:center;gap:8px;padding:5px 7px;display:flex}.generation-compose>.generation-reference-list>.generation-reference-chip img{border-radius:var(--radius-sm);object-fit:cover;flex:0 0 32px;width:32px;height:32px}.generation-compose>.generation-reference-list>.generation-reference-chip>svg{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));flex:0 0 32px;padding:7px}.generation-compose>.generation-reference-list>.generation-reference-chip .generation-reference-copy{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.generation-compose>.generation-reference-list>.generation-reference-chip .generation-reference-copy :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-compose>.generation-reference-list>.generation-reference-chip .generation-reference-copy strong{color:#e8edf0;font-size:var(--font-caption);font-weight:500}.generation-compose>.generation-reference-list>.generation-reference-chip .generation-reference-copy small{color:#87939c;font-size:var(--font-caption)}.generation-reference-chip button{color:#91a0aa;place-items:center;padding:3px;display:grid}.generation-reference-chip button:hover{color:#f0bfd5}.generation-compose>.generation-annotation-review{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 7px;overflow:hidden}.generation-annotation-review-toggle{width:100%;min-height:31px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:6px;padding:4px 2px;display:grid}.generation-annotation-review-toggle>strong{color:var(--muted);font-size:10.5px;font-weight:500}.generation-annotation-review-toggle>svg{transition:transform .16s}.generation-annotation-review-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.generation-annotation-list{overscroll-behavior:contain;max-height:min(36vh,270px);overflow-y:auto}.generation-annotation-row{grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;gap:7px;padding:7px 2px;display:grid}.generation-annotation-row+.generation-annotation-row{border-top:1px solid color-mix(in srgb, var(--border) 68%, transparent)}.generation-annotation-number{color:var(--accent);font-size:var(--font-caption);text-align:center;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.generation-annotation-copy{min-width:0}.generation-annotation-text{width:100%;color:var(--text);overflow-wrap:anywhere;text-align:left;white-space:pre-wrap;background:0 0;border:0;padding:0;font-size:12.5px;font-weight:500;line-height:1.5;display:block}.generation-annotation-text:hover{color:var(--accent)}.generation-annotation-actions{justify-content:flex-end;display:flex}.generation-annotation-actions button,.generation-annotation-edit button{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--muted);opacity:.72;background:0 0;border:0;place-items:center;padding:0;display:grid}.generation-annotation-actions button:hover:not(:disabled),.generation-annotation-edit button:hover:not(:disabled){color:var(--text);background:var(--surface-raised);opacity:1}.generation-annotation-actions button:last-child:hover:not(:disabled){color:var(--accent)}.generation-annotation-edit{align-items:flex-end;gap:4px;display:flex}.generation-annotation-edit textarea{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);width:auto;min-width:0;height:54px;min-height:54px;color:var(--text);background:var(--surface-raised);font:12px/1.5 var(--font);outline:0;flex:1;padding:7px 8px}.generation-annotation-edit textarea:focus{border-color:var(--accent)}.generation-annotation-edit button.is-primary{color:var(--on-overlay);background:var(--accent);border:0}.generation-image-button{border-radius:var(--radius-md);color:#b9c6ce;background:#293036;border:1px solid #475158;place-items:center;width:30px;height:30px;display:grid}.generation-image-button:hover:not(:disabled){color:#f2bfd8;border-color:#a0879e}.generation-image-button:disabled{opacity:.5}.generation-message-reference{color:#c5a9ba;font-size:var(--font-caption);align-items:center;gap:5px;margin-top:7px;text-decoration:none;display:flex}.generation-ai-references{flex-wrap:wrap;gap:8px;max-width:100%;margin-top:8px;padding-left:30px;display:flex}.generation-ai-references .generation-message-reference{aspect-ratio:4/3;width:min(100%,320px);height:auto}.generation-ai-references .generation-message-reference img{object-fit:contain;width:100%;height:100%}.generation-message-references{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.generation-message-reference:hover{color:#f0bfd5}.sandbox-toolbar{color:#72818e;min-height:35px;font-size:var(--font-caption);background:#141a20;border-bottom:1px solid #2c343c;flex:none;align-items:center;gap:10px;padding:4px 10px;display:flex}.sandbox-toolbar>span:first-child{margin-right:auto}.sandbox-toolbar .sandbox-restart{border-radius:var(--radius-xs);place-items:center;padding:4px;display:grid;position:static}.sandbox-toolbar .sandbox-media-note{font-size:var(--font-caption);padding:3px 6px;position:static}.editor-viewport{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.editor-viewport-toolbar{border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--font-caption);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.editor-viewport-toolbar label,.editor-viewport-dimensions{align-items:center;gap:6px;display:flex}.editor-viewport-toolbar input,.editor-viewport-toolbar select,.editor-viewport-toolbar button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);height:30px;color:var(--text);font:inherit;min-width:0}.editor-viewport-toolbar input{text-align:center;font-variant-numeric:tabular-nums;width:64px;padding:0 4px}.editor-viewport-toolbar select{max-width:190px;padding:0 5px}.editor-viewport-toolbar button{cursor:pointer;place-items:center;width:30px;padding:0;display:grid}.editor-viewport-toolbar :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.editor-viewport-toolbar button.is-active{border-color:var(--accent);color:var(--on-overlay);background:var(--accent)}.generation-preview-device-quick{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);align-items:center;gap:2px;padding:2px;display:inline-flex}.generation-editor-tools .generation-preview-device-quick button{border-radius:var(--radius-sm);width:30px;height:26px;color:var(--on-overlay);background:0 0;border:0}.generation-editor-tools .generation-preview-device-quick button:hover:not(:disabled){color:var(--on-overlay)}.generation-editor-tools .generation-preview-device-quick button[aria-pressed=true]{color:var(--on-overlay);background:var(--accent);box-shadow:none}.generation-editor-tools .generation-preview-device-quick .generation-preview-rotate{color:var(--on-overlay);background:0 0}.editor-viewport-stage{background:var(--paper);flex-direction:column;flex:1;min-width:0;min-height:0;padding:20px;display:flex;position:relative;overflow:auto}.editor-viewport-spacer{flex:none;margin:auto;position:relative}.editor-viewport-window{transform-origin:0 0;box-shadow:0 0 0 1px var(--border);background:#07080b;position:absolute;top:0;left:0;overflow:hidden}.editor-viewport.is-mobile-device .editor-viewport-window{border-radius:28px}.editor-viewport.is-resizing .editor-viewport-window{pointer-events:none}.editor-viewport-window>.generation-preview-content{flex-direction:column;width:100%;max-width:none;height:100%;max-height:none;display:flex}.editor-annotation-layer{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.editor-annotation-capture{cursor:crosshair;pointer-events:auto;position:absolute;inset:0}.editor-annotation-layer.is-pass-through .editor-annotation-capture,.editor-annotation-layer.is-pass-through .editor-annotation-marker,.editor-annotation-layer.is-pass-through .editor-annotation-marker>span{pointer-events:none}.editor-annotation-layer.is-probing .editor-annotation-capture{pointer-events:none;cursor:progress}.editor-annotation-marker{--annotation-accent:var(--accent,#ff5f82);z-index:2;box-sizing:border-box;border:2px solid var(--annotation-accent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--annotation-accent) 16%, transparent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--annotation-accent) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--annotation-accent) 28%, transparent);color:var(--on-overlay);pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;display:grid;position:absolute}.editor-annotation-marker.is-point{border:2px solid var(--on-overlay);background:var(--annotation-accent);width:34px;height:34px;box-shadow:0 0 0 3px color-mix(in srgb, var(--annotation-accent) 34%, transparent), 0 4px 14px #0008;pointer-events:auto;border-radius:50%;padding:0;transform:translate(-50%,-50%)}.editor-annotation-marker>span{box-sizing:border-box;border:2px solid var(--on-overlay);background:linear-gradient(145deg, var(--annotation-accent), var(--coral-deep,#ff7896));min-width:28px;height:28px;color:var(--on-overlay);font-size:var(--font-control);box-shadow:0 0 0 2px color-mix(in srgb, var(--annotation-accent) 36%, transparent), 0 4px 14px #0009;pointer-events:auto;cursor:grab;touch-action:none;border-radius:999px;place-items:center;padding:0 7px;font-weight:800;line-height:1;display:grid;position:absolute;top:-18px;left:-4px}.editor-annotation-marker.is-dragging,.editor-annotation-marker.is-dragging>span{cursor:grabbing}.editor-annotation-marker.is-dragging{z-index:3}.editor-annotation-marker.is-point>span{width:30px;height:30px;box-shadow:none;font-size:var(--font-body);background:0 0;border:0;padding:0;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-annotation-marker.is-selected{border-color:color-mix(in srgb, var(--annotation-accent) 78%, var(--on-overlay));background:color-mix(in srgb, var(--annotation-accent) 27%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--annotation-accent) 34%, transparent), inset 0 0 30px color-mix(in srgb, var(--annotation-accent) 18%, transparent)}.editor-annotation-draft{z-index:1;box-sizing:border-box;border:2px solid var(--accent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 14%, transparent);pointer-events:none;position:absolute}.editor-annotation-note{z-index:5;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--accent) 72%, var(--border));border-radius:var(--radius-lg);width:240px;max-width:calc(100% - 16px);height:46px;color:var(--muted);pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#121820f2;align-items:center;gap:7px;padding:0 8px 0 12px;display:flex;position:absolute;box-shadow:0 12px 28px #0009,inset 0 1px #ffffff0d}.editor-annotation-note input{color:#eef4fa;min-width:0;font:12.5px/1.4 var(--font,system-ui);background:0 0;border:0;outline:0;flex:1}.editor-annotation-note input::placeholder{color:#7f8995}.editor-annotation-note>button,.editor-annotation-toolbar>button{color:#c5d0da;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.editor-annotation-note>button{background:var(--accent);width:30px;height:30px;color:var(--on-overlay);border-radius:50%}.editor-annotation-toolbar{z-index:6;box-sizing:border-box;border-radius:var(--radius-lg);color:#eef3f8;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141920f2;border:1px solid #485464;align-items:center;gap:5px;max-width:calc(100% - 20px);min-height:44px;padding:6px 8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #000b,inset 0 1px #ffffff0d}.editor-annotation-toolbar>span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:500}.editor-annotation-toolbar>button{border-radius:var(--radius-md);min-width:31px;height:31px;padding:0 8px}.editor-annotation-toolbar>button:hover:not(:disabled){color:var(--on-overlay);background:var(--surface-raised)}.editor-annotation-toolbar>button.is-primary{color:var(--on-overlay);background:var(--accent)}.editor-annotation-toolbar>button.is-primary:hover:not(:disabled){background:var(--coral-deep)}.editor-annotation-toolbar>button:disabled{color:#68717c;cursor:default}.editor-annotation-layer.is-probing .editor-annotation-toolbar>span{color:var(--accent)}.editor-viewport-window .sandbox-game,.editor-viewport-window .sandbox-play,.editor-viewport-window .sandbox-frame{width:100%;height:100%;min-height:0}.editor-viewport-resize{touch-action:none;z-index:5;background:0 0;border:0;padding:0;position:absolute}.editor-viewport-resize:after{content:"";background:var(--muted);opacity:.6;border-radius:2px;position:absolute}.editor-viewport-resize.resize-x{cursor:ew-resize;width:12px;top:0;bottom:0;right:-12px}.editor-viewport-resize.resize-x:after{width:3px;height:28px;top:calc(50% - 14px);left:5px}.editor-viewport-resize.resize-y{cursor:ns-resize;height:12px;bottom:-12px;left:0;right:0}.editor-viewport-resize.resize-y:after{width:28px;height:3px;top:5px;left:calc(50% - 14px)}.editor-viewport-resize.resize-xy{cursor:nwse-resize;width:15px;height:15px;bottom:-13px;right:-13px}.editor-viewport-resize.resize-xy:after{width:12px;height:3px;top:6px;left:2px;transform:rotate(-45deg)}.editor-viewport.is-responsive .editor-viewport-stage,.editor-viewport.is-native .editor-viewport-stage{padding:0;overflow:hidden}.editor-viewport.is-native .editor-viewport-spacer{margin:0}.editor-viewport.is-responsive:not(.is-native) .editor-viewport-stage{padding:0;overflow:auto}.editor-viewport-toolbar .editor-viewport-close{margin-left:auto}@media (max-width:720px){.generation-workspace .generation-viewport-open{display:none}}.editor-viewport.is-native .editor-viewport-window{box-shadow:none}.preview-device-picker{min-width:0;position:relative}.editor-viewport-toolbar .preview-device-trigger{width:auto;min-width:120px;max-width:235px;font-size:var(--font-caption);justify-content:space-between;gap:10px;padding:0 9px;display:flex}.preview-device-trigger>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.preview-device-panel{--device-panel:var(--on-overlay);--device-field:#f7f7f8;--device-hover:#ededf0;--device-border:#dedee3;--device-text:#25262b;--device-muted:#70737c;box-sizing:border-box;border:1px solid var(--device-border);border-radius:var(--radius-lg);background:var(--device-panel);width:396px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--device-text);font:13px/1.5 var(--font,system-ui);margin:0;padding:12px;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 40px #0004}.preview-device-panel::backdrop{background:0 0}.preview-device-search{box-sizing:border-box;border:1px solid var(--device-border);border-radius:var(--radius-sm);background:var(--device-field);height:38px;color:var(--device-muted);align-items:center;gap:8px;padding:0 10px;display:flex}.preview-device-panel .preview-device-search input{width:100%;min-width:0;height:34px;box-shadow:none;color:var(--device-text);text-align:left;font:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;display:block}.preview-device-panel .preview-device-search input:focus,.preview-device-panel .preview-device-search input:focus-visible{box-shadow:none;border:0;outline:none}.preview-device-search:focus-within{border-color:var(--device-muted)}.preview-device-filters{justify-content:space-between;align-items:center;gap:10px;margin:10px 0 12px;display:flex}.preview-device-filters>div{border-radius:var(--radius-sm);background:var(--device-field);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.preview-device-filters button{border-radius:var(--radius-xs);white-space:nowrap;width:auto;min-width:44px;height:28px;color:var(--device-muted);font:12px/1 var(--font,system-ui);cursor:pointer;background:0 0;border:0;padding:0 8px}.editor-annotation-toolbar>.editor-annotation-drag-handle{color:#8995a4;cursor:grab;touch-action:none;width:20px;min-width:20px;padding:0}.editor-annotation-toolbar.is-dragging>.editor-annotation-drag-handle{color:var(--accent);cursor:grabbing}.editor-annotation-toolbar.is-dragging{-webkit-user-select:none;user-select:none}.preview-device-filters button[aria-pressed=true]{color:var(--device-text);background:var(--device-hover);box-shadow:0 1px 3px #0002}.preview-device-filters select{border:1px solid var(--device-border);border-radius:var(--radius-sm);background:var(--device-field);width:124px;min-width:90px;max-width:124px;height:32px;color:var(--device-text);font:12px/1.4 var(--font,system-ui);flex:0 124px;padding:0 7px}.preview-device-history{border-bottom:1px solid var(--device-border);margin:0 0 6px;padding:0 0 10px}.preview-device-history header{color:var(--device-muted);font-size:var(--font-caption);justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.preview-device-history header span{align-items:center;gap:5px;display:flex}.preview-device-history header button{height:24px;color:var(--device-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px}.preview-device-history>div{overscroll-behavior-x:contain;scrollbar-color:var(--device-border) transparent;scrollbar-width:thin;touch-action:pan-x;-webkit-overflow-scrolling:touch;gap:6px;min-width:0;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.preview-device-history>div button{border:1px solid var(--device-border);border-radius:var(--radius-sm);background:var(--device-field);max-width:155px;color:var(--device-text);font:inherit;cursor:pointer;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;padding:7px 9px;display:flex}.preview-device-history button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-caption);overflow:hidden}.preview-device-history button small{font-size:var(--font-caption);color:var(--device-muted);font-variant-numeric:tabular-nums}.preview-device-results{overscroll-behavior:contain;scrollbar-width:thin;max-height:340px;overflow:auto}.preview-device-results>button{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;min-height:52px;color:var(--device-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.preview-device-results>button>span:not(.preview-device-row-icon){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.preview-device-results .preview-device-row-icon{width:28px;height:32px;color:var(--device-muted);flex:0 0 28px;place-items:center;display:grid}.preview-device-results strong{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-caption);font-weight:500;line-height:17px;overflow:hidden}.preview-device-results small{color:var(--device-muted);font-size:var(--font-caption);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:14px}.preview-device-results>button>small{flex-shrink:0;margin-left:auto}.preview-device-results>button>svg{flex-shrink:0}.preview-device-results>button[data-focused=true]{background:var(--device-hover)}@media (hover:hover) and (pointer:fine){.preview-device-results>button:hover{background:var(--device-hover)}}.preview-device-results>button[aria-selected=true]>svg{color:var(--accent)}.preview-device-results>p{text-align:center;color:var(--device-muted);padding:18px 8px}.preview-device-panel button:focus-visible,.preview-device-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:400px){.preview-device-panel{padding:10px}.preview-device-filters{gap:6px}.preview-device-filters button{min-width:38px;padding-inline:7px}}:root[data-theme=dark] .preview-device-panel{--device-panel:#141518;--device-field:#101114;--device-hover:#24262b;--device-border:#303238;--device-text:#f0f0f2;--device-muted:#9c9fa8}.preview-device-panel button{transition:none}.generation-playtest-live{flex-wrap:wrap}.generation-playtest-live>span{flex:200px}.generation-playtest-skip{border-radius:var(--radius-sm);color:var(--text);font:inherit;font-size:var(--font-caption);cursor:pointer;background:0 0;border:0;flex:none;margin-left:auto;padding:4px 8px}.generation-playtest-skip:hover{background:var(--surface)}.generation-playtest-skip:disabled{opacity:.55;cursor:default}