/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-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;--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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-bottom-1{bottom:calc(var(--spacing) * -1)}.left-1\/2{left:50%}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-11{height:calc(var(--spacing) * 11)}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-16{width:calc(var(--spacing) * 16)}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#29272b\]\/10{border-color:oklab(27.6462% .00481145 -.0061257/.1)}.bg-\[\#E0D8CC\]{background-color:#e0d8cc}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.px-4{padding-inline:calc(var(--spacing) * 4)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-\[width\,background-color\]{transition-property:width,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.default\:table:default{display:table}}:root{--color-studio-lilac:#b8a7ea;--color-cozy-sage:#88ab8e;--color-warm-honey:#e0a96d;--color-periwinkle:#9bb8cd;--color-bg-linen:#faf6f0;--color-surface-oatmeal:#eee8de;--color-border-sand:#e0d8cc;--color-text-espresso:#2c221e;--color-text-slate:#635c58;--color-success:#7da87b;--color-warning:#e0a96d;--color-error:#d96b6b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--ink:var(--color-text-espresso);--ink-soft:var(--color-text-slate);--accent:var(--color-warm-honey);--accent-strong:#79502c;--accent-soft:#f6eadb;--sage:var(--color-cozy-sage);--sage-strong:#9bb9a0;--danger:#a43c3c;--paper:#fff;--canvas:var(--color-bg-linen);--tint:var(--color-surface-oatmeal);--line:var(--color-border-sand);--line-strong:#c9bdad;--shadow-sm:0 2px 8px #2c221e0d;--shadow-md:0 6px 20px #2c221e14;--shadow-lg:0 12px 32px #2c221e1f;--font-sans:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Plus Jakarta Sans", "Fredoka", sans-serif;font-family:var(--font-sans);color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0}body{margin:0}*{box-sizing:border-box}button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .12s}button:active:not(:disabled){transform:scale(.97)}summary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}#app{width:100vw;height:100dvh;position:relative;overflow:hidden}canvas{display:block}.game-header{z-index:31;pointer-events:none;align-items:center;gap:12px;height:100px;padding:0 0 0 24px;display:flex;position:absolute;top:0;left:0;right:402px}.game-header h1{flex:0 300px;min-width:48px;margin:0;container:logo/inline-size}.game-logo{width:100%;height:auto;display:block}.game-logo-icon{width:48px;height:48px;display:none}@container logo (width<=143.98px){.game-logo{display:none}.game-logo-icon{display:block}}.game-header p{min-width:0;max-width:320px;color:var(--ink-soft);flex:0 auto;margin:0;font-size:12px}.game-header p:empty{display:none}.top-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);pointer-events:auto;background:#ffffffd9;border-radius:18px;flex:none;gap:4px;margin-left:auto;padding:4px;display:flex}.top-actions:empty{display:none}.top-actions .icon-button{box-shadow:none;color:var(--accent-strong);background:0 0;border-color:#0000}.top-actions .icon-button:hover{background:var(--tint)}.game-viewport{position:absolute;inset:100px 0 0}.action-cue{z-index:12;pointer-events:none;border:1px solid var(--line);color:var(--ink);white-space:nowrap;box-shadow:var(--shadow-md);background:#fffffff0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;transform:translate(-50%,-100%)}.action-cue[data-available=false]{color:var(--danger);background:#fdf3f0;border-color:#ecc8bf}.social-menu{z-index:13;border:1.5px solid var(--line);color:var(--ink);box-shadow:var(--shadow-lg);background:#fffffff5;border-radius:16px;padding:10px;animation:.16s ease-out social-menu-enter;position:absolute;transform:translate(-50%,calc(-100% - 6px))}.social-menu[hidden]{display:none}.social-menu-title{color:var(--ink-soft);white-space:nowrap;margin:0 4px 8px;font-size:12px;font-weight:600}.social-menu-actions{flex-wrap:wrap;gap:6px;max-width:min(340px,100vw - 32px);display:flex}.social-menu-actions button{border:1.5px solid var(--line);background:var(--tint);min-width:60px;min-height:56px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 8px;font-size:12px;font-weight:600;display:inline-flex}.social-menu-actions button:hover:not(:disabled){background:var(--color-periwinkle);border-color:var(--color-periwinkle)}.social-menu-actions button:disabled{cursor:not-allowed;color:var(--ink-soft);opacity:.7}.social-menu-actions button[data-action=select]{background:#fff}.social-menu-actions svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.social-menu-actions small{font-size:10px;font-weight:500}@keyframes social-menu-enter{0%{opacity:0;transform:translate(-50%,calc(2px - 100%))}}@media (prefers-reduced-motion:reduce){.social-menu{animation:none}}#app:has(.customization-drawer:not(.character-drawer)) .game-viewport{right:360px}.icon-button{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--tint)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.customization-drawer{--studio-border:var(--line);z-index:20;background:var(--tint);border-left:1.5px solid var(--line);border-radius:20px 0 0 20px;flex-direction:column;width:360px;animation:.2s ease-out studio-enter;display:flex;position:absolute;top:100px;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 28px #2c221e0d}.studio-heading{background:var(--tint);flex-shrink:0;padding:16px 18px 12px}.studio-eyebrow{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:10px;font-weight:500}.studio-heading h2{font-family:var(--font-display);letter-spacing:0;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:600;line-height:1.2;display:flex}.studio-heading h2 svg{width:20px;height:20px;color:var(--accent);flex-shrink:0}.slot-tabs{border-bottom:1px solid var(--studio-border);flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:6px 10px;display:grid}.slot-tabs button{min-height:62px;color:var(--ink-soft);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;font-size:10px;display:flex}.slot-tabs button:hover{background:var(--tint)}.slot-tabs svg{width:28px;height:28px}.slot-tabs button[aria-selected=true]{border-color:var(--color-periwinkle);color:var(--ink);background:var(--color-periwinkle);font-weight:700}.studio-controls{overscroll-behavior:contain;min-height:0;padding:0 18px 8px;overflow-y:auto}.studio-section{border-bottom:1px solid var(--studio-border);padding:18px 0}.studio-section:last-child{border-bottom:0}.studio-section h3{letter-spacing:0;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px;font-size:11px;font-weight:700}.color-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.color-control{min-width:0}.color-control legend,.field-label,.range-heading{color:var(--ink-soft);font-size:12px}.color-control legend{margin-bottom:8px}.color-inputs{align-items:center;gap:6px;padding:4px 0;display:flex}.color-inputs input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:10px;flex-shrink:0;width:44px;height:44px;padding:2px}.color-inputs input[type=text]{border:1px solid var(--line-strong);width:100%;min-width:0;height:34px;font-family:var(--font-mono);background:#fff;border-radius:10px;padding:0 8px;font-size:12px}.color-inputs input[aria-invalid=true]{border-color:var(--danger);outline-color:var(--danger)}.swatches{grid-template-columns:repeat(4,minmax(44px,1fr));justify-items:center;gap:10px;margin:4px 0 8px;display:grid}.swatch{cursor:pointer;width:48px;height:48px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-sm);border:3px solid #fff;border-radius:50%;place-items:center;display:grid}.swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.swatch svg{color:#fff;filter:drop-shadow(0 1px 2px #000)}.color-columns .swatches{grid-template-columns:repeat(2,minmax(44px,1fr))}.color-extras summary{cursor:pointer;width:48px;min-height:44px;color:var(--accent-strong);border-radius:12px;justify-content:center;align-items:center;display:flex}.color-extras summary::-webkit-details-marker{display:none}.color-inputs input[type=color],.color-inputs input[type=text]{height:44px}.field-label{margin-bottom:6px;display:block}.character-selection{flex-shrink:0;align-items:center;gap:10px;padding:8px 16px;display:flex;overflow-x:auto}.portrait-choice{border:1.5px solid var(--line);background:var(--tint);cursor:pointer;border-radius:16px;flex:0 0 52px;width:52px;height:56px;overflow:hidden}.portrait-choice img{object-fit:cover;width:100%;height:100%}.portrait-choice[aria-pressed=true]{border:3px solid var(--accent)}.portrait-choice .body-picture{width:100%;height:100%}.character-selection .field-label{margin:0}.character-selection select{min-width:0}.studio-controls select,.character-selection select{border:1px solid var(--line-strong);background:#fff;border-radius:10px;width:100%;height:40px;padding:0 10px;font-size:13px}.range-heading{justify-content:space-between;gap:8px;margin-top:16px;display:flex}.range-heading output,.sun-heading output,.wall-stepper output,.surface-room-size span{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.studio-controls input[type=range]{width:100%;min-width:0;height:44px;accent-color:var(--accent);cursor:pointer;appearance:none;background:0 0;display:block}.studio-controls input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:var(--accent);width:26px;height:26px;box-shadow:0 0 0 1px var(--line-strong), 0 2px 6px #29272b33;border:4px solid #fff;border-radius:50%;margin-top:-10px}.studio-controls input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:6px}.studio-controls input[type=range]::-moz-range-thumb{box-sizing:border-box;background:var(--accent);width:26px;height:26px;box-shadow:0 0 0 1px var(--line-strong), 0 2px 6px #29272b33;border:4px solid #fff;border-radius:50%}.studio-controls input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}.studio-controls input:disabled{opacity:.35;cursor:default}.finish-options,.pattern-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pattern-options{grid-template-columns:repeat(4,minmax(0,1fr))}.finish-options button,.pattern-options button{border:1.5px solid var(--line);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:86px;padding:6px;font-size:11px;display:flex}.finish-options button:hover,.pattern-options button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.pattern-options button{min-height:72px}.finish-options button[aria-pressed=true],.pattern-options button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.material-sample{color:#3a2a22;background:#cfa48c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.material-sample svg{color:var(--accent);background:#fff;border-radius:50%}.material-gloss,.material-silk{background:radial-gradient(circle at 28% 24%,#fff 2%,#f1dccf 12%,#c48a6d 45%,#7e4c38 95%)}.material-metal,.material-metallic{background:linear-gradient(130deg,#365b6d,#e8faff 34%,#57839b 44%,#e3f5ff 65%,#46718a)}.material-cotton{background:repeating-linear-gradient(0deg,#ddc1ae 0 1px,#c3a28b 1px 3px)}.material-denim{background:repeating-linear-gradient(130deg,#387fa6 0 2px,#74a7bd 2px 3px)}.material-leather{background:radial-gradient(at 30% 20%,#97c2a9,#386b58 75%)}.material-velvet{background:radial-gradient(at 50% 80%,#8a5e78,#3e2f44)}.material-glitter{background:radial-gradient(circle,#fff 1px,#0000 2px) 0 0/8px 8px,#d5a222}.surface-finishes{margin-top:10px}.room-surfaces{margin-top:12px}.room-textures{margin-bottom:16px}.room-texture-sample{border-radius:10px;width:100%;height:56px;display:block;position:relative;overflow:hidden}.room-texture-sample img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.room-texture-sample svg{color:var(--accent);background:#fff;border-radius:50%;position:absolute;bottom:4px;right:4px}.pattern-sample{background:#c9a08a 50%/44px 44px;border-radius:10px;width:100%;height:44px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.visual-slider{align-items:center;gap:10px;margin-top:12px;display:flex}.visual-slider>svg{color:var(--ink-soft);flex:0 0 26px}.turn-end{transform:rotate(135deg)}@keyframes studio-enter{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mode-switch{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background:#ffffffd9;border-radius:18px;gap:4px;padding:4px;display:flex;position:absolute;top:13px;right:16px}.mode-switch button{width:88px;height:64px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.mode-switch button:hover:not(:disabled,[aria-pressed=true]){color:var(--ink);background:var(--tint)}.mode-switch button svg{stroke-width:2px;width:24px;height:24px}.mode-switch button[aria-pressed=true]{color:var(--ink);background:var(--accent);box-shadow:var(--shadow-sm)}button:disabled{opacity:.45;cursor:default}.build-tabs{border-bottom:1px solid var(--studio-border);flex-shrink:0;gap:6px;padding:8px 14px;display:flex}.build-tabs button{min-height:64px;color:var(--ink-soft);cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:12px;display:flex}.build-tabs button:hover{background:var(--tint)}.build-tabs button svg{width:26px;height:26px}.build-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.collection-grid button{border:1.5px solid var(--line);min-width:0;height:116px;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;position:relative}.collection-grid button:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.collection-grid button>svg{width:46px;height:64px}.collection-grid button img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 .6px #2c221eb3)drop-shadow(0 0 .6px #2c221e80);width:100%;height:78px}.collection-grid button>span{overflow-wrap:anywhere;max-width:100%}.object-controls{margin-top:12px}.collection-heading{align-items:center;gap:10px;min-height:44px;margin-bottom:12px;display:flex}.collection-heading h3{flex:1;margin:0}.collection-heading>span{color:var(--ink-soft);font-size:12px}.room-type-filter{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:0;display:grid}.room-type-filter button{border:1px solid var(--line);min-width:0;min-height:52px;color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 3px;font-size:10.5px;line-height:1.15;display:flex}.room-type-filter button:hover{border-color:var(--accent)}.room-type-filter button[aria-pressed=true]{color:var(--ink);border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.room-type-filter button>span{overflow-wrap:anywhere;max-width:100%}.furniture-editor>summary{cursor:pointer;min-height:48px;color:var(--ink);align-items:center;gap:10px;font-weight:600;list-style:none;display:flex}.furniture-editor>summary::-webkit-details-marker{display:none}.furniture-editor>summary>span{overflow-wrap:anywhere;flex:1}.furniture-editor>summary:after{content:"+";color:var(--accent);font-size:22px;font-weight:300}.furniture-editor[open]>summary:after{content:"−"}.furniture-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.furniture-channels button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:66px;padding:6px;font-size:11px;display:flex}.furniture-channels button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.furniture-channels button>span{border:1px solid #29272b33;border-radius:50%;width:24px;height:24px}.object-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.object-heading h3{margin:0}.object-controls .swatches{grid-template-columns:repeat(4,minmax(44px,1fr))}.finish-label{margin-top:16px}.wall-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wall-list button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:10px 8px;font-size:12px;display:flex}.wall-list button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.wall-list span{border:1px solid #29272b26;border-radius:6px;flex-shrink:0;width:22px;height:22px}.build-message{color:var(--danger);border-top:1px solid var(--studio-border);flex-shrink:0;padding:10px 18px;font-size:13px;display:block}.build-message:empty{display:none}.room-heading{align-items:center;gap:8px;display:flex}.room-heading select{min-width:0}.wall-stepper{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;margin:10px 0;display:flex}.wall-stepper output{font-variant-numeric:tabular-nums;font-size:12px}.add-room-button{background:var(--sage);width:100%;min-height:64px;color:var(--ink);box-shadow:var(--shadow-md);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:10px;font-size:14px;font-weight:600;display:flex}.add-room-button:hover{background:var(--sage-strong)}.aperture-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:16px;display:grid}.aperture-options button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:64px;font-size:10px;display:flex}.aperture-options button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong);font-weight:600}.wall-list .wall-name{text-transform:capitalize;text-align:left;border:0;flex:1;width:auto;min-width:0;height:auto}.wall-name small{color:var(--ink-soft);text-transform:none;overflow-wrap:anywhere;margin-top:2px;font-size:10.5px;font-weight:400;line-height:1.2;display:block}.room-guide{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:12px;margin:0 0 14px;padding:10px 12px 10px 30px;font-size:12px;line-height:1.45;list-style:decimal}.room-guide li::marker{color:var(--accent-strong);font-weight:700}.room-guide li+li{margin-top:4px}.room-guide b{color:var(--ink);font-weight:600}.room-guide svg{vertical-align:-2px;display:inline}.wall-hint{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.45}.wall-list svg{flex-shrink:0}.wall-list .wall-picture{border:3px solid var(--line-strong);background:var(--tint);width:44px;height:44px}.wall-picture[data-side=north]{border-top:8px solid var(--accent)}.wall-picture[data-side=south]{border-bottom:8px solid var(--accent)}.wall-picture[data-side=east]{border-right:8px solid var(--accent)}.wall-picture[data-side=west]{border-left:8px solid var(--accent)}.room-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.room-choices button{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:6px;font-size:11px;display:flex}.room-choices button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.room-choices svg{width:64px;height:64px}.daylight-heading{align-items:center;gap:8px;display:flex}.build-surface{z-index:14;pointer-events:none;position:absolute;inset:0;overflow:hidden}.surface-button{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;touch-action:none;background:#fffffff5;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;display:inline-flex}.surface-button:hover{background:var(--tint);border-color:var(--accent)}.surface-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.surface-button:disabled{background:#f7f3f2}.surface-room-bar{align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:12px}.surface-room-size{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:12px;margin-left:4px;padding:4px 10px;font-size:13px;font-weight:600}.surface-room-size span{font-variant-numeric:tabular-nums;font-size:11px;font-weight:400;display:block}.scene-anchor{gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.wall-handle-group{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);background:#ffffffa6;border-radius:16px;padding:4px}.wall-resize{cursor:grab}.wall-resize:active{cursor:grabbing;background:var(--accent-soft)}.resize-arrow{pointer-events:none;display:inline-flex}.camera-controls{z-index:13;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#fffffff2;border-radius:18px;flex-direction:column;gap:3px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.camera-controls .surface-button{width:44px;height:44px;box-shadow:none;background:0 0;border-color:#0000;flex-basis:44px}.camera-controls .surface-button:hover{background:var(--tint)}.studio-toolbar{z-index:13;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#fffffff2;border-radius:18px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.studio-toolbar>button{min-width:48px;height:48px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.studio-toolbar>button:hover:not(:disabled){background:var(--tint)}.studio-toolbar>button:disabled{cursor:progress;opacity:.6}.studio-toolbar>button[aria-expanded=true]{background:var(--tint)}.studio-toolbar .studio-freeze[aria-pressed=true]{background:var(--color-periwinkle)}.studio-toolbar .studio-photo{background:var(--accent)}.studio-toolbar .studio-photo:hover:not(:disabled){background:#e6b887}.studio-frames{border:1.5px solid var(--line);background:var(--paper);width:min(288px,100vw - 16px);box-shadow:var(--shadow-md);border-radius:16px;padding:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.studio-frames h3{text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin:12px 0 8px;font-size:11px;font-weight:700;display:flex}.studio-frames h3:first-child{margin-top:0}.studio-frames h3 output{font-family:var(--font-mono);text-transform:none;font-weight:500}.studio-frame-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.studio-frame-options button{border:1.5px solid var(--line);min-height:80px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:6px 2px;font-size:10.5px;display:flex}.studio-frame-options button:hover{border-color:var(--line-strong)}.studio-frame-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.studio-frame-options small{font-family:var(--font-mono);color:var(--ink-soft);font-size:10px;font-weight:500}.studio-frame-shape{border:2px solid;border-radius:4px;height:24px;margin-bottom:auto;display:block}.studio-size-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-size-options button{border:1px solid var(--line);background:var(--tint);min-height:44px;color:var(--ink);font-family:var(--font-mono);cursor:pointer;border-radius:12px;font-size:13px}.studio-size-options button[aria-pressed=true]{border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.studio-sound-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-sound-options button{border:1px solid var(--line);background:var(--tint);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;padding:4px 6px;font-size:12px;font-weight:600}.studio-sound-options button[aria-pressed=true]{border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.studio-toolbar .studio-record svg{color:var(--color-error)}.studio-toolbar .studio-stop{min-width:88px;color:var(--danger);font-family:var(--font-mono);font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1.5px var(--color-error);background:#fdf3f0}.studio-pose{z-index:16;box-sizing:border-box;overscroll-behavior:contain;border:1.5px solid var(--line);background:var(--paper);width:296px;max-height:calc(100% - 136px);box-shadow:var(--shadow-md);border-radius:16px;padding:12px;position:absolute;top:52px;left:12px;overflow-y:auto}.studio-pose h3{text-transform:uppercase;color:var(--ink-soft);margin:10px 0 6px;font-size:11px;font-weight:700}.studio-pose-head{align-items:flex-start;gap:6px;display:flex}.studio-pose-people{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.studio-pose :is(.studio-pose-people,.studio-pose-options) button{border:1.5px solid var(--line);border-radius:var(--radius-full);background:var(--tint);min-height:32px;color:var(--ink);cursor:pointer;padding:0 10px;font-size:12px;font-weight:600}.studio-pose :is(.studio-pose-people,.studio-pose-options) button:hover{border-color:var(--line-strong)}.studio-pose :is(.studio-pose-people,.studio-pose-options) button[aria-pressed=true]{border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.studio-pose-people button{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.studio-pose-close{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.studio-pose-close:hover{background:var(--tint);color:var(--ink)}.studio-pose-options{flex-wrap:wrap;gap:6px;display:flex}.studio-pose-hint{color:var(--ink-soft);margin:8px 0 0;font-size:12px}.studio-pose-adjust{align-items:center;gap:12px;margin-top:8px;display:flex}.studio-pose-sliders{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-pose-sliders label{text-transform:uppercase;color:var(--ink-soft);flex-direction:column;font-size:11px;font-weight:700;display:flex}.studio-pose-sliders label span{justify-content:space-between;display:flex}.studio-pose-sliders output{font-family:var(--font-mono);text-transform:none;color:var(--ink);font-weight:500}.studio-pose-sliders input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:32px;margin:0}.studio-pose-sliders input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;background:var(--color-periwinkle);width:22px;height:22px;box-shadow:0 0 0 1px var(--line-strong), 0 2px 6px #29272b33;border:3px solid #fff;border-radius:50%;margin-top:-8px}.studio-pose-sliders input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:6px}.studio-pose-sliders input[type=range]::-moz-range-thumb{box-sizing:border-box;background:var(--color-periwinkle);width:22px;height:22px;box-shadow:0 0 0 1px var(--line-strong), 0 2px 6px #29272b33;border:3px solid #fff;border-radius:50%}.studio-pose-sliders input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}.studio-pose-nudge{flex-shrink:0;grid-template:repeat(3,34px)/repeat(3,34px);gap:2px;display:grid}.studio-pose-nudge button{border:1px solid var(--line);background:var(--tint);color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;display:grid}.studio-pose-nudge button:hover{border-color:var(--line-strong)}.studio-pose-nudge [data-direction=up]{grid-area:1/2}.studio-pose-nudge [data-direction=left]{grid-area:2/1}.studio-pose-nudge [data-direction=right]{grid-area:2/3}.studio-pose-nudge [data-direction=down]{grid-area:3/2}.studio-pose-reset{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:6px;margin-top:8px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.studio-pose-reset:hover:not(:disabled){border-color:var(--line-strong)}.studio-pose-reset:disabled{opacity:.5;cursor:default}.studio-expression-options{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px;display:grid}.studio-expression-options button{border:1.5px solid var(--line);background:var(--tint);min-width:0;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:10.5px;font-weight:600;display:flex}.studio-expression-options button:hover{border-color:var(--line-strong)}.studio-expression-options button[aria-pressed=true]{border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.expression-picture{width:30px;height:30px;display:block}.studio-bubbles{z-index:11;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-bubble-handle{z-index:12;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:14px;padding:0;position:absolute}.studio-bubble-handle:hover{outline-offset:3px;outline:1.5px dashed #2c221e73}.studio-bubble-handle:active{cursor:grabbing}.studio-bubble-handle[data-selected=true]{outline:2px dashed var(--color-periwinkle);outline-offset:4px}.studio-bubble-handle:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}.studio-bubble-kinds{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.studio-bubble-kinds button{border:1.5px solid var(--line);background:var(--tint);min-height:52px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.studio-bubble-kinds button:hover{border-color:var(--line-strong)}.studio-bubble-kinds button[aria-pressed=true]{border-color:var(--color-periwinkle);background:var(--color-periwinkle);font-weight:700}.studio-bubble-text{text-transform:uppercase;color:var(--ink-soft);flex-direction:column;gap:4px;margin-top:10px;font-size:11px;font-weight:700;display:flex}.studio-bubble-text span{justify-content:space-between;display:flex}.studio-bubble-text output{font-family:var(--font-mono);text-transform:none;color:var(--ink);font-weight:500}.studio-bubble-text input{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;text-transform:none;background:#fff;border-radius:12px;padding:0 12px;font-size:16px;font-weight:500}.studio-bubble-text input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.studio-bubble-actions{gap:6px;margin-top:8px;display:flex}.studio-bubble-actions button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.studio-bubble-actions button:hover:not(:disabled){border-color:var(--line-strong)}.studio-bubble-actions button:disabled{opacity:.5;cursor:default}.studio-bubble-actions .studio-bubble-delete{color:var(--danger)}.studio-guide{z-index:11;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.studio-flash{z-index:12;opacity:0;pointer-events:none;background:#fff;animation:.36s ease-out studio-flash;position:absolute;inset:0}@keyframes studio-flash{0%{opacity:.8}}@media (prefers-reduced-motion:reduce){.studio-flash{display:none}}.studio-status{z-index:13;border:1px solid var(--line);border-radius:var(--radius-full);color:var(--ink-soft);font-family:var(--font-mono);box-shadow:var(--shadow-sm);pointer-events:none;background:#fffffff2;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:inline-flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.studio-status:before{content:"";background:var(--sage);border-radius:50%;width:8px;height:8px}.studio-status[data-frozen=true]{color:var(--ink);border-color:var(--color-periwinkle)}.studio-status[data-frozen=true]:before{background:var(--color-periwinkle)}.studio-status[data-recording=true]{color:var(--danger);border-color:var(--color-error)}.studio-status[data-recording=true]:before{background:var(--color-error);animation:1s ease-in-out infinite alternate studio-recording}@keyframes studio-recording{to{opacity:.25}}@media (width>=721px) and (width<=1000px){.studio-toolbar>button{gap:6px;padding:0 12px}}@media (prefers-reduced-motion:reduce){.studio-status[data-recording=true]:before{animation:none}}.studio-status[data-paused=true]:before{opacity:.5;animation:none}.room-add{color:var(--ink);background:var(--sage);border-color:var(--sage)}.room-add:hover{background:var(--sage-strong);color:var(--ink)}.selection-tools{z-index:2}.surface-toolbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;max-width:calc(100vw - 24px);box-shadow:var(--shadow-md);background:#fffffff2;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:3px;padding:4px;display:flex}.surface-toolbar .surface-button{box-shadow:none;background:0 0;border-color:#0000}.surface-toolbar .surface-button:hover{background:var(--tint)}.surface-toolbar .surface-button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.surface-toolbar .remove-tool{color:var(--danger)}.surface-sun{z-index:3;pointer-events:auto;position:absolute;top:12px;right:12px}.sun-toggle{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent);float:right}.sun-popover{border:1px solid var(--line);background:var(--paper);width:186px;box-shadow:var(--shadow-md);border-radius:16px;position:absolute;top:58px;right:0}.sun-heading{color:var(--ink-soft);justify-content:space-between;padding:12px 12px 0;font-size:11px;display:flex}.sun-heading output{font-variant-numeric:tabular-nums}.sun-pad{touch-action:none;background:linear-gradient(#e9eef6,#fdf1dc);border-radius:12px;height:128px;margin:8px;position:relative}.sun-compass{color:var(--ink-soft);pointer-events:none;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:3px;left:17px;right:17px}.sun-handle{color:var(--ink);background:var(--accent);border-color:var(--accent-strong);cursor:grab;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.sun-handle:active{cursor:grabbing}.surface-message{width:max-content;max-width:calc(100% - 24px);color:var(--danger);text-align:center;box-shadow:var(--shadow-sm);background:#fdf3f0;border:1px solid #ecc8bf;border-radius:12px;padding:8px 14px;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.atmosphere-control{z-index:15;flex-direction:column;align-items:flex-start;gap:8px;max-height:calc(100% - 24px);display:flex;position:absolute;bottom:12px;left:12px}.atmosphere-toggle{color:var(--accent-strong);box-shadow:var(--shadow-md);background:#fffffff2}.atmosphere-toggle[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent)}.atmosphere-popover{border:1.5px solid var(--line);background:var(--paper);width:296px;min-height:0;box-shadow:var(--shadow-md);border-radius:16px;padding:12px;overflow-y:auto}.atmosphere-popover h3{text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin:12px 0 8px;font-size:11px;font-weight:700;display:flex}.atmosphere-popover h3:first-child{margin-top:0}.atmosphere-popover h3 output{font-family:var(--font-mono);font-weight:500}.atmosphere-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.atmosphere-presets button{border:1.5px solid var(--line);min-height:78px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:5px;font-size:10.5px;line-height:1.15;display:flex}.atmosphere-presets button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.atmosphere-presets button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.preset-sample{width:100%;height:38px;color:var(--ink);border-radius:8px;place-items:center;display:grid}.preset-sample[data-dark=true]{color:#fff3d6}.atmosphere-weather{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.atmosphere-weather button,.atmosphere-row button{border:1px solid var(--line);background:var(--tint);min-height:52px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;font-size:11px;display:flex}.atmosphere-weather button:hover:not(:disabled),.atmosphere-row button:hover:not(:disabled){border-color:var(--line-strong)}.atmosphere-weather button[aria-pressed=true],.atmosphere-row button[aria-pressed=true]{background:var(--color-periwinkle);border-color:var(--color-periwinkle);font-weight:700}.atmosphere-row button:disabled{color:var(--ink-soft);opacity:.6;cursor:default}.atmosphere-row{grid-template-columns:1fr 1fr;align-items:center;gap:6px;display:grid}.atmosphere-row input[type=range]{width:100%;min-width:0;height:44px;accent-color:var(--accent);cursor:pointer}.atmosphere-sound{align-items:stretch}.atmosphere-volumes{gap:2px;display:grid}.atmosphere-volumes label{min-width:0;color:var(--ink-soft);align-items:center;gap:6px;display:flex}.atmosphere-volumes svg{flex-shrink:0}.atmosphere-volumes input[type=range]{height:36px}.atmosphere-volumes input:disabled{cursor:default}.atmosphere-hint{color:var(--ink-soft);margin:6px 0 0;font-size:11px;line-height:1.4}.tip-jar-toggle{z-index:16;border:1.5px solid var(--accent);background:var(--accent-soft);height:48px;color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-md);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;left:68px}.tip-jar-toggle:hover{background:var(--accent)}.tip-jar-toggle svg{color:var(--accent-strong);flex-shrink:0}.tip-jar-toggle:hover svg{color:var(--ink)}.tip-jar{border:1.5px solid var(--line);border-radius:var(--radius-lg);width:min(800px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23635C58' opacity='.04' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E"), var(--canvas);box-shadow:var(--shadow-lg);margin:auto;padding:0;overflow:hidden}.tip-jar[open]{animation:.28s cubic-bezier(.175,.885,.32,1.275) tip-jar-enter}.tip-jar::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c221e73}.tip-jar-card{overscroll-behavior:contain;grid-template:"heading heading""story panel""fine panel"1fr/minmax(0,1fr) minmax(0,390px);gap:16px 24px;max-height:calc(100dvh - 27px);padding:18px 22px 22px;display:grid;overflow-y:auto}.tip-jar-heading{grid-area:heading;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tip-jar-heading h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:600;line-height:1.2}.tip-jar-eyebrow{font-family:var(--font-mono);color:var(--accent-strong);text-transform:uppercase;margin:0 0 2px;font-size:11px}.tip-jar-story{flex-direction:column;grid-area:story;gap:14px;min-width:0;display:flex}.tip-jar-fine{flex-direction:column;grid-area:fine;gap:10px;min-width:0;display:flex}.tip-jar-story p{margin:0;font-size:14px;font-weight:500;line-height:1.5}.tip-jar-fine .tip-jar-note{border:1.5px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--tint);color:var(--ink-soft);margin:0;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.4}.tip-jar-cat{align-self:center;width:min(220px,70%);height:auto;animation:3.2s ease-in-out infinite tip-jar-bob}.tip-jar-treat{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite tip-jar-wiggle}.tip-jar-link{min-height:44px;color:var(--accent-strong);text-underline-offset:3px;align-self:flex-start;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.tip-jar-panel{border:1.5px solid var(--line);height:min(590px,100dvh - 130px);min-height:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;grid-area:panel;position:relative;overflow:hidden}.tip-jar-panel iframe{border:0;width:100%;height:100%;display:block}.tip-jar-loading{color:var(--ink-soft);font-family:var(--font-mono);background:#fff;place-items:center;margin:0;font-size:12px;display:grid;position:absolute;inset:0}@keyframes tip-jar-enter{0%{opacity:0;transform:translateY(16px)scale(.98)}}@keyframes tip-jar-bob{50%{transform:translateY(-5px)}}@keyframes tip-jar-wiggle{50%{rotate:10deg}}@media (prefers-reduced-motion:reduce){.tip-jar[open],.tip-jar-cat,.tip-jar-treat,.confirm-dialog[open],.feedback-board[open]{animation:none}}.confirm-dialog{border:1.5px solid var(--line);border-radius:var(--radius-lg);width:min(380px,100vw - 24px);max-width:none;color:var(--ink);background:var(--canvas);box-shadow:var(--shadow-lg);text-align:center;margin:auto;padding:22px}.confirm-dialog[open]{animation:.28s cubic-bezier(.175,.885,.32,1.275) tip-jar-enter}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c221e73}.confirm-picture{border:1.5px solid var(--line);background:var(--tint);border-radius:16px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 14px;display:flex;overflow:hidden}.confirm-picture img{object-fit:cover;width:100%;height:100%}.confirm-dialog h2{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 6px;font-size:18px;font-weight:600;line-height:1.3}.confirm-dialog p{color:var(--ink-soft);overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:500;line-height:1.5}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.confirm-actions button{border:1.5px solid var(--line-strong);border-radius:var(--radius-md);min-height:48px;color:var(--ink);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.confirm-actions .confirm-cancel:hover{background:var(--tint)}.confirm-actions .confirm-danger{border-color:var(--danger);background:var(--danger);color:#fff}.confirm-actions .confirm-danger:hover{background:#8e3333}.account-control,.account-toggle{position:relative}.account-toggle[aria-expanded=true]{background:var(--accent-soft);border-color:var(--accent)}.account-toggle[data-sync=error],.account-toggle[data-sync=offline]{color:var(--danger)}.account-popover{border:1.5px solid var(--line);background:var(--paper);width:300px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 100px);box-shadow:var(--shadow-md);border-radius:16px;padding:14px;position:absolute;top:calc(100% + 14px);right:-5px;overflow-y:auto}.account-popover h3{font-family:var(--font-display);margin:0 0 6px;font-size:16px}.account-popover form{flex-direction:column;gap:10px;display:flex}.account-popover form h3,.account-popover form .account-hint{margin:0}.account-popover label{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.account-popover input{border:1px solid var(--line-strong);border-radius:var(--radius-md);min-height:44px;color:var(--ink);font:inherit;background:#fff;padding:0 12px;font-size:14px;font-weight:400}.account-popover input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.account-submit{border-radius:var(--radius-md);background:var(--accent);min-height:44px;color:var(--ink);cursor:pointer;border:0;font-weight:700}.account-submit:disabled{opacity:.6;cursor:default}.account-google{border-radius:var(--radius-md);color:#1f1f1f;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #747775;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.account-google:hover:not(:disabled){background:#f8f8f8}.account-google:disabled{opacity:.6;cursor:default}.account-divider{color:var(--ink-soft);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.account-divider:before,.account-divider:after{content:"";border-top:1px solid var(--line);flex:1}.account-links{justify-content:space-between;gap:8px;display:flex}.account-links button{min-height:32px;color:var(--accent-strong);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.account-email{overflow-wrap:anywhere;margin:0;font-size:13px}.account-sync{color:var(--ink-soft);align-items:center;gap:6px;margin:8px 0 12px;font-size:12px;display:flex}.account-sync[data-sync=error],.account-sync[data-sync=offline]{color:var(--danger)}.account-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.account-actions button{border:1px solid var(--line);background:var(--tint);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.account-actions button:hover:not(:disabled){border-color:var(--line-strong)}.account-actions button:disabled{opacity:.6;cursor:default}.account-hint,.account-notice,.account-error{color:var(--ink-soft);margin:10px 0 0;font-size:11px;line-height:1.4}.account-hint a{color:var(--accent-strong)}.account-notice{color:var(--ink)}.account-error{color:var(--danger)}.feedback-board{border:1.5px solid var(--line);border-radius:var(--radius-lg);width:min(760px,100vw - 24px);max-width:none;height:min(820px,100dvh - 24px);max-height:none;color:var(--ink);background:var(--canvas);box-shadow:var(--shadow-lg);margin:auto;padding:0;overflow:hidden}.feedback-board[open]{animation:.28s cubic-bezier(.175,.885,.32,1.275) tip-jar-enter}.feedback-board::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c221e73}.feedback-card{flex-direction:column;height:100%;display:flex}.feedback-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 12px;display:flex}.feedback-heading h2{font-family:var(--font-display);margin:0;font-size:24px;font-weight:600;line-height:1.2}.feedback-eyebrow{font-family:var(--font-mono);color:var(--accent-strong);text-transform:uppercase;margin:0 0 2px;font-size:11px}.feedback-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 22px 22px;overflow-y:auto}.feedback-intro{margin:0 0 12px;font-size:14px;line-height:1.5}.feedback-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.feedback-filters{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;gap:2px;padding:3px;display:flex}.feedback-filters button{min-height:38px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.feedback-filters button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong)}.feedback-count{border-radius:var(--radius-full);background:var(--tint);min-width:20px;font-family:var(--font-mono);text-align:center;padding:1px 6px;font-size:11px}.feedback-toolbar select,.feedback-field select{border:1px solid var(--line-strong);border-radius:var(--radius-md);height:44px;color:var(--ink);background:#fff;padding:0 10px;font-size:13px}.feedback-new{margin-left:auto}.feedback-primary,.feedback-secondary{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex}.feedback-primary{border:1.5px solid var(--accent);background:var(--accent);color:var(--ink)}.feedback-primary:hover:not(:disabled){border-color:var(--accent-strong);background:#e6b887}.feedback-secondary{border:1.5px solid var(--line-strong);color:var(--ink);background:#fff}.feedback-secondary:hover:not(:disabled){background:var(--tint)}.feedback-primary:disabled,.feedback-secondary:disabled,.feedback-vote:disabled{opacity:.55;cursor:default}.feedback-muted,.feedback-notice,.feedback-error,.feedback-empty{color:var(--ink-soft);margin:8px 0;font-size:12px;line-height:1.45}.feedback-notice{color:var(--ink);font-weight:600}.feedback-error{color:var(--danger)}.feedback-empty{text-align:center;padding:28px 0;font-size:14px}.feedback-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.feedback-list[aria-busy=true]{opacity:.7}.feedback-item{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:flex-start;gap:10px;padding:10px;scroll-margin:12px;display:flex}.feedback-vote{border:1.5px solid var(--line-strong);background:var(--canvas);width:52px;min-height:52px;color:var(--ink-soft);font-family:var(--font-mono);cursor:pointer;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.feedback-vote:hover:not(:disabled){border-color:var(--accent)}.feedback-vote[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.feedback-details{flex:1;min-width:0}.feedback-details summary{cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:52px;padding:2px 4px;list-style:none;display:flex}.feedback-details summary::-webkit-details-marker{display:none}.feedback-title{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.35}.feedback-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.feedback-kind,.feedback-status{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.feedback-kind{background:var(--tint);color:var(--ink)}.feedback-kind[data-kind=bug]{background:#f7e1dc}.feedback-kind[data-kind=wish]{background:#ece6fa}.feedback-kind[data-kind=feature]{background:#fbefd9}.feedback-status{border:1px solid var(--line-strong);color:var(--ink-soft)}.feedback-status[data-status=planned],.feedback-status[data-status=in_progress]{border-color:var(--color-periwinkle);color:#2f4d63;background:#e6eef4}.feedback-status[data-status=done]{border-color:var(--sage);color:#2f5233;background:#e3eee4}.feedback-status[data-status=declined],.feedback-status[data-status=duplicate]{background:var(--tint)}.feedback-number{font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}.feedback-content{padding:6px 4px 4px}.feedback-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 8px;font-size:14px;line-height:1.5}.feedback-answer{border-left:3px solid var(--accent);background:var(--accent-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 10px 10px 0;margin:8px 0 0;padding:8px 10px;font-size:13px;line-height:1.45}.feedback-link{color:var(--accent-strong);text-align:left;text-underline-offset:2px;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.feedback-review{border:1.5px dashed var(--line-strong);background:var(--canvas);border-radius:14px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.feedback-review h3{color:var(--ink-soft);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.feedback-review-row{flex-wrap:wrap;gap:10px;display:flex}.feedback-field{color:var(--ink-soft);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.feedback-field input,.feedback-field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;padding:10px 12px;font-size:14px;font-weight:400}.feedback-field textarea{resize:vertical;line-height:1.45}.feedback-field input:focus-visible,.feedback-field textarea:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.feedback-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.feedback-remove{color:var(--danger);margin-right:auto}.feedback-form{flex-direction:column;gap:14px;display:flex}.feedback-kinds{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.feedback-kinds legend{color:var(--ink-soft);margin-bottom:6px;padding:0;font-size:12px;font-weight:600}.feedback-kind-option{border:1.5px solid var(--line);text-align:center;cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.feedback-kind-option input{opacity:0;pointer-events:none;position:absolute}.feedback-kind-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.feedback-kind-option:has(input:focus-visible){outline:2px solid var(--accent-strong);outline-offset:2px}.feedback-similar{border:1.5px solid var(--color-periwinkle);background:#eef3f7;border-radius:14px;padding:12px}.feedback-similar[data-taken]{border-color:var(--accent);background:var(--accent-soft)}.feedback-similar h3{margin:0 0 2px;font-size:14px;font-weight:700}.feedback-similar p{color:var(--ink-soft);margin:0 0 8px;font-size:12px}.feedback-similar ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.feedback-similar li{align-items:center;gap:10px;display:flex}.feedback-similar .feedback-vote{width:44px;min-height:44px}.feedback-similar .feedback-link{flex:1;min-width:0;font-size:13px}.character-editor{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.character-studio .build-tabs button{justify-content:center;align-items:center;gap:8px;display:flex}.name-input{border:1px solid var(--line-strong);background:#fff;border-radius:12px;width:100%;min-width:0;height:48px;padding:0 12px;font-size:16px}.character-studio .color-control .swatches{grid-template-columns:repeat(4,minmax(44px,1fr));max-width:none}.character-studio .color-columns .swatches{grid-template-columns:repeat(2,minmax(44px,1fr))}.character-preview{background:var(--tint);position:absolute;inset:100px 360px 0 0;overflow:hidden}#app:has(.character-preview) .game-viewport{visibility:hidden}.character-preview-canvas{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:52px 0 64px}.character-preview-canvas:active{cursor:grabbing}.preview-caption{pointer-events:none;position:absolute;top:18px;left:24px;right:24px}.preview-caption h2{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:600;line-height:1.2}.preview-caption span{text-transform:capitalize;color:var(--ink-soft);font-size:12px}.preview-rotation{gap:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.preview-rotation button{border-color:var(--line);background:#fffd}.preview-message{text-align:center;font-size:14px;position:absolute;top:50%;left:20px;right:20px}.empty-studio{background:radial-gradient(ellipse at center, #fffdfc, var(--tint));flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-studio h2{font-family:var(--font-display);font-size:24px;font-weight:600}.empty-studio .add-room-button{width:auto;padding:10px 24px}.empty-library{text-align:center;color:var(--ink-soft);padding:32px 0;font-size:14px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:16px;display:grid}.character-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;position:relative;overflow:hidden}.character-portrait{aspect-ratio:1;background:var(--tint);cursor:grab;touch-action:none;justify-content:center;align-items:center;width:100%;display:flex}.character-portrait:active{cursor:grabbing}.character-portrait:disabled{opacity:1;cursor:default}.character-portrait img{object-fit:cover;pointer-events:none;width:100%;height:100%}.character-card h3{overflow-wrap:anywhere;margin:10px 12px 2px;font-size:14px;font-weight:600}.character-location{color:var(--ink-soft);align-items:center;margin:0 12px;font-size:11px;display:flex}.character-actions{justify-content:space-between;gap:6px;padding:8px 6px;display:flex}.character-delete{border-color:var(--line);width:44px;height:44px;color:var(--danger);background:#ffffffe0;flex-basis:44px;position:absolute;top:6px;right:6px}.character-delete:hover{background:#fdf3f0;border-color:#ecc8bf}.character-drawer .studio-controls{padding-top:14px}.character-drawer{transition:transform .26s cubic-bezier(.25,1,.5,1),visibility}.character-drawer[data-open=false]{visibility:hidden;box-shadow:none;transition:transform .26s cubic-bezier(.25,1,.5,1),visibility 0s .26s;transform:translate(100%)}@media (width>=721px){.camera-controls{transition:right .26s cubic-bezier(.25,1,.5,1)}#app:has(.character-drawer[data-open=true]) .camera-controls{right:372px}}.drawer-tab{z-index:21;border:1.5px solid var(--line);background:var(--tint);width:44px;color:var(--accent-strong);cursor:pointer;border-right:0;border-radius:16px 0 0 16px;flex-direction:column;align-items:center;gap:8px;padding:12px 0 14px;font-size:12px;font-weight:700;transition:right .26s cubic-bezier(.25,1,.5,1),background-color .15s;display:flex;position:absolute;top:116px;right:0;box-shadow:-6px 4px 16px #2c221e14}.drawer-tab:hover{background:var(--accent-soft)}.drawer-tab span{color:var(--ink);writing-mode:vertical-rl}.drawer-tab-chevron{transition:rotate .26s}.drawer-tab[aria-expanded=true]{right:358.5px;box-shadow:-6px 4px 16px #2c221e0d}.drawer-tab[aria-expanded=true] .drawer-tab-chevron{rotate:180deg}.icon-button.drawer-close{display:none}@media (prefers-reduced-motion:reduce){.character-drawer,.character-drawer[data-open=false],.drawer-tab,.drawer-tab-chevron,.camera-controls{transition:none}}.heading-actions{align-items:center;gap:8px;display:flex}.studio-expand,.sheet-handle,.preview-open{display:none}.done-button{color:var(--ink);background:var(--sage);border-color:var(--sage)}.done-button:hover{background:var(--sage-strong)}.studio-heading.object-heading{margin-bottom:0}.body-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.body-options button{border:1.5px solid var(--line);text-transform:capitalize;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:center;height:112px;padding:6px;font-size:11px;display:flex}.body-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.body-picture{width:64px;height:80px}.body-styles{grid-template-columns:repeat(2,minmax(0,1fr))}.character-studio .studio-tabs button{flex-direction:column;gap:2px;min-height:56px;font-size:11px}.character-studio .studio-tabs button svg{width:20px;height:20px}.face-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.face-options button,.wardrobe-grid button{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 4px;font-size:11px;display:flex}.face-options button:hover,.wardrobe-grid button:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.face-options button[aria-pressed=true],.wardrobe-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.face-options span,.wardrobe-grid button>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.face-picture{aspect-ratio:1;border-radius:12px;width:100%;max-width:56px}.face-options+.color-control{margin-top:14px}.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.wardrobe-thumbnail{aspect-ratio:1;background:var(--tint);width:100%;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.wardrobe-thumbnail img{object-fit:contain;width:100%;height:100%}.wardrobe-thumbnail svg{opacity:.6;width:30px;height:30px}.wardrobe-note{color:var(--ink-soft);margin:10px 0 0;font-size:12px}.body-slider>.body-picture{flex:0 0 40px;width:40px;height:52px}.empty-friends{justify-content:center;align-items:flex-end;gap:4px;padding:24px 0;display:flex}.empty-friends .body-picture{width:96px;height:120px}.character-drag-preview{z-index:100;pointer-events:none;border:2px solid var(--accent);background:var(--tint);width:72px;height:72px;box-shadow:var(--shadow-md);border-radius:16px;position:fixed;overflow:hidden;transform:translate(-50%,-80%)}.character-drag-preview img{object-fit:cover;width:100%;height:100%}@media (width<=720px){.game-header{gap:8px;height:66px;padding:8px 10px 8px 12px;right:0}.game-header h1{flex-basis:144px}.game-logo-icon{width:40px;height:40px}.game-header p[data-status=ready]{display:none}.top-actions{border-radius:16px;gap:2px;padding:2px}.top-actions .icon-button{border-radius:13px;flex-basis:44px;width:44px;height:44px}.drawer-tab,.drawer-tab[aria-expanded=true]{top:146px;right:0}.icon-button.drawer-close{display:inline-flex}.feedback-heading{padding:14px 16px 10px}.feedback-heading h2{font-size:20px}.feedback-scroll{padding:12px 14px 16px}.feedback-filters{flex:100%}.feedback-filters button{flex:1;justify-content:center;padding:0 6px}.feedback-toolbar select{flex:1;min-width:0}.feedback-new{width:100%}.feedback-kinds{grid-template-columns:minmax(0,1fr)}.account-popover{top:calc(100% + 11px);right:-3px}.mode-switch{gap:4px;top:66px;left:10px;right:10px}.mode-switch button{flex:1;width:auto;min-width:0;height:50px;padding:4px;font-size:11px}.mode-switch button svg{width:22px;height:22px}.character-preview{top:134px;bottom:48%;right:0}.preview-caption{top:8px;left:16px}.preview-caption h2{font-size:17px}.preview-rotation{gap:4px;bottom:6px;left:auto;right:8px;transform:none}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-viewport{top:134px}#app:has(.customization-drawer) .game-viewport{bottom:48%;right:0}.customization-drawer{border-left:0;border-top:1px solid var(--line);border-radius:20px 20px 0 0;width:100%;height:48%;top:auto;bottom:0;right:0;box-shadow:0 -8px 28px #29272b14}.studio-heading{padding:8px 14px}.studio-heading h2{font-size:19px}.studio-eyebrow{display:none}.slot-tabs button{min-height:60px;padding:4px 0}.character-studio .studio-heading{padding-top:4px;padding-bottom:4px}.character-selection{padding:6px 14px}.portrait-choice{flex-basis:48px;height:48px}.build-tabs{padding:6px 12px}.build-tabs button{min-height:54px}.character-studio .build-tabs button{flex-direction:row;min-height:44px}.character-studio .build-tabs{padding-top:4px;padding-bottom:4px}.studio-controls{padding-bottom:max(12px, env(safe-area-inset-bottom))}.swatches{gap:8px}.object-controls .swatches{max-width:none}#app:has(.build-panel) .game-viewport{bottom:36%}#app:has(.build-panel[data-sheet=peek]) .game-viewport{bottom:calc(56px + env(safe-area-inset-bottom))}.customization-drawer.build-panel{height:36%;transition:height .22s ease-out}.customization-drawer.build-panel[data-sheet=peek]{height:calc(56px + env(safe-area-inset-bottom))}.customization-drawer.build-panel[data-sheet=full]{border-top:0;border-radius:0;height:100%}.customization-drawer.build-panel:is([data-sheet=full],[data-dragging=true]){z-index:40}.customization-drawer.build-panel[data-dragging=true]{transition:none}.build-panel[data-sheet=peek]:not([data-dragging=true]) :is(.build-tabs,.studio-controls,.build-message){display:none}.build-panel .studio-heading{box-sizing:border-box;height:56px;padding:22px 14px 0}.build-panel[data-sheet=full] .studio-heading{height:calc(56px + env(safe-area-inset-top));padding-top:calc(22px + env(safe-area-inset-top))}.sheet-handle{z-index:1;cursor:grab;touch-action:none;background:0 0;border:0;height:56px;padding:0;display:block;position:absolute;top:0;left:0;right:0}.build-panel[data-sheet=full] .sheet-handle{top:env(safe-area-inset-top)}.sheet-handle:before{content:"";border-radius:var(--radius-full);background:var(--line-strong);width:40px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.sheet-handle:active{cursor:grabbing}.sheet-handle:focus-visible{outline-offset:-3px}.studio-expand{display:inline-flex}#app:has(.character-drawer) .game-viewport{bottom:0}.customization-drawer:is(.character-drawer,.character-studio[data-expanded=true]){z-index:40;height:100%;box-shadow:none;border-top:0;border-radius:0;top:0}.customization-drawer:is(.character-drawer,.character-studio[data-expanded=true]) .studio-heading{padding-top:max(8px, env(safe-area-inset-top))}#app:has(.character-studio[data-expanded=true]) .character-preview{z-index:41;top:auto;left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border:1.5px solid var(--line-strong);width:120px;height:160px;box-shadow:var(--shadow-md);border-radius:16px}#app:has(.character-studio[data-expanded=true]) .character-preview :is(.preview-caption,.preview-rotation){display:none}#app:has(.character-studio[data-expanded=true]) .character-preview .character-preview-canvas{inset:0}#app:has(.character-studio[data-expanded=true]) .preview-message{font-size:11px;left:6px;right:6px;transform:translateY(-50%)}#app:has(.character-studio[data-expanded=true]) .preview-open{z-index:1;border-radius:inherit;color:var(--ink);cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.preview-open svg{box-sizing:content-box;background:#ffffffd9;border-radius:8px;padding:4px;position:absolute;top:6px;right:6px}.character-studio[data-expanded=true] .studio-controls{padding-bottom:calc(184px + env(safe-area-inset-bottom))}.character-drawer.dragging{opacity:0}.surface-room-bar{gap:4px;top:8px;left:8px}.surface-room-size{font-size:11px}.surface-room-size span{font-size:10px}.surface-sun{top:8px;right:8px}.sun-popover{width:166px}.sun-pad{height:110px}.selection-tools.wall-tools{bottom:8px;transform:translate(-50%);top:auto!important;left:50%!important}.camera-controls{grid-template-columns:repeat(2,44px);display:grid;bottom:8px;right:8px}.game-viewport:has(.wall-tools) .camera-controls{bottom:70px}.atmosphere-control{max-height:calc(100% - 16px);bottom:8px;left:8px}.studio-toolbar{gap:2px;bottom:8px;left:8px;right:8px;transform:none}.game-viewport:has(.studio-toolbar) :is(.camera-controls,.atmosphere-control){bottom:78px}.game-viewport:has(.studio-toolbar) .atmosphere-control{max-height:calc(100% - 86px)}.studio-toolbar>button{flex-direction:column;flex:1;gap:2px;min-width:0;height:56px;padding:0 4px;font-size:11px}.studio-toolbar .studio-stop{min-width:0;font-size:10px}.studio-pose{width:auto;max-height:46%;padding:10px;inset:auto 8px 78px}.studio-status{top:8px}.atmosphere-popover{width:min(296px,100vw - 120px)}:is(.game-viewport:has(.wall-tools) :is(.atmosphere-control,.tip-jar-toggle),.build-surface:has(.wall-tools) .surface-message){bottom:70px}.tip-jar-toggle{justify-content:center;width:48px;padding:0;bottom:8px;left:60px}.tip-jar-toggle-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tip-jar-card{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""story""panel""fine";gap:12px;padding:14px 16px 16px}.tip-jar-heading h2{font-size:20px}.tip-jar-story{flex-direction:row;align-items:center;gap:12px}.tip-jar-story p{font-size:13px}.tip-jar-cat{flex:0 0 84px;width:84px}.tip-jar-panel{height:590px}@media (width<=387px){:is(.build-surface:has(.wall-tools) .surface-message,.game-viewport:has(.wall-tools) .camera-controls,.game-viewport:has(.wall-tools) :is(.atmosphere-control,.tip-jar-toggle)){bottom:124px}}}@media (width<=370px){.studio-controls{padding-left:12px;padding-right:12px}.collection-grid{gap:6px}.collection-grid button{font-size:10px}.color-columns{gap:12px}.surface-room-size{display:none}}@media (width<=720px) and (height<=650px){.build-panel .studio-section{padding-top:8px;padding-bottom:8px}.collection-grid button{height:104px}.collection-grid button img{height:66px}.character-preview-canvas{top:38px;bottom:54px}}@media (height<=540px) and (width>=721px){.game-header{height:74px}.game-header h1{flex-basis:220px}.mode-switch{top:8px}.mode-switch button{flex-direction:row;height:48px}.drawer-tab{top:90px}.game-viewport,.character-preview,.customization-drawer{top:74px}}.splash-screen{z-index:200;color:var(--canvas);background:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;place-items:center;padding:40px 24px 70px;transition:opacity .5s;display:grid;position:fixed;inset:0;overflow:auto}.splash-screen:before{content:"";background:var(--canvas);clip-path:circle(0% at 50% 45%);transition:clip-path .8s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.splash-screen:is([data-phase=cozy],[data-phase=ready],[data-phase=error],[data-phase=leaving]):before{clip-path:circle(150% at 50% 45%)}.splash-screen:after{content:"";pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23635C58' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.splash-screen[data-phase=leaving]{opacity:0;pointer-events:none}.splash-screen[data-phase=cozy]{cursor:progress}.splash-screen[data-phase=error]{cursor:default}.splash-stage{z-index:1;text-align:center;opacity:0;pointer-events:none;flex-direction:column;grid-area:1/1;align-items:center;transition:opacity .4s,transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.splash-stage p{margin:0}.splash-studio{gap:26px;width:min(100%,320px)}.splash-screen:is([data-phase=intro],[data-phase=studio]) .splash-studio{opacity:1}.splash-studio>svg{filter:drop-shadow(0 0 18px #b8a7ea20);width:100%;height:auto;animation:.16s steps(2,end) both splash-glitch;overflow:visible}.splash-studio .studio-eye-open{animation:1ms step-end .9s forwards studio-eye-close;display:block}.splash-studio .studio-eye-wink{opacity:0;animation:1ms step-end .9s forwards studio-wink}.splash-studio-label{font-family:var(--font-mono);color:var(--color-studio-lilac);font-size:12px}.splash-cozy{width:min(100%,400px);color:var(--ink);gap:18px;transform:translateY(16px)}.splash-screen:is([data-phase=cozy],[data-phase=ready],[data-phase=error],[data-phase=leaving]) .splash-cozy{opacity:1;pointer-events:auto;transition-delay:.3s;transform:none}.splash-logo{width:100%;height:auto;max-height:34vh;display:block}.splash-tagline{font-family:var(--font-display);color:var(--ink-soft);font-size:14px;font-weight:500}.splash-progress{border-radius:var(--radius-full);background:var(--line);width:160px;height:4px;margin-top:8px;overflow:hidden}.splash-progress span{border-radius:inherit;background:var(--sage);width:0;height:100%;display:block}.splash-screen[data-phase=cozy] .splash-progress span{width:85%;transition:width 6s cubic-bezier(.1,.8,.3,1)}.splash-screen:is([data-phase=ready],[data-phase=leaving]) .splash-progress span{width:100%;transition:width .4s ease-out}.splash-status{min-height:16px;font-family:var(--font-mono);color:var(--ink-soft);font-size:11px}.splash-enter,.splash-reload{border-radius:var(--radius-md);background:var(--accent);min-width:180px;min-height:48px;color:var(--ink);font-family:var(--font-display);box-shadow:var(--shadow-md);cursor:pointer;border:1.5px solid #0000;margin-top:6px;padding:0 28px;font-size:14px;font-weight:700}.splash-enter:hover,.splash-reload:hover{border-color:var(--accent-strong);background:#e6b887}.splash-enter{visibility:hidden;opacity:0}.splash-screen:is([data-phase=ready],[data-phase=leaving]) .splash-enter{visibility:visible;opacity:1;transition:opacity .4s;animation:2s ease-in-out .8s infinite splash-pulse}.splash-signature{z-index:1;bottom:max(22px, env(safe-area-inset-bottom));text-align:center;font-family:var(--font-mono);color:var(--color-studio-lilac);margin:0;font-size:10px;transition:color .6s;position:absolute}.splash-screen:not([data-phase=intro],[data-phase=studio]) .splash-signature{color:var(--ink-soft)}.splash-signature p{margin:0}.splash-legal{visibility:hidden;justify-content:center;gap:16px;margin-top:6px;display:flex}.splash-screen:not([data-phase=intro],[data-phase=studio]) .splash-legal{visibility:visible}.splash-legal a{color:inherit;text-underline-offset:2px}.splash-legal a:hover{color:var(--accent-strong)}.splash-error,.splash-reload{display:none}.splash-error{color:var(--danger);font-size:14px}.splash-screen[data-phase=error] :is(.splash-error,.splash-reload){display:block}.splash-screen[data-phase=error] :is(.splash-progress,.splash-status,.splash-enter){display:none}@keyframes splash-glitch{0%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}to{transform:none}}@keyframes studio-eye-close{to{opacity:0}}@keyframes studio-wink{to{opacity:1}}@keyframes splash-pulse{50%{transform:scale(1.04)}}@media (height<=540px){.splash-screen{padding:16px 20px 44px}.splash-cozy{gap:10px}.splash-logo{max-height:30vh}.splash-signature{bottom:12px}}@media (prefers-reduced-motion:reduce){.splash-screen,.splash-screen *,.splash-screen:before{transition:none!important;animation:none!important}.splash-studio .studio-eye-open{display:none}.splash-studio .studio-eye-wink{opacity:1}.customization-drawer{animation:none}.customization-drawer.build-panel,button{transition:none}}@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-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-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}@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}