:root{color:#233f36;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#233f36;--muted:#67786e;--green:#28634e;--line:#e0e5d9;--cream:#fffef8;--control-size:48px;--sidebar-width:292px;--space-2:8px;--space-3:12px;--space-4:16px;background:#f7f7ef;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,textarea,select{font:inherit}button,select{-webkit-tap-highlight-color:transparent}button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-size);border:1px solid var(--line);background:var(--cream);color:var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:10px 15px;font-size:13px;font-weight:650;transition:background .12s,border-color .12s;display:inline-flex}button:disabled{opacity:.43;cursor:default}button:not(:disabled):hover{background:#eaf0df;border-color:#bdcdb6}button:not(:disabled):active{background:#dce9d1}button svg{flex-shrink:0}button.primary{color:#fffef8;background:var(--green);border-color:var(--green)}button.primary:not(:disabled):hover{background:#1a503b}:focus-visible{outline-offset:4px;outline:3px solid #c87a39}a{color:inherit}h1,h2,p{margin:0}h1,h2{letter-spacing:-.03em}h1{font-size:clamp(24px,2.5vw,35px);font-weight:650;line-height:1.3}h2{font-size:19px;font-weight:650}.sr-only,.visually-hidden-input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--muted);letter-spacing:.13em;margin-bottom:7px;font-size:10px;font-weight:750;line-height:1.5;display:block}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);grid-template-areas:"header header""gallery main";max-width:1800px;min-height:100dvh;margin:0 auto;display:grid}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--line);background:#fffef9;flex-wrap:wrap;grid-area:header;min-height:94px;padding:20px 30px;display:flex}.brand{align-items:center;gap:13px;text-decoration:none;display:flex}.brand-mark{color:#f3d784;background:var(--green);border-radius:16px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-4deg)}.brand-mark svg{width:28px;height:28px}.brand strong{letter-spacing:-.055em;font-size:21px;font-weight:750;display:block}.brand strong span{font-weight:500}.brand small{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:10px;display:block}.header-actions{align-items:center;gap:9px;display:flex}.local-badge{color:var(--muted);align-items:center;gap:7px;margin-right:14px;font-size:11px;display:flex}.local-badge span{background:#739660;border-radius:50%;width:6px;height:6px}.gallery{border-right:1px solid var(--line);background:#fdfcf5;flex-direction:column;grid-area:gallery;padding:29px 20px 22px;display:flex}.gallery-heading{margin-bottom:23px;padding:0 4px}.category-tabs{background:#f0f1e7;border-radius:13px;grid-template-columns:1fr 1.15fr .85fr;gap:3px;padding:4px;display:grid}.category{background:0 0;border-color:#0000;flex-direction:column;gap:3px;min-width:0;min-height:62px;padding:6px 2px;font-size:10px}.category-symbol{font-size:20px;font-weight:450;line-height:1.1}.category[aria-pressed=true]{background:#fffef9;border-color:#d8dfcc;box-shadow:0 2px 4px #344f3b08}.search-box{border:1px solid var(--line);color:#7d8d7e;background:#fffef9;border-radius:10px;align-items:center;gap:7px;margin-top:20px;padding:0 12px;display:flex}.search-box svg{flex-shrink:0;width:18px}.search-box input{width:100%;min-width:0;min-height:var(--control-size);color:var(--ink);background:0 0;border:0;font-size:16px}.search-box input::placeholder{color:#7b847a}.gallery-meta{justify-content:space-between;gap:var(--space-2);color:#657468;padding:17px 2px 13px;font-size:10px;display:flex}.gallery-meta span:last-child{color:#768561}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:11px;display:grid}.asset-card{-webkit-user-select:none;user-select:none;background:#fffef8;border-radius:13px;flex-direction:column;gap:0;min-width:0;padding:0;display:flex;overflow:hidden}.asset-art{background:#edf0e3;border-bottom:1px solid #e8eadf;place-items:center;width:100%;height:127px;padding:11px;display:grid;position:relative}.asset-card:nth-child(3n+2) .asset-art{background:#f4e9d9}.asset-card:nth-child(3n+3) .asset-art{background:#e6ecea}.asset-art img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.add-badge{color:#46634d;background:#fffefa;border:1px solid #d9dfd0;border-radius:50%;place-items:center;width:24px;height:24px;font-size:17px;font-weight:450;display:grid;position:absolute;bottom:7px;right:7px}.asset-name{text-align:center;width:100%;padding:9px 4px;font-size:11px}.background-grid{grid-template-columns:1fr}.asset-background .asset-art{aspect-ratio:16/9;height:auto;padding:0}.asset-background img{object-fit:cover}.asset-prop .asset-art{padding:19px}.gallery-message{color:var(--muted);padding:20px 5px;font-size:13px;line-height:1.6}.gallery-message button{margin-top:10px}.gallery-footnote{color:#87916f;justify-content:center;align-items:center;gap:13px;margin-top:auto;padding-top:31px;display:flex}.gallery-footnote svg{color:#bca772;width:27px;height:27px}.gallery-footnote p{font-size:11px;line-height:1.7}.workspace{grid-area:main;min-width:0;padding:31px 35px 20px}.workspace-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.heading-star{color:#c9a45c;vertical-align:middle;margin-left:14px;font-size:22px;display:inline-block}.save-status{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.save-status svg{width:16px;height:16px}.save-error{color:#a04e32}.notice{justify-content:space-between;align-items:center;gap:var(--space-4);color:#724a2d;background:#fff1d8;border:1px solid #e6c88f;border-radius:12px;margin:0 0 15px;padding:12px 14px;font-size:13px;line-height:1.6;display:flex}.notice button{flex-shrink:0}.editor-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:16px;display:flex}.history-actions{align-items:center;gap:6px;display:flex}.history-actions button{background:0 0;border-color:#0000;padding-left:10px;padding-right:10px}.toolbar-divider{background:#d9dfd1;width:1px;height:22px;margin:0 3px}.scene-figure{margin:0}.scene-surface{aspect-ratio:16/9;isolation:isolate;-webkit-user-select:none;user-select:none;background:#fffaf0;border-radius:16px;outline:1px solid #dce2d1;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px #43553808}.canvas-host{touch-action:none;position:absolute;inset:0}.canvas-host canvas{touch-action:none;display:block}.empty-scene{pointer-events:none;text-align:center;background-image:radial-gradient(#dfe5cf 1px,#0000 1px);background-size:24px 24px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.empty-sparkle{color:#77945f;background:#e9eddc;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:18px;display:grid;transform:rotate(-9deg)}.empty-sparkle svg{width:35px;height:35px}.empty-scene h2{color:#52664a;font-size:clamp(17px,1.65vw,25px)}.empty-scene p{color:#627557;margin-top:9px;font-size:13px}.empty-hint{color:#899179;margin-top:17px;font-size:10px}.empty-scene.over-background{background:#fffef5ed;border-radius:12px;padding:13px;inset:auto 20px 20px}.over-background .empty-sparkle,.over-background h2,.over-background .empty-hint{display:none}.over-background p{margin:0}.scene-figure figcaption{justify-content:space-between;align-items:center;gap:var(--space-3);color:#7d8975;padding:14px 2px 0;font-size:10px;display:flex}.scene-figure figcaption>span:first-child{letter-spacing:.1em;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.scene-dot{background:#91a574;border-radius:50%;width:6px;height:6px}.selection-panel{border:1px solid var(--line);background:#fffef8;border-radius:15px;margin-top:25px;padding:19px 20px}.selection-heading{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.selection-heading h2{font-size:17px}.selection-heading .eyebrow{margin-bottom:4px;font-size:9px}.object-picker{max-width:100%}.object-picker select{width:180px;max-width:100%;min-height:var(--control-size);border:1px solid var(--line);color:var(--muted);background:#fafbf3;border-radius:10px;padding:10px;font-size:16px}.selection-hint{color:var(--muted);padding:15px 0 3px;font-size:12px;line-height:1.7}.selection-actions{flex-wrap:wrap;gap:7px;padding-top:16px;display:flex}.selection-action{background:#f3f5eb;border-color:#0000;flex-direction:column;flex:1 0 67px;gap:5px;min-width:67px;min-height:68px;padding:8px 5px;font-size:10px}.selection-action svg{width:21px;height:21px}.selection-action.danger{color:#aa6148;background:#f8eee3}.workspace-footer{justify-content:space-between;gap:var(--space-3);color:#87927d;flex-wrap:wrap;padding:23px 2px 0;font-size:10px;display:flex}.workspace-footer span:first-child{align-items:center;gap:7px;display:flex}.workspace-footer svg{width:15px;height:15px}.speech-dialog{width:min(460px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:#fffef8;border:1px solid #d6decb;border-radius:22px;padding:28px;box-shadow:0 25px 80px #142e3333}.speech-dialog::backdrop{background:#1b312966}.dialog-icon{width:48px;height:48px;color:var(--green);background:#e8eddc;border-radius:15px;place-items:center;margin-bottom:16px;display:grid}.speech-dialog h2{margin-bottom:20px;font-size:24px}.speech-dialog label{margin-bottom:9px;font-size:13px;display:block}.speech-dialog textarea{resize:vertical;width:100%;min-height:120px;color:var(--ink);background:#fffefa;border:1px solid #cdd9c2;border-radius:12px;padding:13px;font-size:16px;line-height:1.6;display:block}.word-count{color:var(--muted);text-align:right;margin-top:9px;font-size:11px}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}@media (min-width:1500px){.app-shell{grid-template-columns:318px minmax(0,1fr)}.gallery{padding-left:25px;padding-right:25px}.asset-art{height:150px}.workspace{padding:36px 47px 24px}}@media (max-width:1150px){.local-badge{display:none}.app-shell{grid-template-columns:248px minmax(0,1fr)}.gallery{padding-left:14px;padding-right:14px}.workspace{padding:25px 22px 18px}.asset-art{height:114px}.workspace-heading{gap:10px}.workspace-heading .save-status{width:100%}}@media (max-width:800px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""gallery""main"}.app-header{gap:13px;padding:16px 20px}.brand strong{font-size:20px}.brand small{font-size:9px}.brand-mark{width:43px;height:43px}.workspace{padding:23px 20px 18px}.workspace-heading{margin-bottom:13px}.workspace-heading .save-status{width:auto}.gallery{border-top:1px solid var(--line);border-right:0;padding:23px 20px}.gallery-heading{margin-bottom:14px}.category-tabs{max-width:420px}.category{flex-direction:row;gap:7px;min-height:53px;font-size:12px}.search-box{margin-top:14px}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-art{height:130px}.gallery-footnote{justify-content:flex-start;padding-top:23px}.gallery-footnote p br{display:none}.selection-panel{margin-top:18px}.workspace-footer{padding-top:18px}}@media (max-width:560px){.header-actions{justify-content:flex-end;width:100%}.app-header{padding:15px 16px}.workspace{padding:19px 12px 15px}.workspace-heading{gap:9px}.workspace-heading .save-status{width:100%}.editor-toolbar{flex-wrap:wrap;gap:7px}.history-actions{flex:1}.history-actions button{gap:5px;padding:9px 7px;font-size:11px}.history-actions button svg{width:19px}.editor-toolbar>.primary{margin-left:auto}.scene-surface{border-radius:12px}.empty-scene{padding:16px}.empty-sparkle{border-radius:13px;width:40px;height:40px;margin-bottom:10px}.empty-sparkle svg{width:25px;height:25px}.empty-scene h2{font-size:17px}.empty-scene p{font-size:11px}.empty-hint{margin-top:12px}.selection-panel{padding:15px 12px}.selection-heading h2{font-size:16px}.object-picker,.object-picker select{width:100%}.selection-action{flex-basis:70px}.gallery{padding:20px 16px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-art{height:115px}.notice{flex-wrap:wrap}.workspace-footer{line-height:1.6}.speech-dialog{padding:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.asset-unavailable{text-align:center;place-content:center;gap:.35rem;padding:.5rem;display:grid}.asset-unavailable small{font-size:.75rem}.collection-chips,.gallery-controls{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.collection-chips button,.gallery-controls button,.gallery-message button{min-width:48px;min-height:48px}.collection-chips button{border-radius:24px;padding:8px 12px}.collection-chips button[aria-pressed=true]{border-width:2px;font-weight:700}.gallery-controls button{flex:auto}button{min-width:var(--control-size)}.header-actions{flex-wrap:wrap}.library-shell{max-width:1600px;min-height:100dvh;margin:0 auto}.library-main{max-width:1200px;margin:0 auto;padding:32px}.library-nav,.library-actions,.scene-tabs,.scene-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.library-nav{margin-bottom:32px}.library-nav [aria-current=page],.scene-tabs [aria-pressed=true],.speech-dialog [aria-pressed=true]{border:2px solid var(--green);background:#e4edda}.library-intro{padding:24px 0 36px}.library-intro h1,.template-library h1,.create-story h1{max-width:750px;font-size:clamp(28px,4vw,48px)}.library-intro>p,.template-library>p,.create-story p{max-width:700px;color:var(--muted);margin-top:16px;line-height:1.7}.library-actions{margin-top:24px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:24px;display:grid}.project-card{border:1px solid var(--line);background:var(--cream);border-radius:20px;flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.project-card h2{overflow-wrap:anywhere;font-size:23px}.project-card>p{color:var(--muted);line-height:1.6}.project-card>.primary{overflow-wrap:anywhere;margin-top:auto}.project-symbol{height:140px;color:var(--green);background:#e8eedf;border-radius:14px;place-items:center;font-size:56px;display:grid}.project-card:nth-child(3n+2) .project-symbol{background:#f4e8d7}.project-card:nth-child(3n+3) .project-symbol{background:#e5edeb}.project-card-actions{flex-wrap:wrap;gap:8px;display:flex}.project-card-actions button{flex:1}.empty-library{border:2px dashed var(--line);text-align:center;border-radius:24px;padding:48px 24px}.empty-library>span{color:#9d8044;margin-bottom:18px;font-size:46px;display:block}.empty-library p{color:var(--muted);margin:16px 0 24px}.library-footnote{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding-top:24px;font-size:13px;line-height:1.7}.create-story{max-width:700px;padding:32px 0}.name-field{flex-direction:column;gap:10px;max-width:600px;margin:24px 0;line-height:1.5;display:flex}.name-field input,.name-field select{width:100%;min-width:0;min-height:48px;color:var(--ink);background:#fffefa;border:1px solid #bdcdb6;border-radius:12px;padding:12px;font-size:16px;display:block}.scene-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px;padding:14px 0}.scene-tabs{flex-wrap:nowrap;padding:6px 4px 12px;overflow-x:auto}.scene-tabs button{overflow-wrap:anywhere;flex-shrink:0;max-width:280px}.scene-actions{margin-top:10px}.scene-actions h2{overflow-wrap:anywhere;width:100%}.scene-actions button{font-size:12px}.workspace-heading h1{overflow-wrap:anywhere}.workspace-heading>div>button{margin-top:10px}.scene-backups{border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:12px}.scene-backups summary{cursor:pointer;align-content:center;min-height:48px}.scene-backups p{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.7}.asset-tile{flex-direction:column;gap:5px;min-width:0;display:flex}.asset-tile>.asset-card{width:100%}.favorite-button{width:100%;padding:8px 4px;font-size:11px}.favorite-button[aria-pressed=true]{background:#edf0df;border-color:#82986c}.speech-editor{width:min(640px,100% - 32px)}.speech-editor textarea{min-height:170px;font-size:18px}.speech-dialog p{line-height:1.6}.speech-editor fieldset{border:0;flex-wrap:wrap;gap:8px;margin:16px 0;padding:12px 0;display:flex}.speech-editor legend{padding:0;font-weight:650}.help-text{color:var(--muted);font-size:13px}@media (min-width:801px){.gallery{overscroll-behavior:contain;align-self:start;max-height:100dvh;position:sticky;top:0;overflow-y:auto}}@media (max-width:800px){.gallery{overscroll-behavior:contain;max-height:min(38dvh,320px);overflow-y:auto}.library-main{padding:20px}.library-intro{padding-top:12px}.scene-actions{gap:6px}.scene-actions button{flex:110px}}@media (max-width:560px){.library-main{padding:16px}.project-card{padding:20px}.library-actions>button{width:100%}.header-actions{justify-content:flex-start}.header-actions button{flex:1}.speech-editor{padding:20px}}.account-navigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.account-navigation button,.parent-shell button,.parent-shell input:not([type=checkbox]),.parent-shell select{min-height:48px}.parent-shell{max-width:1200px;margin:0 auto;padding:32px 24px 64px}.parent-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.parent-card{background:var(--surface,#fff);border:1px solid var(--border,#e2ded5);border-radius:20px;margin:24px 0;padding:28px}.parent-card>h2{margin-top:0}.parent-shell .name-field{max-width:520px;margin-bottom:16px}.profile-form{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px;display:flex}.profile-form .name-field{flex:1;min-width:200px;margin-bottom:0}.import-choices{gap:8px;margin:20px 0;display:grid}.import-choice{cursor:pointer;align-items:center;gap:14px;min-height:56px;padding:8px 12px;display:flex}.import-choice input{width:24px;height:24px}@media (max-width:720px){.parent-shell{padding:20px 16px 48px}.parent-card{padding:20px 16px}.account-navigation{justify-content:flex-start}}.shared-shell{max-width:1120px;margin:0 auto;padding:clamp(16px,4vw,40px)}.shared-brand{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:12px 28px;display:flex}.shared-shell h1{overflow-wrap:anywhere}.shared-shell button,.share-manager button,.share-manager select,.share-manager input:not([type=checkbox]),.created-share a{min-height:48px}.read-only-figure{width:100%;margin:20px 0}.read-only-canvas{aspect-ratio:16/9;pointer-events:none;touch-action:auto;background:#fffaf0;border-radius:16px;width:100%;overflow:hidden}.read-only-canvas .konvajs-content{pointer-events:none;touch-action:auto}.read-only-figure figcaption{padding:12px 4px}.shared-words{white-space:pre-wrap;overflow-wrap:anywhere}.shared-privacy{margin-block:32px;font-size:.9rem}.shared-unavailable{padding-block:40px}.share-manager{max-width:1100px}.share-manager .name-field{margin-block:16px}.share-manager select{width:100%;font:inherit;border-radius:10px;padding:10px}.share-review{cursor:pointer;align-items:center;gap:16px;min-height:64px;padding-block:16px;display:flex}.share-review input{flex-shrink:0;width:24px;height:24px}.created-share,.sharing-records{border-top:1px solid #c9d5cd;margin-top:32px;padding-top:20px}.created-share a{align-items:center;padding:10px 16px;display:inline-flex}.share-record{border-bottom:1px solid #c9d5cd;padding-block:16px}.share-record p{overflow-wrap:anywhere}@media (max-width:600px){.shared-brand{flex-direction:column}.share-manager{padding-inline:12px}.created-share .library-actions>*{flex:100%}}.control-lock{border:0;min-inline-size:0;margin-inline:0;padding:0}.motion-panel{background:var(--surface,#fffdf8);border:1px solid var(--border,#ded9cc);border-radius:18px;margin-block:14px;padding:16px}.motion-heading,.motion-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.motion-heading h2{margin:0;font-size:1.1rem}.motion-heading output{font-variant-numeric:tabular-nums}.motion-actions{justify-content:flex-start;margin-top:12px}.motion-actions button,.motion-seek input{min-height:48px}.motion-seek{flex:240px;align-items:center;gap:12px;min-width:0;display:flex}.motion-seek input{touch-action:pan-y;flex:1;min-width:100px}.motion-panel p{margin-bottom:0}.motion-panel[data-motion-state=recording]{border-style:dashed;border-width:2px}.control-lock:disabled{opacity:.65}@media (max-width:600px){.motion-actions button{flex:40%}.motion-seek{flex-basis:100%}}.character-generator textarea{resize:vertical;width:100%;min-height:112px;font:inherit;padding:12px}.character-generator button{min-width:48px;min-height:48px}.character-preview img{width:min(100%,280px);height:auto;margin:16px auto;display:block}.character-preview{margin-block:24px}