:root{--ink:#65455e;--muted:#93748d;--line:#d7acc7;--cream:#fff8eb;--pink:#f4c5d8;--purple:#d9c5ec;--shadow:#b98da8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#ead4e9;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #865aad;outline-offset:3px}[hidden]{display:none!important}.studio-header{height:78px;display:flex;align-items:center;gap:14px;padding:0 clamp(18px,3vw,44px);background:#fff8ed;border-bottom:4px solid #b487a4}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#ef9fbd;border:3px solid var(--ink);box-shadow:4px 4px 0 #c5a0b7;font-size:22px;color:#fff8ed}.brand-copy{display:flex;flex-direction:column;line-height:1.25}.brand-copy span{font-size:9px;letter-spacing:2px;color:#a17898}.brand-copy strong{font:700 21px Georgia,serif}.game-link{margin-left:auto;padding:10px 15px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:bold;border:2px solid #8d6683;background:#f6dbeb;box-shadow:3px 3px 0 #aa81a1}.studio-layout{display:grid;grid-template-columns:minmax(420px,47%) minmax(480px,53%);min-height:calc(100vh - 78px)}.editor-pane{background:#fdf6ef;border-right:4px solid #ad82a3;min-width:0}.intro{padding:32px clamp(22px,4vw,60px) 24px;background:radial-gradient(circle at 90% 10%,#f8d7e6,transparent 45%),linear-gradient(130deg,#fff8ed,#f6e5ef);border-bottom:2px dashed #d9b6cb}.kicker{margin:0 0 8px;font-size:10px;letter-spacing:2.6px;font-weight:700;color:#b86e93}.intro h1{font:normal clamp(29px,3.3vw,48px)/1.12 Georgia,serif;letter-spacing:-1px;margin:0 0 12px}.intro h1 em{color:#bd749c;font-style:normal}.intro>p:last-child{max-width:430px;margin:0;color:#81677d}.section-tabs{display:flex;overflow-x:auto;gap:5px;padding:14px clamp(22px,4vw,60px);border-bottom:2px solid #ead5df;background:#fffaf3;scrollbar-width:thin}.section-tabs button,.preview-tabs button{white-space:nowrap;border:2px solid transparent;background:transparent;color:#8e7189;padding:8px 11px;font-size:11px;font-weight:bold}.section-tabs button.active{background:#f7ccdd;color:#6a425f;border-color:#a97696;box-shadow:3px 3px 0 #d1acc5}.editor-content{padding:27px clamp(22px,4vw,60px) 36px;min-height:340px}.section-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:23px}.section-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;background:#d7c2e9;border:2px solid #765470;box-shadow:3px 3px 0 #c5a5be;font-weight:bold}.section-heading h2{font:normal 26px Georgia,serif;margin:-3px 0 1px}.section-heading p{margin:0;color:#91788c;font-size:11px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.field{display:block;min-width:0;margin-bottom:15px}.field>span{display:block;font-weight:bold;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.field input:not([type=range]),.field textarea{display:block;width:100%;border:2px solid #bb93ad;background:#fffdfa;color:#60415b;border-radius:0;padding:10px 11px;box-shadow:3px 3px 0 #ead4e0}.field textarea{min-height:78px;resize:vertical;line-height:1.55}.gender-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 19px}.gender-grid fieldset{display:flex;gap:9px;margin:0;padding:8px 0 0;border:0;min-width:0}.gender-grid legend{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;padding:0;margin-bottom:6px}.gender-choice{flex:1;min-width:0}.gender-choice input{position:absolute;opacity:0}.gender-choice>span{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #d3b2c9;background:#fff8ee;color:#7a5971;box-shadow:3px 3px 0 #e0c3d5;transition:transform .15s}.gender-choice img{width:47px;height:70px;object-fit:contain;image-rendering:pixelated}.gender-choice b{font-size:10px}.gender-choice input:checked+span{border-color:#845472;background:#f8d6e5;box-shadow:4px 4px 0 #b98da8;transform:translateY(-2px)}.gender-choice input:focus-visible+span{outline:3px solid #865aad;outline-offset:3px}.subheading{margin:28px 0 2px;font:normal 21px Georgia,serif}.helper{font-size:11px;color:#95798e}.editor-card{border:2px solid #d6b0c7;background:#fffaf2;padding:16px;margin:0 0 15px;box-shadow:4px 4px 0 #ead5e3}.editor-card h3{font:700 12px ui-monospace,monospace;margin:0 0 12px;color:#9a5f83}.editor-card .field:last-child{margin-bottom:0}.photo-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:15px}.photo-thumb{width:78px;height:92px;border:4px solid #fff;outline:2px solid #ac829f;background:linear-gradient(140deg,#eed9ef,#f9d5dc);display:grid;place-items:center;color:#b888a3;font-size:25px;overflow:hidden}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-card .field{margin-bottom:8px}.photo-card input[type=file]{font-size:10px;max-width:100%}.upload-zone{min-height:165px;border:3px dashed #ba8fac;background:#fff8ef;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:20px;text-align:center;cursor:pointer}.upload-zone:hover{background:#fbe7ef}.upload-icon{font-size:39px;line-height:1;color:#b878a0}.upload-zone strong{font-size:14px}.upload-zone small{color:#94778d}.upload-zone input{position:absolute;opacity:0;width:1px;height:1px}.music-controls{display:flex;align-items:center;gap:20px;margin:20px 0}.volume-field{flex:1;margin:0}.volume-field input{width:100%;accent-color:#c3749e}.volume-field output{float:right}.check-field{display:flex;align-items:center;gap:8px;font-weight:bold}.check-field input{accent-color:#bc7b9f}.pixel-button,.tiny-button{color:#66465e;border:3px solid #805971;background:#fff0dc;box-shadow:4px 4px 0 #aa81a0;padding:10px 15px;font-weight:bold;font-size:11px;white-space:nowrap}.pixel-button:hover,.tiny-button:hover{background:#f9d9e8}.pixel-button:active,.tiny-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #aa81a0}.pixel-button.primary{background:#efa9c6}.editor-footer{display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;padding:22px clamp(22px,4vw,60px) 32px;background:#f3e0eb;border-top:2px dashed #d1aec6}.editor-footer strong,.editor-footer small{display:block}.editor-footer strong{font:normal 19px Georgia,serif}.editor-footer small{font-size:10px;color:#92788b}.editor-footer #status{grid-column:1/-1;min-height:1em;margin:0;color:#6e8761;font-weight:bold}.preview-pane{position:sticky;top:0;align-self:start;height:calc(100vh - 78px);min-height:640px;display:flex;flex-direction:column;padding:28px clamp(22px,3vw,48px) 22px;background:linear-gradient(#dfc7ea,#f5d5e7)}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-top h2{margin:0;font:normal 29px Georgia,serif}.preview-label{font-size:9px;letter-spacing:1px;color:#966e8e}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#75bc81;box-shadow:0 0 0 3px #c7ecc8}.preview-tabs{display:flex;gap:6px;margin:21px 0 14px}.preview-tabs button{background:#f8e5ef;border:2px solid #c39fba}.preview-tabs button.active{background:#fff8e8;border-color:#7d5b76;box-shadow:3px 3px 0 #a884a4;color:#684861}.preview-stage{position:relative;flex:1;min-height:400px;overflow:hidden;border:4px solid #8b6684;box-shadow:8px 8px 0 #b98caa;background:linear-gradient(#c9afe8 0%,#e6bde2 47%,#fad9dc 78%,#f7e1d7 100%)}.preview-stage:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff6f388 1px,transparent 1px);background-size:71px 62px;opacity:.45}.preview-cloud{position:absolute;width:95px;height:19px;background:#fff4ed;opacity:.85;box-shadow:12px -13px 0 -2px #fff4ed,35px -22px 0 -5px #fff4ed,54px -11px 0 -1px #fff4ed,18px 10px 0 -4px #e9d1e8;image-rendering:pixelated;animation:drift 12s ease-in-out infinite alternate}.cloud-one{top:16%;left:11%}.cloud-two{top:24%;right:12%;transform:scale(.68);animation-delay:-5s}.cloud-three{top:50%;left:42%;transform:scale(.52);opacity:.5;animation-delay:-8s}@keyframes drift{to{margin-left:27px}}.preview-grass{position:absolute;left:0;right:0;bottom:0;height:16%;border-top:10px solid #86af71;background:linear-gradient(#accb89 0 10%,#98b982 10% 100%);box-shadow:inset 0 8px #638f64}.preview-grass:before{content:'';position:absolute;left:0;right:0;top:-17px;height:8px;background:repeating-linear-gradient(90deg,#719e6e 0 4px,transparent 4px 12px)}.quest-preview,.binder-preview,.final-preview{position:absolute;inset:0;z-index:1;text-align:center}.scene-kicker{font-size:9px;letter-spacing:3px;color:#76577c;margin:25px 0 2px}.quest-preview h3{font:normal clamp(24px,3vw,41px) Georgia,serif;margin:0}.scene-caption{margin:0;font-size:11px}.preview-characters{position:absolute;left:0;right:0;bottom:17%;display:flex;align-items:end;justify-content:center;gap:20px}.character-card{display:flex;flex-direction:column;align-items:center;min-width:90px}.character-card img{width:min(8.8vw,92px);height:min(15vw,155px);min-width:65px;min-height:110px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(3px 3px 0 #76576c)}.character-card span{margin-top:2px;padding:2px 6px;background:#fff7e6;border:1px solid #b68aa7;font-size:9px;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-float{align-self:center;color:#eb76a2;font-size:37px;text-shadow:3px 3px #995775;animation:bob 2s infinite ease-in-out}@keyframes bob{50%{transform:translateY(-8px)}}.preview-dialogue{position:absolute;left:50%;top:26%;transform:translateX(-50%);width:min(78%,350px);padding:10px 13px;background:#fff7eb;border:2px solid #9b718d;box-shadow:4px 4px #cdaac4}.preview-dialogue small{display:block;color:#b66f96;font-size:9px;font-weight:bold;letter-spacing:1px}.preview-dialogue p{font-size:11px;margin:3px 0}.preview-info{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;color:#765771}.binder-preview{padding:clamp(25px,5vw,52px) 5% 35px}.binder-book{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:75%;border:7px solid #667fbd;border-radius:8px;background:#fff3dd;box-shadow:7px 7px 0 #806992}.binder-left,.binder-right{padding:18px;min-width:0}.binder-left{text-align:left;background:#fff4dc;border-right:5px solid #accbd0}.binder-left small{font-size:8px;letter-spacing:1.4px;color:#a47891}.binder-left h3{font:normal clamp(18px,2vw,27px) Georgia,serif;margin:14px 0 10px}.binder-left p{font-size:11px;line-height:1.6;max-height:52%;overflow:auto;white-space:pre-wrap}.binder-left>span{color:#d882a5}.binder-rings{position:absolute;z-index:2;left:50%;top:14%;bottom:14%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-between}.binder-rings i{display:block;width:34px;height:12px;background:#fffdf4;border:2px solid #80617b;border-radius:8px}.binder-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f3e6e1}.binder-photo{width:min(80%,180px);height:43%;max-height:145px;padding:7px 7px 21px;background:#fffdf6;border:2px solid #c5a6b7;box-shadow:3px 3px 0 #ad91a4;transform:rotate(-3deg);background-size:cover;background-position:center}.binder-photo:nth-child(2){transform:rotate(3deg)}.binder-photo span{display:grid;place-items:center;height:100%;background:#e7cde1;color:#98718e;font-size:8px}.binder-preview .tiny-button{margin:16px 5px 0;font-size:9px;padding:6px 9px}.final-preview{display:flex;align-items:center;flex-direction:column}.final-preview h3{font:700 clamp(20px,3vw,42px)/1.3 ui-monospace,monospace;letter-spacing:2px;color:#d45e9d;text-shadow:3px 3px #fff5e6;margin:20px 0 10px}.final-preview>p:last-child{max-width:70%;background:#fff6e7;padding:9px;border:2px solid #c69ab7;font-size:11px;white-space:pre-wrap}.preview-cake{position:relative;width:180px;height:180px;flex:0 0 180px}.preview-cake span{position:absolute;display:block;left:50%;transform:translateX(-50%)}.preview-cake .flame{top:0;color:#ffe279;font-size:34px;text-shadow:0 0 8px #ffce4e}.preview-cake .candle{top:31px;width:12px;height:44px;background:repeating-linear-gradient(45deg,#f5b4c5 0 7px,#fff7df 7px 13px);border:2px solid #90566f}.preview-cake .icing{top:67px;width:136px;height:34px;background:#f9cee3;border:4px solid #a56787;box-shadow:0 10px #fff3ef}.preview-cake .cake-body{top:89px;width:130px;height:74px;background:repeating-linear-gradient(#f3b898 0 21px,#fff2d6 21px 31px);border:4px solid #9d6686}.preview-cake .cake-plate{top:161px;width:169px;height:12px;background:#a6c7cc;border:3px solid #678992}@media(max-width:1050px){.studio-layout{grid-template-columns:1fr}.editor-pane{border-right:0}.preview-pane{position:relative;height:auto;min-height:610px;border-top:4px solid #ad82a3}.preview-stage{min-height:460px}.character-card img{width:90px;height:150px}}@media(max-width:600px){.studio-header{height:65px;padding:0 14px}.brand-mark{width:35px;height:35px;font-size:18px}.brand-copy span{font-size:7px}.brand-copy strong{font-size:16px}.game-link{font-size:9px;padding:7px}.intro{padding:25px 20px}.section-tabs{padding:12px 16px}.editor-content{padding:24px 19px}.field-grid,.gender-grid{grid-template-columns:1fr}.editor-footer{padding:20px;grid-template-columns:1fr}.pixel-button.primary{justify-self:start}.preview-pane{padding:20px 16px;min-height:560px}.preview-top h2{font-size:25px}.preview-label{display:none}.preview-stage{min-height:420px}.preview-dialogue{top:28%}.character-card img{width:65px;height:110px}.preview-characters{gap:8px}.binder-preview{padding:35px 3%}.binder-left,.binder-right{padding:9px}.binder-left h3{margin:7px 0;font-size:16px}.binder-left p{font-size:9px}.binder-photo{width:87%;height:42%}.music-controls{flex-direction:column;align-items:stretch}.photo-card{grid-template-columns:62px 1fr}.photo-thumb{width:62px;height:78px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}