@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root{--neutral-50:#111113;--neutral-100:#1b1b1d;--neutral-150:#26262a;--neutral-200:#2f2f34;--neutral-250:#39393f;--neutral-300:#43434a;--neutral-350:#4f4e56;--neutral-400:#5c5c63;--neutral-450:#6b6b70;--neutral-500:#7e7d84;--neutral-550:#929194;--neutral-600:#a4a4a4;--neutral-650:#b4b4b3;--neutral-700:#c3c3c2;--neutral-750:#d3d1cf;--neutral-800:#e1dfdb;--neutral-850:#eeebe5;--neutral-900:#f8f5f0;--neutral-950:#fdfcfa;--text-100:#fff;--text-80:var(--neutral-750);--text-60:var(--neutral-700);--text-40:var(--neutral-600);--text-20:var(--neutral-450);--text-10:var(--neutral-350);--text-inverse:var(--neutral-50);--placeholder:var(--text-20);--brand:#06fdfe;--brand-ink:#031112;--brand-hover:var(--brand)}@supports (color:color-mix(in lab, red, red)){:root{--brand-hover:color-mix(in srgb, var(--brand) 84%, #000)}}:root{--brand-soft:#06fdfe1a;--brand-border:#06fdfe47;--text-selection-bg:#06fdfe47;--text-selection-color:var(--brand);--danger:#ff4141;--danger-hover:#d93636;--danger-soft:#ff41411f;--creator-guide-accent:#ff4180;--depth-canvas:var(--neutral-50);--depth-surface:var(--neutral-100);--depth-raised:var(--neutral-150);--depth-composer:var(--neutral-100);--depth-menu:var(--neutral-100);--depth-soft:var(--neutral-150);--depth-hover:var(--neutral-150);--depth-active:var(--neutral-200);--depth-preview:#010101;--depth-panel-header:var(--neutral-50);--depth-chat-input:var(--neutral-100);--depth-line-soft:#ffffff0b;--depth-line:#ffffff1b;--depth-line-strong:#ffffff27;--depth-hover-border:var(--depth-line-strong);--control-disabled-bg:var(--neutral-150);--button-secondary-hover-bg:var(--neutral-250);--home-composer-focus:#676f70;--home-grid-line:#ffffff05;--project-cover-placeholder:var(--neutral-150);--cover-control-bg:#1b1b1db8;--cover-control-hover-bg:#111113d6;--image-edge:#ffffff1a;--overlay-backdrop:#010101b8;--overlay-soft:#0000007a;--shadow-menu-color:#0006;--shadow-toast-color:#00000073;--shadow-login-color:#00000038;--avatar-bg:#112c2d;--avatar-hover-bg:#183638;--count-bg:#182829;--publish-caption-link:#82a6d9;--publish-caption-selection:#82a6d959;--draft-badge-text:#c2bbc9;--draft-badge-bg:#46404cbd;--draft-badge-border:#aea6b847;--published-badge-text:#88dc9f;--published-badge-bg:#224a2ec2;--published-badge-border:#88dc9f47;--multiplayer-badge-text:#82d8d9;--dimension-badge-text:#f3c56d;--dimension-badge-bg:#523e18c2;--dimension-badge-border:#f3c56d4d;--failed-badge-text:#ff91b6;--failed-badge-bg:#572436c2;--failed-badge-border:#ff91b647;--create-input:#ffffff0a;--create-hover:#ffffff15;--create-border:#ffffff1a;--create-border-soft:#ffffff0a;--create-border-strong:#ffffff27;--create-floating-bg:#1b1b1dcc;--canvas:var(--depth-canvas);--surface:var(--depth-surface);--hover:var(--depth-hover);--active:var(--depth-active);--line:var(--depth-line);--strong-line:var(--depth-line-strong);--text:var(--text-100);--muted:var(--text-40)}:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--leading-relaxed:1.625;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.ml-\[calc\(--spacing\(2\)-1px\)\]{margin-left:calc(calc(var(--spacing) * 2) - 1px)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.self-end{align-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.bg-muted{background-color:var(--surface)}.p-0{padding:0}.px-3{padding-inline:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.wrap-break-word{overflow-wrap:break-word}.text-muted-foreground,.text-muted-foreground\/70{color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab, var(--muted) 70%, transparent)}}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.\[--radix-accordion-content-height\:var\(--radix-collapsible-content-height\)\]{--radix-accordion-content-height:var(--radix-collapsible-content-height)}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){padding-inline:0}.group-aria-expanded\/trace-collapsible-trigger\:rotate-90:is(:where(.group\/trace-collapsible-trigger)[aria-expanded=true] *){rotate:90deg}.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}@media (hover:hover){.hover\:text-foreground:hover{color:var(--text)}}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--brand) 50%, transparent)}}:where(:is(a,button)) .in-\[a\,button\]\:cursor-pointer{cursor:pointer}:where(:is(a:hover,button:hover)) .in-\[a\:hover\,button\:hover\]\:text-foreground{color:var(--text)}.has-\[\[data-status\=error\]\]\:text-destructive:has([data-status=error]){color:var(--danger)}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:flex>*):has(>[data-slot=trace-line]){display:flex}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:w-fit>*):has(>[data-slot=trace-line]){width:fit-content}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:max-w-full>*):has(>[data-slot=trace-line]){max-width:100%}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:min-w-0>*):has(>[data-slot=trace-line]){min-width:0}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:rounded-md>*):has(>[data-slot=trace-line]){border-radius:var(--radius-md)}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:text-left>*):has(>[data-slot=trace-line]){text-align:left}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:outline-none>*):has(>[data-slot=trace-line]){--tw-outline-style:none;outline-style:none}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:focus-visible\:ring-3>*):has(>[data-slot=trace-line]):focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:focus-visible\:ring-ring\/50>*):has(>[data-slot=trace-line]):focus-visible{--tw-ring-color:var(--brand)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:has-\[\>\[data-slot\=trace-line\]\]\:focus-visible\:ring-ring\/50>*):has(>[data-slot=trace-line]):focus-visible{--tw-ring-color:color-mix(in oklab, var(--brand) 50%, transparent)}}:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\[status\=error\]\:text-destructive[data-status=error],:where(:is(a:hover,button:hover)) .data-\[status\=error\]\:in-\[a\:hover\,button\:hover\]\:text-destructive[data-status=error]{color:var(--danger)}.data-\[status\=pending\]\:opacity-60[data-status=pending]{opacity:.6}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}[data-slot=trace-title]~.\[\[data-slot\=trace-title\]\~\&\]\:-ml-1{margin-left:calc(var(--spacing) * -1)}@font-face{font-family:Rubik;src:url(../media/rubik-variable.0fiv96e56hmyq.ttf)format("truetype");font-display:swap;font-weight:300 900}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-system:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;font-family:var(--font-system);background:var(--canvas);color:var(--text);font-size:15px;line-height:24px}*{box-sizing:border-box}::selection{background:var(--text-selection-bg);color:var(--text-selection-color);text-shadow:none}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45;color:var(--text-20)}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img,svg{display:block}button,select,a,input,textarea{outline:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--home-composer-focus);outline-offset:3px}button{transition:background-color .16s,color .16s,border-color .16s}textarea{resize:none}html:root textarea::placeholder,html:root input::placeholder{opacity:1;color:var(--placeholder)!important}input[type=search]::-webkit-search-cancel-button{display:none}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}input,textarea{min-width:0}select{color:var(--text-80);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:10px 14px}option{background:var(--surface)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.lab-app{min-height:100dvh}.site-header{justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 40px;display:flex}.lab-brand{white-space:nowrap;font-family:Rubik, var(--font-system);letter-spacing:-.4px;align-items:center;gap:8px;font-size:20px;font-weight:500;line-height:28px;display:flex}.lab-brand>img{object-fit:contain;width:32px;height:32px}.lab-brand>span>span{color:var(--text-60);letter-spacing:-.5px;margin-left:2px;font-weight:400}.header-actions{align-items:center;gap:8px;display:flex}.icon-button{width:40px;height:40px;color:var(--muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--hover);color:var(--text-100)}.account-button{background:var(--avatar-bg);width:32px;height:32px;color:var(--brand);border:0;border-radius:50%;place-items:center;font-size:12px;font-weight:600;line-height:20px;display:grid}.account-button:hover{background:var(--avatar-hover-bg)}.home-main{max-width:1360px;margin:auto;padding:0 40px 72px}.lab-app:has(>.site-header,>.header-loading-transition){isolation:isolate;position:relative}.lab-app:has(>.site-header,>.header-loading-transition):before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--home-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--home-grid-line) 1px, transparent 1px);background-size:32px 32px;height:clamp(600px,45vw,680px);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 160px),#000000d6 calc(100% - 120px),#00000057 calc(100% - 56px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 160px),#000000d6 calc(100% - 120px),#00000057 calc(100% - 56px),#0000 100%)}.home-hero{text-align:center;padding:64px 0 120px;position:relative}.home-hero h1{max-width:900px;font-family:Rubik, var(--font-system);letter-spacing:-.035em;text-wrap:balance;margin:0 auto;padding-top:34px;font-size:clamp(28px,5vw,64px);font-weight:600;line-height:1.25;position:relative}.home-hero .lab-composer{min-height:182px}.lab-composer{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:32px;width:clamp(800px,70vw,1000px);max-width:100%;margin:64px auto 0;padding:16px;transition:border-color .16s;position:relative}.lab-composer:has(textarea:focus){border-color:var(--home-composer-focus)}.lab-composer textarea{resize:none;width:100%;min-height:64px;color:var(--text-100);background:0 0;border:0;outline:0;padding:0;font-size:15px;line-height:24px;display:block;overflow:auto}.composer-bottom{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.composer-tools{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.tool-button{border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:4px;height:36px;padding:0 12px;font-size:13px;font-weight:400;display:inline-flex}.tool-button:hover{background:var(--hover);border-color:var(--strong-line)}.mode-options{align-items:center;gap:0;display:flex}.mode-option{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;height:36px;padding:0 12px;font-size:13px;display:flex;position:relative}.mode-option:hover{border-color:var(--line)}.mode-option input{opacity:0;width:1px;height:1px;position:absolute}.mode-option:has(input:focus-visible){outline:2px solid var(--home-composer-focus);outline-offset:2px}.switch-track{background:var(--neutral-400);border-radius:999px;width:28px;height:16px;transition:background .16s;display:block;position:relative}.switch-track:after{content:"";background:var(--text-80);border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px}.mode-option input:checked+.switch-track{background:var(--brand)}.mode-option input:checked+.switch-track:after{background:var(--surface);transform:translate(12px)}.send-button{background:var(--neutral-900);width:36px;height:36px;color:var(--canvas);border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.send-button:disabled{background:var(--hover);color:var(--text-20);opacity:1}.send-button:hover:not(:disabled){background:var(--neutral-900)}.keyboard-hint{color:var(--text-10);justify-content:center;align-items:center;gap:0;margin-top:12px;font-size:12px;line-height:20px;display:flex}.keyboard-hint>span{padding:0 8px}.library-heading{justify-content:space-between;align-items:center;gap:20px;min-height:56px;margin-bottom:24px;display:flex}.library-tabs{align-items:center;gap:32px;display:flex}.library-tabs>button{font-size:24px;line-height:32px;font-family:Rubik, var(--font-system);color:var(--muted);white-space:nowrap;align-items:center;gap:10px;padding:8px 0;font-weight:600;display:flex}.library-tabs>button[aria-selected=true],.library-tabs>button:hover{color:var(--text-100)}.tab-divider{background:var(--line);width:1px;height:20px}.count{font-family:Rubik, var(--font-system);font-variant-numeric:tabular-nums;text-align:center;background:var(--count-bg);color:var(--brand);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:400;line-height:16px}.library-controls{align-items:center;gap:12px;display:flex}.search-box{border:1px solid var(--line);height:42px;color:var(--text-80);background:var(--surface);border-radius:999px;align-items:center;gap:9px;padding:0 13px;display:flex;position:relative}.search-box:focus-within,.search-box:hover{border-color:var(--strong-line);background:var(--hover);color:var(--text-100)}.search-box input{color:var(--text-100);background:0 0;border:0;outline:0;width:200px;padding-right:28px;font-size:13px}.search-box input:focus-visible{outline:0}.clear-search{width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:7px;right:7px}.clear-search:hover{color:var(--text-100);background:var(--active)}.filter-trigger{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--text-80);border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:13px;display:flex}.filter-trigger>span{text-align:left;min-width:52px}.filter-trigger>svg:first-child{color:var(--brand)}.filter-trigger>svg:last-child{color:var(--text-60)}.filter-trigger:is(:hover,:focus-visible,[aria-expanded=true]){background:var(--hover);border-color:var(--strong-line);color:var(--text-100)}.popover-wrap{position:relative}.dropdown{border:1px solid var(--line);background:var(--surface);min-width:176px;box-shadow:0 18px 48px var(--shadow-menu-color);z-index:40;border-radius:20px;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.dropdown>button{text-align:left;width:100%;min-height:40px;color:var(--text-80);border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:13px;display:flex}.dropdown>button:hover,.dropdown>button:focus-visible,.dropdown>button[aria-checked=true]{background:var(--active);color:var(--text-100)}.dropdown>button>span:last-child{margin-left:auto}.dropdown>button[aria-checked=true]>svg:last-child{color:var(--brand)}.account-dropdown{width:234px;font-size:14px;line-height:24px}.account-menu-profile{border-bottom:1px solid var(--line);min-width:0;padding:4px 8px 12px}.account-menu-profile>p{align-items:center;gap:8px;min-width:0;display:flex}.account-menu-profile strong{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:14px;font-weight:700;line-height:24px;overflow:hidden}.account-role{background:var(--brand-soft);color:var(--brand);padding:0 6px;border-radius:999px;flex:none;margin-left:auto;padding-block:3px;font-size:10px;line-height:14px}.account-menu-profile>small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:2px;font-size:12px;line-height:16px;display:block;overflow:hidden}.account-dropdown>button{color:var(--text-80);gap:8px;line-height:20px}.account-dropdown>button>svg{margin:0 1.5px}.account-dropdown>button{margin-top:8px}.account-dropdown>button:hover{color:var(--text-100)}.projects-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.lab-project{min-width:0;position:relative}.project-art{aspect-ratio:2/3;background:var(--project-cover-placeholder);border-radius:20px;position:relative}.project-art>img,.cover-button>img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.cover-button{border-radius:20px;width:100%;height:100%;padding:0;display:block;overflow:hidden}.cover-button:focus-visible{outline-offset:4px}.lab-project:hover .cover-button>img,.explore-card:hover .project-art>img{transform:scale(1.025)}.cover-placeholder{background:var(--project-cover-placeholder);height:100%}.card-menu{position:absolute;top:8px;right:8px}.cover-menu-button{background:var(--cover-control-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-80);opacity:0;border-radius:50%;place-items:center;display:grid}.lab-project:hover .cover-menu-button,.lab-project:focus-within .cover-menu-button,.cover-menu-button[aria-expanded=true]{opacity:1}.cover-menu-button:hover{background:var(--cover-control-hover-bg);color:var(--text-100)}.card-more-menu{gap:4px;width:208px;min-width:0;display:grid}.card-project-id{grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:4px;min-height:40px;padding-left:12px;display:grid;position:relative}*+.card-project-id{margin-top:4px;padding-top:4px}*+.card-project-id:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:12px;right:8px}.card-project-id-value{min-width:0;color:var(--muted);font:400 12px/16px Rubik, var(--font-system);white-space:nowrap;-webkit-user-select:text;user-select:text;align-items:center;display:flex;overflow:hidden}.card-project-id-leading{text-overflow:ellipsis;min-width:0;overflow:hidden}.card-project-id-ending{flex:none}.card-project-id-copy{width:32px;height:32px;color:var(--muted);border-radius:999px;place-items:center;padding:0;display:grid}.card-project-id-copy:hover,.card-project-id-copy:focus-visible{background:var(--hover);color:var(--text-100)}.project-info{text-align:left;width:100%;padding:8px 12px 4px;display:block}.project-info h3{font:500 15px/24px var(--font-system);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;overflow:hidden}.project-meta{align-items:center;gap:8px;height:28px;display:flex;overflow:hidden}.project-meta time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.status-tag{white-space:nowrap;border:1px solid var(--draft-badge-border);background:var(--draft-badge-bg);min-width:0;height:24px;color:var(--draft-badge-text);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.status-tag.published{color:var(--published-badge-text);background:var(--published-badge-bg);border-color:var(--published-badge-border)}.status-tag.multiplayer{color:var(--multiplayer-badge-text);background:var(--brand-soft);border-color:var(--brand-border)}.status-tag.dimension{color:var(--dimension-badge-text);background:var(--dimension-badge-bg);border-color:var(--dimension-badge-border)}.explore-card{text-align:left;width:100%;padding:0;display:block}.explore-card .project-art{overflow:hidden}.empty-library{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:368px;padding:24px;display:flex}.empty-illustration{object-fit:contain;width:160px;height:160px;margin-bottom:20px}.empty-library h3{font:500 14px/20px Rubik, var(--font-system)}.empty-library>p{color:var(--muted);margin-top:8px;font-size:14px;line-height:20px}.explore-ideas{background:var(--hover);border-radius:999px;align-items:center;gap:8px;height:32px;margin-top:20px;padding:0 12px;font-size:12px;display:flex}.explore-ideas:hover{background:var(--active)}.empty-results{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:20px;padding:58px 20px}.empty-search-art{isolation:isolate;pointer-events:none;width:64px;height:64px;margin:0 auto 16px;display:block;position:relative}.empty-search-art>i{border-radius:8px;width:36px;height:44px;position:absolute;top:16px}.empty-search-art>i:first-child{background:var(--hover);left:20px;transform:rotate(10deg)}.empty-search-art>i:nth-child(2){background:var(--active);left:8px;transform:rotate(-8deg)}.empty-search-art>img{object-fit:contain;width:56px;height:56px;position:absolute;top:0;left:8px}.empty-results p{font-size:14px}.empty-results>.button{margin:32px auto 0}.load-more{justify-content:center;padding-top:30px;display:flex}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.library-loading{min-height:320px}.button{background:var(--brand);height:44px;color:var(--brand-ink);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.button:is(:hover,:focus-visible):not(:disabled){background:var(--brand-hover)}.button.secondary{border-color:var(--line);background:var(--create-input);color:var(--text-100)}.button.secondary:is(:hover,:focus-visible):not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--strong-line)}.lab-dialog .button.secondary,.modal .button.secondary{background:var(--depth-raised)}.lab-dialog .button.secondary:is(:hover,:focus-visible):not(:disabled),.modal .button.secondary:is(:hover,:focus-visible):not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--strong-line)}.lab-dialog{border:1px solid var(--line);background:var(--surface);width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text-100);border-radius:36px;margin:auto;padding:0;position:fixed;overflow:auto}.lab-dialog::backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 16px 12px 24px;display:flex}.dialog-head h2{font-size:20px;font-weight:600;line-height:28px}.dialog-head.with-subtitle{align-items:flex-start;gap:0;padding:0}.dialog-head.with-subtitle>div{flex:1;gap:4px;min-width:0;padding:24px;display:grid}.dialog-head.with-subtitle>.icon-button{margin:16px 16px 0 0}.dialog-subtitle{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:14px;line-height:20px;overflow:hidden}.dialog-body{padding:0 24px 16px}.dialog-description{color:var(--text-60);margin:0 0 24px;font-size:14px;line-height:20px}.dialog-footer{justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px 24px;display:flex}.dialog-footer>.muted{margin-right:auto;font-size:12px}.guide-body>div{padding:16px 0 20px 38px;position:relative}.guide-body>div>span{color:var(--brand);font-size:12px;position:absolute;top:17px;left:0}.guide-body h3{margin-bottom:8px;font-size:14px;line-height:20px}.guide-body p{color:var(--muted);font-size:14px;line-height:24px}.power-dialog{width:min(900px,100% - 32px)}.catalog-toolbar{gap:12px;margin-bottom:24px;display:flex}.catalog-toolbar .search-box{flex:1}.catalog-toolbar input{width:100%}.power-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:50dvh;display:grid;overflow:auto}.power-tile{border:1px solid var(--line);text-align:left;background:var(--hover);min-height:180px;color:var(--text-100);border-radius:20px;padding:18px;position:relative}.power-tile:hover{background:var(--active)}.power-tile.picked{background:var(--neutral-900);color:var(--text-inverse);border-color:#0000}.power-tile.picked:hover{background:var(--neutral-950)}.power-tile.picked p{color:var(--neutral-400)}.power-tile:disabled,.power-tile:disabled:hover{background:var(--surface);color:var(--text-20)}.power-tile:disabled p{color:var(--text-20)}.power-tile-icon{background:var(--surface);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid}.power-tile strong{padding-right:10px;font-size:14px;line-height:20px;display:block}.power-tile p{color:var(--muted);margin-top:8px;font-size:12px;line-height:20px}.power-check{border:1px solid var(--line);width:24px;height:24px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:14px}.picked .power-check{color:var(--neutral-950);background:var(--text-inverse)}.empty-small{text-align:center;color:var(--muted);padding:32px 12px;font-size:14px}.explore-dialog{width:min(800px,100% - 32px)}.explore-preview{grid-template-columns:1fr 1fr;gap:30px;padding:0 24px 16px;display:grid}.explore-preview>img{aspect-ratio:2/3;object-fit:cover;border-radius:24px;width:100%}.explore-preview>div{padding-top:24px}.explore-preview h3{font-family:Rubik, var(--font-system);margin:20px 0 14px;font-size:26px;line-height:34px}.explore-preview p{color:var(--muted);font-size:14px;line-height:24px}.explore-preview h4{margin:30px 0 12px;font-size:14px}.explore-preview small{color:var(--text-20);margin-top:30px;font-size:11px;display:block}.notice{color:var(--danger);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:13px;line-height:22px}.chat-messages .notice.generation-cancelled{background:0 0;border:0;border-radius:0;padding:0}.context-chips{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding:8px 6px;display:flex;overflow-x:auto}.context-chip{border:1px solid var(--line);background:var(--active);color:var(--text-80);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:5px 9px;font-size:12px;display:inline-flex}.composer-attachments{gap:8px;padding:2px 6px 8px;display:flex;overflow-x:auto}.attachment{background:var(--hover);border-radius:12px;flex-shrink:0;width:48px;height:48px;position:relative}.attachment>button:first-child{border-radius:12px;width:100%;height:100%;padding:0;overflow:hidden}.attachment img{object-fit:cover;width:100%;height:100%}.attachment span{overflow-wrap:anywhere;font-size:9px}.attachment .remove-asset{background:var(--cover-control-hover-bg);border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:4px;right:4px}.asset-note{color:var(--text-40);margin:2px 6px 8px;font-size:11px;line-height:16px}.asset-preview{padding:0 24px 24px}.asset-preview>img{border-radius:12px;max-width:100%;max-height:70dvh;margin:auto}.editor-shell{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.editor-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 16px;display:flex}.editor-title{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.editor-title h1{font:600 24px/32px Rubik, var(--font-system);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-editor{min-width:0;max-width:min(36vw,480px);position:relative}.title-editor.is-editing{flex:0 400px;width:min(400px,100%)}.title-editor.is-editing h1{visibility:hidden}.title-editor input{border:1px solid var(--line);background:var(--surface);width:100%;height:40px;color:var(--text-100);font:600 24px/32px Rubik, var(--font-system);caret-color:var(--brand);border-radius:12px;outline:none;padding:0 8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.title-editor input:hover,.title-editor input:focus{background:var(--hover);border-color:var(--strong-line)}.title-edit,.title-action{width:32px;height:32px;color:var(--text-40)}.title-actions{flex:none;align-items:center;gap:4px;display:flex}.title-action{background:var(--surface);color:var(--text-80)}.title-save{background:var(--brand);color:var(--brand-ink)}.title-save:is(:hover,:focus-visible):not(:disabled){background:var(--brand-hover);color:var(--brand-ink)}.editor-badges{flex-shrink:0;align-items:center;gap:8px;margin-left:4px;display:flex}.editor-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.secondary-icon{background:var(--create-input);border:1px solid var(--create-border);color:var(--text-100)}.secondary-icon:is(:hover,:focus-visible):not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--create-border-strong)}.publish-button{gap:4px;height:40px;padding:0 16px}.editor-workspace{flex:1;min-height:0;padding:0 16px 16px;display:flex;position:relative}.chat-panel{width:calc((100% - 12px) * var(--chat-ratio,.3));background:var(--surface);border-radius:20px;flex-direction:column;flex-shrink:0;min-width:320px;min-height:0;display:flex}.chat-panel[hidden]{display:none}.editor-shell.chat-collapsed .chat-panel{opacity:0;pointer-events:none}.editor-shell.chat-collapsed:not(.chat-moving) .chat-panel{visibility:hidden;border:0;flex:0 0 0;width:0;min-width:0;margin:0;overflow:hidden}.editor-shell.chat-collapsed:not(.chat-moving) .panel-resizer{display:none}.editor-shell.chat-moving{--chat-motion-duration:.62s}.editor-shell.chat-moving .editor-workspace{overflow:hidden}.editor-shell.chat-moving .chat-panel{flex:0 0 var(--chat-open-width);width:var(--chat-open-width);min-width:var(--chat-open-width);max-width:var(--chat-open-width);margin-right:calc(var(--chat-track,0px) - var(--chat-open-width));z-index:19;transform-origin:0 100%;will-change:transform, opacity, margin-right;transition:none;overflow:hidden}.editor-shell.chat-moving.chat-track-run .chat-panel{transition:margin-right var(--chat-motion-duration) cubic-bezier(.32, 0, .18, 1)}.editor-shell.chat-moving .chat-panel>*{width:var(--chat-open-width);flex-shrink:0;max-width:none}.editor-shell.chat-moving .chat-panel .chat-messages{flex-shrink:1;min-height:0}.editor-shell.chat-collapsed.chat-moving .chat-panel{visibility:visible;opacity:1;pointer-events:none}.editor-shell.chat-moving:not(.chat-collapsed) .chat-panel{pointer-events:none}.editor-shell.chat-moving .chat-launcher{will-change:transform, opacity;transition:none}.editor-shell.chat-moving .chat-launcher:hover{transform:none}.editor-shell.chat-moving .panel-resizer{display:none}.chat-header{flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 6px 0 16px;display:flex}.chat-header h2{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.chat-header-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.chat-header .icon-button{width:36px;height:36px}.editor-title>.icon-button,.title-edit,.chat-header .icon-button{color:var(--text-60)}.editor-title>.icon-button:hover,.title-edit:hover,.chat-header .icon-button:hover{color:var(--text-100)}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:16px 20px;overflow-y:auto}@supports selector(::-webkit-scrollbar){.chat-messages{scrollbar-width:auto;scrollbar-color:auto}.chat-messages::-webkit-scrollbar{width:4px;height:4px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-corner{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--strong-line)}.chat-messages::-webkit-scrollbar-button{width:0;height:0;display:none}}.chat-welcome{text-align:center;color:var(--muted);padding:50px 12px}.chat-welcome>img{opacity:.8;width:36px;height:36px;margin:0 auto 24px}.chat-welcome h3{color:var(--text-100);margin-bottom:8px;font-size:14px;line-height:20px}.chat-welcome p{font-size:13px;line-height:22px}.chat-message{flex-direction:column;align-items:flex-end;margin:0 0 24px;display:flex}.chat-messages [data-slot=message-content]{--message-row-gap:calc(var(--spacing,.25rem) * 2.5);gap:var(--message-row-gap)}.chat-messages .chat-message [data-slot=message-content]{--message-row-gap:0px;align-items:flex-end}.chat-messages .message-time{font:400 12px/20px var(--font-system);color:var(--text-40);margin:0;display:block}.chat-messages .message-time:not(:first-child){margin-top:calc(4px - var(--message-row-gap))}.chat-message [data-slot=message-content]>.composer-attachments{padding:0}.chat-message [data-slot=message-content]>.composer-attachments+.user-bubble{margin-top:8px}.chat-messages .chat-image-content{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.chat-messages .chat-image-content.is-generated{gap:12px}.user-bubble{background:var(--active);width:fit-content;max-width:90%;color:var(--text-100);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;padding:12px 16px;font-size:14px;line-height:24px}.message-powers{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.generation-message{min-height:24px;color:var(--text-100);align-items:center;margin-top:8px;padding:0;font-size:13px;line-height:18px;display:flex}.thinking-dots{gap:5px;padding:0;display:flex}.thinking-dots i{background:var(--brand);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite thinking-dot-pulse}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes thinking-dot-pulse{50%{opacity:.35;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.thinking-dots i{opacity:1;animation:none;transform:none}}.system-message{color:var(--text-40);align-items:center;gap:8px;padding:16px 0;font-size:13px;line-height:22px;display:flex}.system-message svg{color:var(--brand);flex-shrink:0}.chat-composer-wrap{flex-shrink:0;padding:0 12px 12px;position:relative}.chat-composer-wrap:before{content:"";background:linear-gradient(transparent, var(--surface));pointer-events:none;height:32px;position:absolute;top:-32px;left:0;right:0}.editor-composer{background:var(--hover);border:1px solid var(--line);border-radius:20px;width:auto;max-width:none;margin:0;padding:12px}.editor-composer textarea{height:86px;min-height:28px;padding:0;font-size:15px;line-height:24px}.editor-composer .composer-bottom{gap:12px;padding-top:8px}.editor-composer .tool-button{border-color:var(--line);background:0 0;padding:0 12px}.editor-composer .tool-button:hover{background:var(--active)}.editor-composer .send-button{width:36px;height:36px}.editor-composer .send-button:disabled{background:var(--active)}.service-note{color:var(--text-20);text-align:center;margin-top:8px;font-size:11px;line-height:16px}.panel-resizer{cursor:col-resize;touch-action:none;outline:none;flex-shrink:0;width:12px}.panel-resizer:focus-visible{background:var(--depth-line-soft)}.editor-preview{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-width:0;min-height:0;display:flex}.preview-canvas{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;max-height:100%;padding:16px;display:flex;overflow:hidden}.play-frame{aspect-ratio:2/3;background:var(--depth-preview);border-radius:24px;flex:none;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.play-frame iframe{background:var(--depth-preview);border:0;width:100%;height:100%;display:block}.preview-canvas.landscape .play-frame{aspect-ratio:3/2;width:100%;height:auto;max-height:100%}.preview-blank{text-align:center;background:var(--hover);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-width:0;height:100%;padding:24px;display:flex}.preview-blank>img{opacity:.7;width:44px;height:44px;margin-bottom:10px}.preview-blank>svg{color:var(--brand);margin-bottom:12px}.preview-blank h2{font-size:17px;font-weight:500;line-height:26px}.preview-blank p{color:var(--muted);font-size:13px;line-height:22px}.preview-blank>span{color:var(--text-20);align-items:center;gap:6px;margin-top:18px;font-size:11px;display:flex}.preview-actions{flex-shrink:0;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 16px;display:flex}.preview-actions .button{gap:8px;height:32px;padding:0 12px;font-size:12px;font-weight:500;line-height:16px}.preview-actions .button:disabled{opacity:1;color:var(--text-80)}.preview-actions .icon-button{width:32px;height:32px}.chat-launcher{z-index:20;background:var(--surface);width:max-content;height:56px;color:var(--text-100);text-align:left;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px 8px 8px;transition:background-color .18s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:40px;left:32px}.chat-launcher[hidden]{display:none!important}.chat-dock-symbol{background:var(--active);width:40px;height:40px;color:var(--text-100);border-radius:50%;flex:0 0 40px;place-items:center;display:grid;position:relative}.chat-launcher strong{font-size:14px;font-weight:600;line-height:20px}.chat-launcher[data-chat-state=failed] .chat-dock-symbol{color:var(--danger)}.chat-dock-symbol svg,.chat-dock-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;display:block}.chat-dock-symbol .thinking-dots{justify-content:center;align-items:center;gap:4px;padding:0}.chat-dock-symbol .thinking-dots i{background:var(--brand);width:4px;height:4px}.chat-dock-marker{background:var(--danger);outline:2px solid var(--surface);pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.chat-launcher:is(:hover,:focus-visible) .chat-dock-marker{outline-color:var(--hover)}.chat-dock-arrow{width:16px;height:16px;color:var(--text-60);flex:none;place-items:center;display:grid;transform:rotate(-90deg)}.chat-launcher:hover{background:var(--hover);transform:translateY(-4px)}.chat-launcher:focus-visible{background:var(--hover);outline-offset:0;box-shadow:none;outline:none}.chat-launcher:active{opacity:.88}@media (prefers-reduced-motion:reduce){.editor-shell.chat-moving .chat-panel,.chat-launcher{transition:none!important}.chat-launcher:hover{transform:none}}.history-outside{z-index:29;cursor:default;position:fixed;inset:64px 0 0}.history-popover{background:var(--surface);border:1px solid var(--line);width:320px;max-height:calc(100dvh - 76px);box-shadow:0 18px 48px var(--shadow-menu-color);z-index:160;border-radius:20px;position:fixed;top:60px;right:16px;overflow:auto}.history-popover>header{justify-content:space-between;align-items:center;gap:8px;height:56px;padding:0 8px 0 20px;display:flex}.history-popover h2{font-size:14px;font-weight:600;line-height:24px}.history-list{gap:4px;padding:0 12px 12px;display:grid}.version-card{text-align:left;border-radius:12px;gap:4px;width:100%;min-width:0;padding:12px;display:grid}.version-card:hover{background:var(--hover)}.version-card.selected{background:var(--active)}.version-card>strong{align-items:center;gap:8px;font-size:13px;font-weight:600;line-height:24px;display:flex}.version-card>strong>span{color:var(--brand);font-size:12px;font-weight:400;line-height:24px}.version-card p{text-overflow:ellipsis;white-space:nowrap;color:var(--text-60);font-size:14px;line-height:24px;overflow:hidden}.version-card time{color:var(--muted);font-size:11px;line-height:28px;display:block}.history-note{color:var(--text-20);padding:8px 16px 16px;font-size:11px;line-height:17px}.mobile-editor-tabs{display:none}.settings-body{gap:20px;display:grid}.settings-body>label:not(.checkbox){gap:10px;font-size:13px;display:grid}.settings-body>.muted{font-size:12px;line-height:20px}.checkbox{color:var(--text-60);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:20px;display:flex}.checkbox input{accent-color:var(--brand);flex-shrink:0;margin:3px 0 0}.modal input:not([type=checkbox]){background:var(--hover);border:1px solid var(--line);width:100%;height:48px;color:var(--text-100);border-radius:999px;padding:0 16px;font-size:14px}.modal-backdrop{background:var(--overlay-backdrop);z-index:80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:28px;width:100%;max-width:470px;max-height:calc(100dvh - 32px);padding:40px;position:relative;overflow:auto}.close{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.close:hover{background:var(--hover);color:var(--text-100)}.login-mark{color:var(--brand);margin-bottom:30px;font-size:48px;line-height:48px;display:block}.eyebrow{letter-spacing:1.5px;color:var(--text-20);margin-bottom:12px;font-size:9px;display:block}.modal h2{font-family:Rubik, var(--font-system);letter-spacing:-.02em;margin-bottom:12px;font-size:32px;font-weight:600;line-height:40px}.modal>p{color:var(--muted);margin-bottom:28px;font-size:14px;line-height:22px}.modal form>label{color:var(--muted);gap:8px;margin-bottom:20px;font-size:12px;display:grid}.modal .button{width:100%;height:48px}.modal .notice{margin:12px 0}.modal>small{color:var(--text-20);margin-top:20px;font-size:11px;line-height:18px;display:block}.form-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.text-link{color:var(--text-60);padding:0;font-size:12px}.text-link:hover{color:var(--text-100)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:1200px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{padding:0 32px}.editor-title h1{font-size:20px}.home-hero h1{font-size:56px}}@media (max-width:1000px){.library-heading{flex-wrap:wrap}.library-controls{margin-left:auto}.editor-composer .tool-button{padding:0 9px;font-size:12px}.editor-title h1{font-size:18px}.chat-panel{min-width:320px}.home-hero h1{font-size:48px}}@media (max-width:900px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{height:76px}.home-hero{padding-top:40px}.lab-composer{margin-top:28px}.library-tabs{gap:24px}.library-tabs>button{font-size:22px}.search-box input{width:180px}.home-main{padding:0 24px 40px}.header-actions{gap:8px}.editor-title>.status-tag,.editor-badges{display:none}}@media (max-width:700px){.site-header{height:72px;padding:0 20px}.lab-brand{gap:8px;font-size:21px}.lab-brand>img{width:28px;height:28px}.home-main{padding:0 16px 32px}.home-hero{padding:36px 0}.home-hero h1{font-size:clamp(28px,6vw,42px)}.lab-composer{border-radius:32px;margin-top:26px;padding:14px}.lab-composer textarea{min-height:96px;padding:4px 4px 10px;font-size:14px}.composer-bottom{align-items:flex-end;gap:8px}.composer-tools{gap:8px}.tool-button{padding:0 10px;font-size:12px}.mode-option{padding:0 9px;font-size:12px}.mode-options{flex-basis:100%}.send-button{width:40px;height:40px}.library-heading{gap:16px;margin-bottom:20px}.library-tabs{gap:24px;height:48px}.library-tabs>button{font-size:22px}.library-controls{gap:8px;width:100%;margin-left:0}.library-controls>.search-box{flex:1}.library-controls input{width:100%}.filter-trigger{padding:0 12px}.filter-trigger>span{min-width:36px}.projects-grid{gap:24px 14px}.project-info{padding-left:8px;padding-right:8px}.project-info h3{font-size:14px}.power-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search-box{min-width:100%}.explore-preview{gap:20px}.explore-preview h3{font-size:22px;line-height:28px}.editor-header{gap:8px;height:64px;padding:0 12px}.editor-title{gap:4px}.editor-title h1{font-size:14px;line-height:24px}.title-editor,.title-editor.is-editing{max-width:100%}.title-editor input{font-size:14px;line-height:24px}.editor-title>.icon-button{margin-right:0}.editor-actions{gap:4px}.editor-actions .button{padding:0 12px;font-size:12px}.editor-actions>.popover-wrap{display:none}.editor-actions>.icon-button{width:32px;height:32px}.mobile-editor-tabs{border-bottom:1px solid var(--depth-line-soft);flex-shrink:0;justify-content:center;align-items:center;gap:30px;height:42px;margin-bottom:12px;display:flex}.mobile-editor-tabs>button{height:100%;color:var(--muted);font-size:13px}.mobile-editor-tabs>button[aria-pressed=true]{color:var(--text-100)}.editor-workspace{padding:0 12px 12px}.panel-resizer{display:none}.chat-panel{width:100%;min-width:0}.editor-workspace[data-panel=preview]>.chat-panel,.editor-workspace[data-panel=history]>.chat-panel,.editor-workspace[data-panel=chat]>.editor-preview,.editor-workspace[data-panel=history]>.editor-preview{display:none}.editor-workspace[data-panel=preview]>.editor-preview,.editor-workspace[data-panel=chat]>.chat-panel{display:flex}.chat-header>.icon-button,.chat-launcher{display:none}.preview-canvas{padding:0}.editor-composer{border-radius:20px;margin:0;padding:12px}.editor-composer .composer-bottom{align-items:center}.editor-composer textarea{min-height:64px}.editor-composer .composer-tools{flex-wrap:nowrap}.editor-header:has(+.mobile-editor-tabs button:last-child[aria-pressed=true]) .editor-actions>.popover-wrap{display:block}.history-popover{width:auto;max-height:calc(100dvh - 140px);position:fixed;top:120px;left:12px;right:12px}.history-popover .history-note{font-size:12px}.history-outside{display:none}.play-frame{max-width:100%}.editor-title>.status-tag,.editor-badges{display:none}.preview-blank{min-width:0}.empty-library{padding:24px 12px}.empty-library>p{font-size:13px}.keyboard-hint{font-size:10px}.dialog-head{min-height:64px;padding:8px 12px 8px 16px}.dialog-body{padding:0 16px 16px}.dialog-footer{padding:16px}.dialog-footer .button{padding:0 14px;font-size:12px}.dialog-head h2{font-size:18px}.preview-canvas.landscape .play-frame{height:auto}}@media (max-width:560px){.projects-grid{grid-template-columns:1fr;gap:24px}.project-art{aspect-ratio:2/3}.lab-project{max-width:100%}.home-hero h1{letter-spacing:-1px;font-size:30px;line-height:1.25}.home-hero{padding-top:32px}.home-main{padding-left:20px;padding-right:20px}.library-tabs>button{font-size:24px}.empty-illustration{width:160px;height:160px}.explore-preview{grid-template-columns:1fr;padding:0 16px 16px}.explore-preview>img{aspect-ratio:1.2;object-fit:cover;max-height:300px}.explore-preview>div{padding-top:0}.explore-preview h3{margin:14px 0}.explore-preview h4{margin-top:20px}.power-grid{grid-template-columns:1fr}.modal{padding:32px 24px}.modal h2{font-size:28px;line-height:36px}.header-actions{gap:4px}.header-actions>.icon-button{width:32px}.composer-tools{gap:6px}.mode-option{padding:0 8px}.mode-options{margin-left:-2px}.context-chips{padding-left:0;padding-right:0}.play-frame{max-width:100%;height:100%}.preview-blank h2{font-size:15px}}@media (hover:none){.cover-menu-button{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lab-project:hover .cover-button>img,.explore-card:hover .project-art>img{transform:none}}.modal::backdrop{background:var(--overlay-backdrop)}.modal{margin:auto}.multiplayer-test-button{height:40px;min-height:40px;color:var(--brand);background:var(--create-input);border-color:var(--brand);gap:4px;padding:0 16px;font-size:14px;font-weight:500}.multiplayer-test-button:hover:not(:disabled){background:var(--button-secondary-hover-bg);color:var(--brand)}.multiplayer-test-button[aria-expanded=false]:disabled{color:var(--brand);border-color:var(--brand)}.multiplayer-test-button[aria-expanded=true]{background:var(--active);border-color:var(--line);color:var(--text-100)}.multiplayer-test-button[aria-expanded=true]:hover:not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--strong-line);color:var(--text-100)}.multiplayer-test-labels{text-align:center;grid-template-columns:max-content;align-items:center;display:inline-grid}.multiplayer-test-labels>span{grid-area:1/1}.multiplayer-test-sizer{visibility:hidden}@media (max-width:700px){.multiplayer-test-button{display:none}}@font-face{font-family:Rubik Header;src:url(../media/rubik-0.0xz_9~22ctgtd.woff2)format("woff2");font-weight:400 500;font-style:normal;font-display:swap}.lab-brand{font-family:Rubik Header, var(--font-system)}.lab-brand>span>span{font-weight:400}.drag-handle{z-index:2;background:var(--cover-control-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-80);opacity:0;cursor:grab;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px}.drag-handle:hover,.drag-handle[aria-pressed=true]{background:var(--cover-control-hover-bg);color:var(--text-100)}.lab-project:hover .drag-handle,.lab-project:focus-within .drag-handle{opacity:1}.is-dragging>.project-art{outline:1px solid var(--home-composer-focus)}.public-project-preview{border:0;border-radius:24px;width:100%;height:60dvh}.public-project-cover{object-fit:contain;border-radius:24px;width:100%;height:auto;max-height:60dvh}.status-tag.failed{color:var(--failed-badge-text);background:var(--failed-badge-bg);border-color:var(--failed-badge-border)}.status-tag.new{color:var(--brand);background:var(--brand-soft);border-color:var(--brand-border)}@media (hover:none){.drag-handle{opacity:1}}@font-face{font-family:Login Rubik;src:url(../media/rubik-variable.0fiv96e56hmyq.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Login Rubik;src:url(../media/rubik-variable.0fiv96e56hmyq.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}.session-loading{background:var(--canvas);place-items:center;min-height:100dvh;display:grid}.session-loading>img{object-fit:contain;width:40px;height:40px;animation:1.5s ease-in-out infinite pulse}.login-page{background:var(--canvas);min-height:100dvh;padding:12px 12px 12px 48px}.login-layout{grid-template-columns:minmax(0,59fr) minmax(400px,41fr);width:100%;height:calc(100dvh - 24px);min-height:560px;display:grid}.login-brand-art{isolation:isolate;min-width:0;margin:-12px 0 -12px -48px;position:relative;overflow:hidden}.login-brand-art>canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-panel{border:1px solid var(--line);background:var(--active);scrollbar-width:thin;scrollbar-color:var(--neutral-400) transparent;border-radius:28px;justify-content:center;align-items:safe center;min-width:0;min-height:0;padding:96px clamp(24px,3vw,48px) 48px;display:flex;position:relative;overflow-y:auto}.login-content{flex-shrink:0;width:min(400px,100%);min-width:0}.login-mobile-logo{object-fit:cover;border-radius:14px;width:48px;height:48px;margin:0 auto 24px;display:none}.login-content h2{font-family:Rubik, var(--font-system);letter-spacing:-.02em;text-wrap:balance;color:var(--text-100);font-size:32px;font-weight:600;line-height:40px}.login-credentials{margin-top:32px}.login-method-tabs{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.login-method-tabs>button{min-width:0;height:40px;color:var(--muted);border-radius:999px;flex:1;padding:0 16px;font-size:13px;line-height:20px}.login-method-tabs>button[aria-selected=true]{background:var(--active);color:var(--text-100)}.login-method-tabs>button[aria-selected=false]:hover{background:var(--hover);color:var(--text-100)}.login-method-content{grid-template-columns:minmax(0,1fr);display:grid}.login-method-content>[role=tabpanel]{opacity:1;grid-area:1/1;align-self:start;min-width:0;transition:opacity .24s}.login-method-content>[data-active=false]{visibility:hidden;pointer-events:none;opacity:0}.login-email-form{gap:16px;display:grid}.login-field{min-width:0;color:var(--text-80);gap:8px;font-size:12px;line-height:16px;display:grid}.login-input-shell{--login-input-background:var(--surface);background:var(--login-input-background);border:1px solid var(--line);height:52px;color:var(--muted);border-radius:28px;align-items:center;gap:10px;padding:0 16px;transition:border-color .16s;display:flex}.login-input-shell:hover,.login-input-shell:focus-within{--login-input-background:var(--hover);border-color:var(--strong-line);background:var(--login-input-background)}.login-input-shell>svg{flex-shrink:0;width:18px;height:18px}.login-input-shell input{width:100%;min-width:0;height:100%;box-shadow:0 0 0 1000px var(--login-input-background) inset;color:var(--text-100);background:0 0;border:0;border-radius:0;outline:0;padding:0;font-size:14px;line-height:20px;transition:none}.login-input-shell input:focus-visible{outline:none}.login-input-shell input:is(:autofill,:autofill){-webkit-text-fill-color:var(--text);caret-color:var(--text)}.login-input-shell input::placeholder{color:var(--placeholder);opacity:1}.login-code-shell{padding-right:7px}.login-send-code{min-width:max-content;height:36px;color:var(--brand);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:500;line-height:16px;display:flex}.login-send-code:hover:not(:disabled){background:var(--active)}.login-send-code:disabled{color:var(--text-20);opacity:1}.login-submit{background:var(--brand);height:48px;color:var(--brand-ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:0 20px;font-size:14px;font-weight:500;line-height:20px;display:flex}.login-submit:hover:not(:disabled){background:var(--brand-hover)}.login-submit:disabled{opacity:1;background:var(--hover);color:var(--text-20)}.login-form-error{color:var(--danger);overflow-wrap:anywhere;margin-top:-4px;font-size:11px;line-height:16px}.login-service-note{color:var(--muted);margin:0;font-size:12px;font-weight:400;line-height:16px}.login-legal{text-align:center;color:var(--text-40);margin:0;font-size:12px;font-weight:400;line-height:16px;position:absolute;bottom:24px;left:24px;right:24px}.login-legal a{color:var(--text-80);text-underline-offset:2px;text-decoration:underline}.login-legal a:hover{color:var(--text-100)}.login-qr-panel{text-align:center;justify-items:center;gap:20px;padding-top:4px;display:grid}.login-qr-panel h3{color:var(--text-80);font-size:16px;font-weight:600;line-height:24px}.login-qr-frame{place-items:center;width:200px;height:200px;margin:0;display:grid}.login-qr-code{box-sizing:border-box;background:var(--text-100);border-radius:24px;place-items:center;width:200px;height:200px;display:grid;position:relative;overflow:hidden}.login-qr-code>img{object-fit:contain;width:176px;height:176px;display:block}.login-qr-placeholder{color:var(--text-40)}.login-qr-failed{background:var(--surface);border:1px dashed var(--line);color:var(--text-60);text-align:center;gap:10px;padding:20px}.login-qr-failed>span{max-width:9em;color:var(--text-80);font-size:13px;font-weight:560;line-height:18px}.login-qr-dimmed>img{opacity:.45;filter:grayscale(.4)}.login-qr-overlay{background:var(--canvas);place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.login-qr-overlay{background:color-mix(in srgb, var(--canvas) 28%, transparent)}}.login-qr-overlay{color:var(--text-80)}.login-qr-actions{place-items:center;min-height:34px;display:grid}.login-qr-refresh{border:1px solid var(--line);background:var(--hover);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:560;line-height:16px;display:inline-flex}.login-qr-refresh:hover:not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--strong-line)}.login-qr-refresh:disabled{opacity:0;pointer-events:none}.login-qr-copy{justify-items:center;gap:8px;width:100%;display:grid}.login-qr-copy>p{margin:0}.login-qr-instructions{color:var(--muted);text-wrap:wrap;width:100%;max-width:320px;font-size:12px;line-height:20px}.login-qr-instructions>span{color:var(--brand);white-space:nowrap}.qr-service-note{text-align:center;min-height:32px;font-size:11px;line-height:16px}.login-back{width:36px;height:36px;color:var(--muted);border-radius:999px;place-items:center;margin:0 0 12px -8px;padding:8px;display:grid}.login-back:hover{background:var(--hover);color:var(--text-100)}.login-username-description{color:var(--muted);margin-top:8px;font-size:13px;line-height:20px}.login-username-form{gap:0;margin-top:28px;display:grid}.username-count{color:var(--text-20);white-space:nowrap;flex-shrink:0;font-size:12px}.username-status{color:var(--muted);overflow-wrap:anywhere;min-height:40px;margin-top:8px;font-size:11px;line-height:16px}.username-status[data-state=available]{color:var(--brand)}.username-status:is([data-state=invalid],[data-state=taken],[data-state=error]){color:var(--danger)}.login-input-shell.invalid{border-color:var(--danger)}.login-username-form>.login-submit{margin-top:20px;margin-bottom:20px}@media (max-width:1000px) and (min-width:861px){.login-content h2{font-size:30px;line-height:38px}}@media (max-width:860px){.login-page{place-items:center;padding:12px;display:grid}.login-layout{grid-template-columns:minmax(0,1fr);width:min(520px,100%);height:auto;min-height:calc(100dvh - 24px)}.login-brand-art{display:none}.login-panel{min-height:calc(100dvh - 24px);padding:40px 40px 88px;overflow:visible}.login-mobile-logo{display:block}}@media (max-width:420px){.login-panel{padding-left:20px;padding-right:20px}.login-content h2{font-size:32px;line-height:40px}.login-qr-instructions{max-width:100%}}@media (prefers-reduced-motion:reduce){.login-method-content>[role=tabpanel]{transition:none}.session-loading>img{animation:none}}.chat-connection{color:var(--text-20);white-space:nowrap;margin-right:4px;font-size:11px;line-height:16px}.chat-connection[data-phase=connected]{color:var(--brand)}.chat-connection[data-phase=offline]{color:var(--muted)}.assistant-message{min-width:0;margin:0 0 24px}.chat-messages .assistant-message[data-image-gap="12"]{margin-top:-12px}.chat-messages .assistant-message[data-image-gap="8"]{margin-top:-16px}.assistant-body{color:var(--text-100);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:24px}.connection-notice{color:var(--muted);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px;font-size:12px;line-height:20px}[hidden]{display:none!important}.library-title-row{align-items:center;gap:8px;min-height:56px;display:flex}.library-title-row h2{font:600 24px/32px Rubik, var(--font-system);align-items:center;gap:8px;margin:0;display:flex}.guide-slot{justify-content:center;align-self:stretch;align-items:center;width:44px;display:flex;position:relative}.guide-slot.is-read{flex:0 0 32px;width:32px}.guide-slot .guide-visited{width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-80);box-shadow:none;background:0 0;border:0;border-radius:50%;padding:0}.guide-slot .guide-visited:hover{background:var(--control-disabled-bg);color:var(--text-100)}.guide-slot .guide-visited:focus-visible{outline:2px solid var(--brand);outline-offset:4px}.guide-slot .guide-visited>span{flex:none;place-items:center;width:20px;height:20px;line-height:0;display:grid}.guide-bookmark{width:44px;height:56px;color:var(--text-100);background:0 0;border-radius:8px;padding:0;position:absolute;top:0}.guide-bookmark-art{background:var(--creator-guide-accent);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 8px),0 100%);border-radius:0 0 4px 4px;flex-direction:column;align-items:center;height:56px;padding:12px 0;transition:height .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0 4px auto}.guide-bookmark strong{font:600 9px/16px var(--font-system);color:var(--text-100)}.guide-bookmark svg{stroke-width:2.25px;flex-shrink:0}.guide-bookmark:is(:hover,:focus-visible) .guide-bookmark-art{height:72px;padding-top:28px}@media (prefers-reduced-motion:reduce){.guide-bookmark-art{transition:none}}.header-actions{align-self:stretch}.header-actions>:not(.guide-slot){align-self:center}.site-header{padding-top:0;padding-bottom:0}.empty-library{background:0 0;border:0;gap:0;min-height:368px;padding:24px}.empty-library h3{font:500 14px/20px var(--font-system);margin:0}.empty-library p{max-width:none;color:var(--text-20);margin:8px 0 0;font-size:14px;line-height:20px}.empty-canvas-art{pointer-events:none;flex:none;justify-content:center;align-items:center;width:240px;max-width:100%;height:208px;animation:.36s cubic-bezier(.22,1,.36,1) both empty-library-arrive;display:flex}.empty-canvas-stack{flex:none;width:224px;height:208px;position:relative}.empty-canvas-stack>i,.empty-canvas-stack>div{border-radius:20px;width:112px;height:152px;transition:transform .48s cubic-bezier(.22,1,.36,1);position:absolute}.empty-canvas-stack>i:first-child{background:var(--surface);top:28px;left:88px;transform:rotate(12deg)}.empty-canvas-stack>i:nth-child(2){background:var(--hover);top:20px;left:56px;transform:rotate(4deg)}.empty-canvas-stack>div{background:var(--active);flex-direction:column;justify-content:center;align-items:center;display:flex;top:20px;left:24px;transform:rotate(-8deg)}.empty-canvas-stack img{object-fit:contain;width:56px;height:56px;display:block}.empty-canvas-stack span{text-align:center;white-space:nowrap;color:var(--text-20);font:500 11px/16px Rubik, var(--font-system);letter-spacing:.08em;position:absolute;bottom:16px;left:12px;right:12px}.empty-library:hover .empty-canvas-stack>i:first-child{transform:translate(8px)rotate(16deg)}.empty-library:hover .empty-canvas-stack>div{transform:translate(-4px,-4px)rotate(-12deg)}@keyframes empty-library-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-tag.new{background:var(--brand);color:var(--brand-ink);border-color:#0000;font-weight:500}.attachment video{object-fit:cover;width:48px;height:48px}.attachment-folder{width:auto;max-width:220px;color:var(--text-80);align-items:center;gap:6px;padding:0 12px;display:flex}.attachment-folder span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.attachment .video-play{background:var(--cover-control-bg);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;inset:10px}.attachment-chip{width:auto;max-width:280px}.attachment-chip>button:first-child{align-items:center;gap:8px;width:auto;max-width:260px;padding:8px 26px 8px 10px;display:flex}.attachment-chip>button span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-type{color:var(--brand);display:flex}.media-viewer{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:96px 24px 72px;position:fixed;inset:0;overflow:hidden}.media-viewer[open]{justify-content:center;align-items:center;display:flex}.media-viewer::backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-viewer>img,.media-viewer>video{object-fit:contain;border-radius:24px;width:auto;max-width:100%;height:auto;max-height:100%}.media-close{background:var(--cover-control-bg);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:24px;right:24px}.audio-dialog audio{max-width:100%}.caption-shell textarea{resize:none;width:100%;min-height:64px;color:var(--text-100);caret-color:var(--brand);background:0 0;border:0;outline:none;padding:0;font-size:15px;line-height:24px}@media (max-width:760px){.library-title-row{min-height:48px}.media-viewer{padding:80px 16px 64px}}@media (max-width:720px){.empty-canvas-art{height:160px}.empty-canvas-stack{transform:scale(.76)}}@media (prefers-reduced-motion:reduce){.guide-bookmark,.empty-canvas-stack>i,.empty-canvas-stack>div{transition:none}.empty-canvas-art{animation:none}}.caption-input{position:relative}.caption-input textarea,.caption-mirror{font:400 15px/24px var(--font-system);white-space:pre-wrap;overflow-wrap:break-word}.caption-input textarea{color:#0000;caret-color:var(--brand);resize:none;display:block;position:relative}.caption-input textarea::placeholder{color:var(--placeholder)}.caption-mirror{color:var(--text-100);pointer-events:none;position:absolute;inset:0;overflow:hidden}.caption-mirror span{color:var(--publish-caption-link)}.caption-tools{justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.caption-actions{gap:8px;display:flex}.caption-actions .tool-button{width:44px;height:32px;color:var(--text-100);padding:0 12px;font-size:18px;line-height:18px}.caption-count{color:var(--text-20);font-size:12px;line-height:20px}.caption-suggestions{z-index:2;gap:4px;max-height:280px;display:grid;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.caption-suggestions>button{color:var(--text-80);line-height:20px}.caption-suggestions>button:hover,.caption-suggestions>button:focus-visible,.caption-suggestions>button[aria-selected=true]{background:var(--active);color:var(--text-100)}.caption-suggestions small{color:var(--muted);padding:10px 12px;font-size:13px;line-height:20px;display:block}@media (forced-colors:active){.caption-mirror{display:none}.caption-input textarea{color:canvastext}}.site-header{z-index:20;background:var(--canvas);position:sticky;top:0}.caption-input textarea::selection{color:#0000;background:var(--publish-caption-selection)}.editor-guide{border-radius:50%;width:40px;height:40px}.account-button{padding:0;overflow:hidden}.account-button>img,.account-portrait>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.account-portrait{background:var(--avatar-bg);width:40px;height:40px;color:var(--brand);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid;overflow:hidden}.account-portrait.large{width:80px;height:80px;margin:auto;font-size:30px}.account-profile-dialog{max-width:440px}.account-profile-body{text-align:center}.account-profile-body h3{overflow-wrap:anywhere;margin:16px 0 8px}.account-profile-body p{overflow-wrap:anywhere}.profile-bio{white-space:pre-wrap;line-height:1.6}.legal-page{max-width:720px;margin:0 auto;padding:32px 20px 64px}.legal-header{margin-bottom:32px}.legal-back{color:var(--muted);margin-bottom:20px;font-size:14px;display:inline-block}.legal-back:hover{color:var(--text)}.legal-header h1{font-family:Rubik, var(--font-system);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:600}.legal-updated{color:var(--muted);margin:0;font-size:13px}.legal-section{margin-bottom:28px}.legal-section h2{margin:0 0 10px;font-size:16px;font-weight:600}.legal-section p{color:var(--text-40);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.reasoning-row{margin:0 0 12px}.reasoning-message{font-size:12px}.reasoning-summary{border-color:var(--line);max-height:280px;font-size:12px;overflow-y:auto}.message-markdown{white-space:normal;overflow-wrap:anywhere}.message-markdown>:first-child{margin-top:0}.message-markdown>:last-child{margin-bottom:0}.message-markdown p{margin:0 0 12px}.message-markdown a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.message-markdown ul,.message-markdown ol{margin:8px 0;padding-left:22px}.message-markdown pre{border:1px solid var(--line);background:var(--canvas);border-radius:8px;padding:12px;overflow:auto}.message-markdown code{font-size:.9em}.message-markdown blockquote{border-left:2px solid var(--line);color:var(--muted);margin-left:0;padding-left:14px}.message-markdown table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.message-markdown th,.message-markdown td{border:1px solid var(--line);padding:6px 10px}.chat-history-loading{color:var(--muted);align-items:center;gap:8px;padding:20px 0;font-size:13px;display:flex}.game-publication-card{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.game-publication-card>span{flex:1;gap:5px;min-width:0;display:grid}.game-publication-card>svg{color:var(--brand);flex-shrink:0}.game-publication-card span span{color:var(--muted);font-size:12px}.game-publication-card:hover{border-color:var(--brand)}.game-publication-card:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.game-publication-card .publication-url{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.server-deployment-card{cursor:default}.server-deployment-card:hover{border-color:var(--line)}.publish-dialog{width:fit-content;max-width:calc(100vw - 32px)}.publish-body{grid-template-columns:calc((var(--publish-cover-height,294px) - 32px) * .666667) minmax(0, 440px);color:var(--text-60);align-items:start;gap:20px;padding:0 24px;display:grid}.field-label{color:var(--text-100);margin:0 0 12px;padding:0;font-size:14px;font-weight:500;line-height:20px;display:block}.publish-cover{height:calc(var(--publish-cover-height,294px) - 32px);aspect-ratio:2/3;background:var(--hover);border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.publish-cover>img{object-fit:cover;width:100%;height:100%}.publish-cover>img[src*=logo]{object-fit:contain;width:60px;height:60px}.publish-fields{gap:24px;width:440px;max-width:100%;display:grid}.publish-caption-section{position:relative}.caption-shell{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:16px}.caption-shell:has(textarea:focus){border-color:var(--home-composer-focus)}.caption-input textarea{background:0 0;border:0;outline:none;width:100%;height:64px;min-height:64px;padding:0}.publish-visibility{border:0;min-width:0;margin:0;padding:0}.publish-visibility-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.visibility-option{background:var(--hover);cursor:pointer;border-radius:16px;align-items:center;gap:8px;min-height:64px;padding:12px;display:flex}.visibility-option:has(input:checked){background:var(--active)}.visibility-option:has(input:focus-visible){outline:2px solid var(--home-composer-focus);outline-offset:2px}.visibility-option input{width:16px;height:16px;accent-color:var(--brand);flex:none;margin:0}.visibility-option strong{color:var(--text-100);font-size:14px;font-weight:500;line-height:20px;display:block}.visibility-option small{color:var(--muted);font-size:12px;line-height:18px;display:block}.publish-footer{padding:24px}.publish-footer>.button.secondary{background:var(--hover);border-color:var(--line)}@media (max-width:760px){.publish-dialog{width:calc(100vw - 24px)}.publish-body{grid-template-columns:1fr;gap:24px}.publish-cover{width:100%;max-width:240px;height:auto}.publish-fields{width:auto}}.dropdown .project-delete-action,.button.project-delete-action{color:var(--danger)}.card-more-menu>.project-delete-action:hover{background:var(--danger-soft);color:var(--danger)}.publish-dialog .dialog-head .icon-button:focus-visible{box-shadow:none;background:var(--hover);color:var(--text-100);outline:none}@media (max-height:640px),(max-width:860px){.login-legal{margin-top:24px;position:static}}@media (max-height:640px){.login-panel{padding-block:40px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}