:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#29362d;background:#f6f6f0;font-synthesis:none;--green:#2c4938;--yellow:#f5d85f;--muted:#737c70;--border:#e0e4d8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);background:#fff;color:inherit;border-radius:10px;padding:10px 14px;transition:background .15s}button:hover{background:#f5f3dc}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #b2921d;outline-offset:3px}[hidden]{display:none!important}.app-header{min-height:84px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:24px;padding:18px 32px;background:#fcfcf7}.brand{display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:.07em}.brand b{display:block;font-size:20px;letter-spacing:-.02em}.brand-mark{font-size:33px;background:var(--yellow);width:47px;height:47px;display:grid;place-items:center;border-radius:15px}.version{margin-left:auto;color:var(--muted);font-size:12px}.app-header>a:last-child{font-size:12px;border:1px solid var(--border);padding:10px 15px;border-radius:25px}.workspace{display:grid;grid-template-columns:245px minmax(350px,1fr) 304px;max-width:1600px;margin:auto;min-height:calc(100vh - 84px)}.sidebar{border-right:1px solid var(--border);padding:30px 23px;background:#f1f2e9}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:#8d966f;margin:0 0 13px}h1{font-size:27px;line-height:1.4;letter-spacing:-.07em;font-weight:550;margin:0 0 14px}h2{font-size:21px;letter-spacing:-.05em;margin:0}p{line-height:1.7}.muted{font-size:12px;color:var(--muted);line-height:1.7}.presets{display:grid;gap:10px;margin:26px 0 34px}.preset{display:flex;align-items:center;gap:8px;text-align:left;padding:13px 9px;border:1px solid transparent;background:transparent}.preset[aria-pressed=true]{background:#fffdf3;border-color:#d4c873;box-shadow:0 3px 9px #2c493808}.preset .fly-sprite{width:42px;height:42px;flex-shrink:0}.preset strong,.preset small,.saved-list strong,.saved-list small{display:block}.preset strong{font-size:13px}.preset small{font-size:10px;color:var(--muted);margin-top:5px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head h2{font-size:14px}.section-head button{padding:5px 7px;font-size:10px;background:transparent}.saved-section{border-top:1px solid var(--border);padding-top:22px}.saved-list{display:grid;gap:7px;max-height:230px;overflow:auto}.saved-list button{text-align:left;padding:10px;font-size:12px}.saved-list small{font-size:10px;color:var(--muted);margin-top:6px}.file-tools{margin-top:24px;font-size:11px}.file-tools summary{cursor:pointer}.file-tools button,.file-label{display:block;font-size:11px;margin-top:10px}.file-label input{width:100%;margin-top:8px}.sidebar-foot{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);font-size:10px;color:#8c937f}.studio{padding:31px 26px}.studio-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:23px}.view-switch{display:flex;padding:3px;border:1px solid var(--border);border-radius:25px;background:#edeFE6}.view-switch button{font-size:11px;border:0;border-radius:22px;background:transparent;padding:8px 11px}.view-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 5px #0001}#stage-wrap{background:#e9ece2;border:1px solid var(--border);border-radius:19px;padding:14px;min-height:468px;display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:100%;height:438px;border:1px solid #dbe0ce;border-radius:13px;overflow:hidden;background:#fcf9e8;isolation:isolate}#stage-wrap[data-view=mobile] .stage{width:min(100%,320px);height:550px;border:7px solid #354337;border-radius:30px}#stage-wrap[data-view=mobile] .demo-screen{padding:20px}#stage-wrap[data-view=mobile] .demo-screen h3{font-size:24px}#stage-wrap[data-view=mobile] .demo-cards{grid-template-columns:1fr}.demo-screen{padding:27px 30px;height:100%;position:relative;background:radial-gradient(ellipse at 100% 0%,#f0d67844,transparent 60%)}.demo-top{display:flex;justify-content:space-between;font-size:11px;color:#53624c}.demo-top>span:first-child{font-size:13px;font-weight:750}.demo-eyebrow{font-size:9px;letter-spacing:.2em;color:#999c75;margin-top:47px}.demo-screen h3{font-size:29px;line-height:1.45;letter-spacing:-.06em;font-weight:550;margin:12px 0}.demo-screen>p:not(.demo-eyebrow){font-size:12px;color:#7f8568;margin:12px 0}.demo-screen>button{font-size:11px;background:#e8edae;border:1px solid #c9d194;display:flex;gap:40px;margin:19px 0 28px}.demo-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-cards>div{padding:16px;background:#fffaf1;border:1px solid #e6e5ce;border-radius:11px}.demo-cards span,.demo-cards strong{display:block;font-size:10px;color:#91947a}.demo-cards strong{margin-top:9px;font-size:12px;color:#5d6a4f;font-weight:500}.demo-corner{position:absolute;right:25px;bottom:17px;font-size:8px;letter-spacing:.18em;color:#a7ac91}.stage-tag{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:8px;background:#ffffffa8;border-radius:12px;padding:4px 8px;white-space:nowrap}.play-bar{display:flex;align-items:center;gap:8px;margin:18px 0 25px;flex-wrap:wrap}.play-bar button{font-size:11px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#3e6249}.play-bar>span{font-size:10px;color:var(--muted);margin-left:auto}.timeline{display:grid;grid-template-columns:repeat(4,1fr);padding:0;gap:9px;list-style:none;counter-reset:step}.timeline li{font-size:10px;background:#eeefe7;border-radius:8px;padding:11px 7px;color:#939984;display:flex;align-items:center;gap:7px}.timeline li:before{counter-increment:step;content:counter(step,decimal-leading-zero);font-size:9px;opacity:.7}.timeline li.active{background:#f5db76;color:#4c4c28}.timeline li.passed{background:#e1eadc;color:#6b8364}.studio-note{font-size:10px;color:#969c87;margin-top:22px}.editor{background:#fffdf6;padding:31px 22px;border-left:1px solid var(--border)}.editor-title{position:relative;margin-bottom:25px}.editor-title>span{display:inline-block;font-size:9px;border:1px solid #dce1cc;border-radius:12px;padding:4px 7px;margin-top:13px;color:#7f8969}form>label,.two-cols>label,.advanced label{display:block;font-size:11px;color:#69765c;margin:17px 0}input:not([type=checkbox]):not([type=range]),textarea,select{display:block;border:1px solid #dfe4d3;border-radius:9px;background:#fffef9;width:100%;padding:11px 10px;margin-top:7px;outline-offset:1px;color:#384832;font-size:12px}textarea{resize:vertical;line-height:1.7;min-height:120px}label>small{display:block;text-align:right;font-size:9px;color:#9cA58f;margin-top:6px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-cols label{margin:4px 0 12px}.two-cols select{font-size:11px;padding:9px 6px}output{float:right;font-size:10px;color:#9bA282}input[type=range]{display:block;width:100%;accent-color:#9eae7d;margin-top:13px}.advanced{font-size:10px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0}.advanced summary{cursor:pointer}.advanced small{font-size:9px;color:#939a85;line-height:1.5}.toggle-row{display:flex!important;justify-content:space-between;align-items:center;margin:16px 0!important}.toggle-row span{display:flex;gap:8px;align-items:center}.toggle-row small{font-size:8px;color:#949b83;padding:3px 6px;background:#e8ecdf;border-radius:7px}input[type=checkbox]{accent-color:#577a4e;width:30px;height:18px;cursor:pointer}.save{width:100%;margin-top:13px;font-size:12px;padding:13px}.editor #save-status{font-size:11px;color:#758268;min-height:18px;margin-top:13px}.editor #save-status.error{color:#a04637}.editor form>.muted{font-size:10px;margin-top:7px}.fly-layer{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.fly-controls{position:absolute;right:8px;top:8px;z-index:5;display:flex;gap:5px;pointer-events:auto}.fly-controls button{padding:7px 9px;background:#fffdf1ed;font-size:10px}.fly-actor{position:absolute;top:0;left:0;filter:drop-shadow(0 6px 6px #71583920);will-change:transform}.fly-actor .fly-sprite{width:100%;display:block}.fly-arrow{position:absolute;font-size:36px;color:#c78058;left:0;top:0}.fly-burst{position:absolute}.fly-burst i{position:absolute;font-style:normal;font-size:22px;color:#df8c8a;translate:var(--x) var(--y)}.fly-burst i:nth-child(odd){color:#e0b03c;font-size:17px}.fly-envelope{position:absolute;pointer-events:auto;left:50%;top:53%;transform:translate(-50%,-50%);width:min(78%,280px);display:grid;place-items:center;padding:25px 18px;gap:10px;border-color:#e2cea6;background:#fff9e9;box-shadow:0 15px 50px #5b543929}.fly-envelope-icon{font-size:63px;line-height:1;color:#d4a270}.fly-envelope strong{font-size:14px;line-height:1.5}.fly-envelope small{font-size:11px;color:#91794d}.fly-letter{border:1px solid #ddd6bf;border-radius:23px;padding:26px;width:min(440px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow:auto;background:#fffcf2;box-shadow:0 25px 120px #15271730;color:#34452f}.fly-letter::backdrop{background:#1f30223d;backdrop-filter:blur(3px)}.fly-letter header{display:flex;align-items:center;justify-content:space-between;gap:10px}.fly-letter header small{font-size:9px;letter-spacing:.07em;color:#879273}.fly-close{font-size:10px;padding:7px 9px}.fly-letter-character{width:85px;height:85px;margin:20px auto 12px}.fly-letter h2{text-align:center;font-size:23px;line-height:1.5}.fly-letter-body{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;padding:14px 0}.fly-letter footer{display:grid;gap:8px}.fly-letter footer button{padding:13px;font-size:12px}.fly-letter-hint{display:block;color:#9bA08d;font-size:9px;margin-top:15px;line-height:1.5}.fly-primary{background:#3d5940;color:white}
@media(min-width:1450px){.workspace{grid-template-columns:265px minmax(400px,1fr) 330px}.stage{height:510px}#stage-wrap{min-height:540px}.studio{padding:36px 36px}.editor{padding:36px 28px}}
@media(max-width:1100px){.workspace{grid-template-columns:210px minmax(330px,1fr)}.editor{grid-column:2;border-top:1px solid var(--border)}.sidebar{grid-row:1 / 3}.studio{padding:25px 20px}.editor form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor form>label:has(textarea),.editor .advanced,.editor .save,.editor #save-status,.editor form>.muted{grid-column:1 / -1}.editor .two-cols{align-self:center}.studio-heading h2{font-size:20px}.version{display:none}.app-header>a:last-child{margin-left:auto}}
@media(max-width:640px){.app-header{padding:14px 17px;min-height:75px}.brand b{font-size:17px}.brand-mark{width:39px;height:39px;font-size:27px}.app-header>a:last-child{font-size:10px;padding:8px 10px}.workspace{display:flex;flex-direction:column}.sidebar{padding:20px 17px;border-right:0}.sidebar h1,.sidebar>.muted,.sidebar>.eyebrow,.sidebar-foot{display:none}.presets{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 20px}.preset{padding:9px 6px;display:grid;justify-items:center;text-align:center}.preset .fly-sprite{width:36px;height:36px}.preset strong{font-size:11px}.preset small{display:none}.saved-section{padding-top:15px}.saved-list{max-height:100px;grid-template-columns:1fr 1fr}.saved-section>.muted{margin:6px 0}.file-tools{margin-top:12px}.studio{padding:23px 14px}.studio-heading{gap:8px}.studio-heading h2{font-size:21px}.eyebrow{font-size:9px}.view-switch button{padding:7px 9px;font-size:10px}#stage-wrap{padding:8px;min-height:440px}.stage{height:420px}.demo-screen{padding:28px 20px}.demo-screen h3{font-size:25px}.demo-cards{gap:8px}.demo-cards>div{padding:12px}.play-bar{gap:6px}.play-bar button{font-size:10px;padding:10px}.play-bar>span{width:100%;text-align:center;margin:5px 0}.timeline li{padding:10px 5px;font-size:9px;gap:4px}.studio-note{margin-bottom:0}.editor{padding:25px 20px;border-left:0}.editor form{display:block}.fly-letter{padding:21px}.fly-letter h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.fly-guided-target{outline:3px solid #e2ba40!important;outline-offset:5px}

/* Eight original 3D poses, 4 columns × 2 rows. No raster cropping at build time. */
.fly-sprite{display:block;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;flex-shrink:0;filter:drop-shadow(0 6px 9px #77584218)}
.fly-actor .fly-sprite{animation:fly-poses .64s steps(1,end) infinite}
.fly-actor .fly-sprite[data-phase="2"]{animation:none;background-position:0 100%}
.fly-actor .fly-sprite[data-phase="3"]{animation:none;background-position:66.666667% 100%}
.fly-letter-character .fly-sprite{background-position:100% 100%}
@keyframes fly-poses{0%,100%{background-position:0 0}25%{background-position:33.333333% 0}50%{background-position:66.666667% 0}75%{background-position:100% 0}}
.share-button{width:100%;margin-top:10px;background:#fff3db;border-color:#d8bd77}
.share-link{display:block;margin-top:12px;font-size:12px;word-break:break-all;text-decoration:underline}
.viewer-page{min-height:100dvh;background:radial-gradient(ellipse at 30% 0%,#fff0dc,transparent 70%),#f6f6f0}
.viewer-page .viewer-main{max-width:1080px;margin:auto;padding:28px 20px}
.viewer-page #stage{height:min(76dvh,680px);min-height:420px;box-shadow:0 12px 60px #324b3512}
.viewer-page .viewer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.viewer-page .viewer-top h1{font-size:22px;margin:0}.viewer-page .viewer-note{font-size:12px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.fly-actor .fly-sprite{animation:none}}

.message-link{grid-column:1 / -1;padding:16px;margin:18px 0;border:1px solid #d8dcbf;background:#faf8e9;border-radius:12px}.message-link h3{font-size:13px;margin:0 0 12px}.message-link label{display:block;font-size:11px;color:#69765c;margin:12px 0}.message-link .muted{margin-bottom:0}.fly-link-destination{font-size:10px;color:#758268;overflow-wrap:anywhere;margin-bottom:3px}


.fly-expanded{animation:fly-expand-in .65s cubic-bezier(.2,.8,.2,1)}
@keyframes fly-expand-in{from{opacity:0;transform:scale(.12) translateY(80px)}to{opacity:1;transform:scale(1) translateY(0)}}
.fly-fireworks{animation:fly-fireworks-in 1.1s ease-out both}.fly-fireworks:nth-of-type(2n){animation-delay:.1s}
@keyframes fly-fireworks-in{from{opacity:0;scale:.1}60%{opacity:1;scale:1}to{opacity:0;scale:1.3}}
@media(prefers-reduced-motion:reduce){.fly-expanded,.fly-fireworks{animation:none}}

.fly-custom-character{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #0003)}.fly-letter-character .fly-custom-character{width:100%;height:100%;object-fit:contain}.photo-preview{max-width:128px;max-height:128px;object-fit:contain;border-radius:16px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/16px 16px}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scenario-card{text-align:left;border:1px solid #d9d9e5;border-radius:12px;background:#fff;padding:12px;cursor:pointer}.scenario-card strong,.scenario-card small{display:block}.scenario-card small{font-size:11px;color:#6b6d7e;margin-top:5px}.scenario-card[aria-pressed=true]{border-color:#7655df;background:#f4f0ff}.photo-tools,.local-scenes{margin-top:18px;padding:14px;border:1px solid #dedee8;border-radius:14px}.local-scenes button{display:block;width:100%;margin-top:6px}.sound-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
/* Unified creator: bounded editor and preview, persistent primary actions. */
.creator-v08{--green:#6942ef;--border:#e5e4f1;--muted:#73758c;background:#f7f7fd;color:#252943;height:100dvh;overflow:hidden}
.creator-v08 button{font-size:13px;border-radius:11px}.creator-v08 button:hover{background:#eeebff}.creator-v08 button.primary:hover{background:#5630d8}.creator-v08 :focus-visible{outline-color:#8966ff}.creator-v08 .app-header{height:80px;min-height:80px;padding:12px 22px;gap:18px;background:white}.creator-v08 .brand{min-width:150px}.creator-v08 .brand-mark{background:#ece6ff;color:#6942ef}.creator-v08 .brand b{font-size:17px}.project-name{flex:1;min-width:80px;max-width:370px}.creator-v08 .project-name input{border-color:transparent;background:transparent;font-size:18px;font-weight:700;margin:0}.header-actions{margin-left:auto;display:flex;gap:8px;flex-shrink:0}#dirty-label{font-size:11px;color:#66745c;max-width:130px}.creator-v08 .workspace{height:calc(100dvh - 118px);min-height:0;max-width:none;display:flex;padding:14px;gap:14px;align-items:stretch}.creator-v08 .editor{order:1;flex:0 0 39%;min-width:300px;background:white;border:1px solid var(--border);border-radius:18px;padding:0;display:flex;flex-direction:column;overflow:hidden}.edit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:10px;border-bottom:1px solid var(--border);flex-shrink:0}.edit-tabs button{border:0;padding:12px 4px;background:transparent;font-weight:650}.edit-tabs button[aria-pressed=true],.delivery-cards button[aria-pressed=true]{background:#eee8ff;color:#6639df}.creator-v08 #scene-form{display:block;overflow:auto;padding:20px;flex:1;min-height:0;scrollbar-gutter:stable}.creator-v08 #scene-form h2{font-size:19px}.creator-v08 h3{font-size:13px;margin:22px 0 12px}.creator-v08 label{display:block;font-size:12px;margin:16px 0}.creator-v08 input:not([type=checkbox]):not([type=range]),.creator-v08 textarea,.creator-v08 select{background:white;border-color:#deddeb;color:#333650;font-size:13px}.creator-v08 .presets{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.creator-v08 .preset{display:flex;flex-direction:column;text-align:center;padding:12px 6px;border:1px solid var(--border)}.creator-v08 .preset .fly-sprite{width:66px;height:66px}.creator-v08 .preset small{display:none}.creator-v08 .preset[aria-pressed=true]{border-color:#8966ff;background:#f6f2ff}.creator-v08 .photo-tools{padding:16px;background:#faf9ff;margin-top:20px}.creator-v08 .photo-tools h3{margin-top:0}.maker-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;padding:0;counter-reset:maker}.maker-steps li{font-size:10px;color:#73758c;line-height:1.6}.maker-steps li:before{counter-increment:maker;content:counter(maker);display:block;background:#eee8ff;color:#6942ef;border-radius:50%;width:20px;height:20px;text-align:center;margin-bottom:5px}.creator-v08 .section-head{align-items:center}.creator-v08 .section-head button{font-size:11px;padding:8px}.creator-v08 .two-cols{margin:12px 0}.creator-v08 .scenario-grid{gap:10px;margin-bottom:20px}.creator-v08 .scenario-card{padding:14px}.creator-v08 input[type=range]{accent-color:#6942ef}.editor-footer{padding:10px 16px;background:#faf9ff;border-top:1px solid var(--border);font-size:10px;display:flex;gap:8px;align-items:center;min-height:43px}.editor-footer button{font-size:10px!important;padding:5px!important}.creator-v08 .studio{order:2;flex:1;min-width:0;padding:20px;border-radius:18px;border:1px solid var(--border);background:white;overflow:auto;display:flex;flex-direction:column}.creator-v08 .studio-heading{margin-bottom:14px;flex-shrink:0}.creator-v08 .studio-heading h2{font-size:20px}.creator-v08 .eyebrow{color:#9692b4;margin-bottom:7px}.creator-v08 #stage-wrap{padding:10px;min-height:240px;flex:1;background:#f0eff8;overflow:hidden}.creator-v08 .stage{height:100%;min-height:240px;background:#fdfbff;border-color:#e2dfed}.creator-v08 #stage-wrap[data-view=mobile] .stage{height:100%;max-height:620px;min-height:240px;width:min(100%,320px)}.creator-v08 .demo-screen{padding:25px;background:radial-gradient(ellipse at 100% 0%,#e6d7ff88,transparent 65%)}.creator-v08 .demo-screen h3{font-size:25px}.creator-v08 .demo-eyebrow{margin-top:32px}.creator-v08 .demo-screen>button{background:#e8e0ff;border-color:#d5c7ff}.creator-v08 .demo-cards>div{background:#fff;border-color:#ece8f7}.creator-v08 .play-bar{margin:12px 0 4px;flex-shrink:0}.creator-v08 .play-bar button{font-size:12px}.creator-v08 .timeline{margin:8px 0;flex-shrink:0}.creator-v08 .timeline li.active{background:#e6dcff;color:#6942ef}.creator-v08 .timeline li.passed{background:#edf4eb}.creator-v08 .studio-note{margin:8px 0 0}.auto-preview{font-size:11px!important;margin:8px 0!important;display:flex!important;gap:6px;align-items:center;color:var(--muted)}.auto-preview input{width:16px;height:16px;accent-color:#6942ef}.preview-character{position:absolute;right:12%;top:30%;pointer-events:none;aspect-ratio:1;filter:drop-shadow(0 10px 10px #6942ef22)}.preview-character>img{width:100%;height:100%;object-fit:contain}.character-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-library>.muted{grid-column:1/-1}.character-library button{padding:8px;display:flex;align-items:center;flex-direction:column;gap:6px;font-size:11px}.character-library img,.character-library .fly-sprite{width:60px;height:60px;object-fit:contain}.character-library span{max-width:100%;overflow-wrap:anywhere}.delivery-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0}.delivery-cards button{padding:14px 4px;font-size:11px}.works-panel,.run-panel{background:white;border:1px solid var(--border);border-radius:18px;padding:18px;overflow:auto;flex:0 0 260px;min-width:0}.works-panel{order:0}.run-panel{order:3}.works-panel h2,.run-panel h2{font-size:19px}.works-panel h3,.run-panel h3{font-size:13px}.works-panel .saved-section{padding-top:8px;border:0}.works-panel .saved-list{max-height:none}.works-panel .local-scenes{padding:0;border:0}.run-panel>button{display:block;width:100%;margin:8px 0}.works-panel #new-scene{width:100%;margin-top:18px}.works-panel-open .editor,.run-panel-open .editor{flex-basis:34%;min-width:280px}.global-status{position:fixed;bottom:0;left:0;width:100%;height:38px;margin:0;padding:8px 20px;font-size:11px;background:white;border-top:1px solid var(--border);overflow:auto;z-index:25}.global-status.error{color:#a04637}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1200px) and (min-width:701px){.creator-v08 .app-header{gap:8px;padding:10px 14px}.creator-v08 .brand{min-width:130px}.creator-v08 #dirty-label{display:none}.works-panel,.run-panel{position:fixed;top:90px;bottom:48px;width:300px;z-index:24;box-shadow:0 18px 60px #27204433}.works-panel{left:14px}.run-panel{right:14px}.creator-v08 .editor{flex-basis:42%;min-width:270px}.creator-v08 .studio{padding:14px}.creator-v08 .demo-cards{display:none}}
@media(max-width:700px){.creator-v08 .app-header{height:108px;min-height:108px;flex-wrap:wrap;gap:4px 8px;padding:8px 12px}.creator-v08 .brand{min-width:125px}.creator-v08 .brand-mark{width:30px;height:30px;font-size:21px}.creator-v08 .brand b{font-size:13px}.creator-v08 .project-name{max-width:none}.creator-v08 .project-name input{font-size:14px;padding:8px}.creator-v08 #dirty-label{display:none}.creator-v08 .header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.3fr}.creator-v08 .header-actions button{padding:8px;font-size:12px}.creator-v08 .workspace{height:calc(100dvh - 146px);display:flex;flex-direction:column;gap:8px;padding:8px}.creator-v08 .studio{order:0;flex:0 0 40%;min-height:210px;padding:8px;overflow:hidden;position:relative}.creator-v08 .studio-heading{margin-bottom:6px;align-items:center}.creator-v08 .studio-heading .eyebrow{display:none}.creator-v08 .studio-heading h2{font-size:14px}.creator-v08 .view-switch button{padding:5px 8px}.creator-v08 #stage-wrap{min-height:90px;padding:4px}.creator-v08 .stage,.creator-v08 #stage-wrap[data-view=mobile] .stage{min-height:90px;max-height:100%;border-width:1px;border-radius:8px}.creator-v08 #stage-wrap[data-view=mobile] .stage{width:160px}.creator-v08 .demo-screen{padding:12px}.creator-v08 .demo-eyebrow,.creator-v08 .demo-screen>p,.creator-v08 .demo-cards,.creator-v08 .demo-corner{display:none}.creator-v08 .demo-screen h3{font-size:14px;margin:6px 0}.creator-v08 .demo-screen>button{margin:6px 0;padding:6px;font-size:9px}.creator-v08 .play-bar{margin:6px 0 0;flex-wrap:nowrap;gap:4px}.creator-v08 .play-bar button{font-size:10px;padding:7px}.creator-v08 #play-state{display:none}.creator-v08 .timeline,.creator-v08 .studio-note{display:none}.creator-v08 .auto-preview{position:absolute;right:8px;bottom:8px;font-size:9px!important;margin:0!important}.creator-v08 .auto-preview input{width:13px;height:13px}.creator-v08 .editor,.creator-v08 .works-panel-open .editor,.creator-v08 .run-panel-open .editor{order:1;flex:1;min-height:0;min-width:0;width:100%;border-radius:12px}.creator-v08 .edit-tabs{padding:6px}.creator-v08 .edit-tabs button{font-size:12px;padding:9px 4px}.creator-v08 #scene-form{padding:14px}.creator-v08 .editor-footer{min-height:29px;padding:6px 10px;font-size:9px}.works-panel,.run-panel{position:fixed;top:114px;bottom:43px;left:8px;right:8px;width:auto;z-index:30;box-shadow:0 10px 60px #27204444}.creator-v08 .global-status{font-size:10px;padding:7px 12px}.creator-v08 .presets .fly-sprite{width:48px;height:48px}.creator-v08 .section-head h2{font-size:17px}.creator-v08 .photo-tools{padding:12px}.creator-v08 .photo-preview{max-height:90px}.creator-v08 .preview-character{top:12%;right:20%;max-width:65px}}
.creator-v08 .fly-inline-letter{position:absolute;inset:10px;margin:auto;z-index:15;max-width:calc(100% - 20px);max-height:calc(100% - 20px);width:390px;padding:18px;box-shadow:0 12px 60px #25204433}.creator-v08 .fly-inline-letter .fly-letter-character{width:60px;height:60px;margin:8px auto}.creator-v08 .fly-inline-letter h2{font-size:20px}.creator-v08 .fly-inline-letter .fly-letter-body{font-size:13px;padding:6px 0}.creator-v08 .fly-inline-letter .fly-letter-hint{display:none}
@media(max-width:700px){.creator-v08 .fly-inline-letter{padding:10px}.creator-v08 .fly-inline-letter .fly-letter-character{display:none}.creator-v08 .fly-inline-letter h2{font-size:16px}.creator-v08 .fly-inline-letter footer{gap:4px}.creator-v08 .fly-inline-letter footer button{padding:6px;font-size:10px}.creator-v08 .fly-inline-letter header small{font-size:8px}}
@media(max-width:700px){.creator-v08 .auto-preview{position:static;align-self:flex-end;flex-shrink:0;margin:4px 0 0!important}}
.creator-v08 .work-card{display:grid!important;grid-template-columns:40px minmax(0,1fr);gap:4px 8px;align-items:center;width:100%;text-align:left}.creator-v08 .work-card>.fly-sprite,.creator-v08 .work-card>.fly-custom-character{grid-row:1/3;width:40px;height:40px;object-fit:contain}.creator-v08 .work-card strong{font-size:12px;overflow-wrap:anywhere}.creator-v08 .work-card small{font-size:9px;color:var(--muted);margin:0}
.creator-v08 .work-card[hidden]{display:none!important}