body[data-view="studio"]{overflow:auto;background:#f6f2e8;color:#254838}.studio{--green:#2e5e44;--ink:#254838;--accent:#cb7d39;background:#f6f2e8;color:#254838;min-height:100dvh;padding:28px clamp(18px,4vw,64px) 50px;font:14px var(--sans)}.studio-head{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1600px;margin:auto}.studio h1{font:400 clamp(30px,4vw,46px) var(--serif);letter-spacing:-.045em;margin:6px 0}.studio .eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7b886e;margin:0}.studio-head-actions,.studio-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.studio button,.studio input,.studio select,.studio textarea{font:inherit}.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio textarea:focus-visible{outline:3px solid #cb7d39;outline-offset:2px}.studio .btn{border:1px solid #c4cfba;border-radius:9px;background:#fffdf6;color:#254838;padding:10px 14px;min-height:40px}.studio .btn:hover{background:#e9eedf}.studio .btn.strong{background:#2e5e44;border-color:#2e5e44;color:white}.studio .btn.danger{color:#a14c32}.studio label{display:block;font-size:11px;color:#63795a;margin:14px 0 6px}.studio input:not([type="checkbox"]),.studio select,.studio textarea{width:100%;background:#fffef8;border:1px solid #cfd7c5;border-radius:8px;padding:10px;color:#294936}.studio input[type="checkbox"]{accent-color:#2e5e44}.studio textarea{resize:vertical;line-height:1.55}.studio textarea.code{font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:250px}.studio .help{font-size:11px;line-height:1.6;color:#71806b}.studio-tabs{display:flex;gap:25px;max-width:1600px;margin:25px auto 24px;border-bottom:1px solid #d6dec9;overflow-x:auto}.studio-tab{border:0;padding:12px 0;background:transparent;color:#74856b;white-space:nowrap;font-size:13px}.studio-tab[aria-selected="true"]{color:#2e5e44;border-bottom:2px solid #2e5e44}.studio-panel{max-width:1600px;margin:auto}.studio-bar{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:end;gap:15px;margin-bottom:22px}.studio-bar label{margin-top:0}.studio-bar select{max-width:460px}.studio-grid{display:grid;grid-template-columns:210px minmax(340px,1fr) 310px;gap:20px;align-items:start}.studio-box{background:#fffdf6;border:1px solid #dce2d2;border-radius:14px;padding:18px}.studio-box h2,.studio-box h3{font-weight:500;font-size:17px;margin:0 0 15px}.studio-box h3{font-size:14px;margin-top:22px}.scene-list{max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin:14px -4px}.scene-choice{display:block;width:100%;text-align:left;border:1px solid #dfe6d4;border-radius:10px;background:#f6f7ed;padding:12px;color:#49623c}.scene-choice[aria-current="true"]{border-color:#668555;background:#e9efde}.scene-choice strong{display:block;font-size:11px;line-height:1.5;word-break:break-word}.scene-choice span{font-size:10px;line-height:1.4;display:block;margin-top:4px;color:#7c8870}.scene-check{font-size:10px;display:inline-block;color:#2e5e44}.preview-frame{border-radius:9px;overflow:hidden;background:#e8eddc;aspect-ratio:16/9;border:1px solid #e0e4d8}.preview-frame canvas{display:block;width:100%;height:100%}.preview-caption{font:20px/1.5 var(--serif);margin:17px 0;color:#355035;white-space:pre-line}.scene-review{display:flex!important;align-items:center;gap:9px;font-size:12px!important;margin:20px 0!important}.issues{font-size:12px;line-height:1.6;margin:14px 0}.issues p{padding:9px 11px;border-radius:8px;background:#fff4d8;color:#866735;margin:7px 0;overflow-wrap:anywhere}.issues p.error{background:#fff0e9;color:#a44d35}.issues p.ok{background:#edf4e6;color:#44673f}.numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:0 12px}.studio-status{max-width:1600px;margin:24px auto 0;font-size:11px;color:#73816c;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}.asset-card{border:1px solid #d9e1ce;background:#fffdf6;border-radius:12px;padding:0;text-align:left;overflow:hidden;color:#355235}.asset-card img{width:100%;height:150px;object-fit:contain;background:repeating-conic-gradient(#eef0e7 0% 25%,#fffdf6 0% 50%) 0/20px 20px;padding:10px}.asset-card .meta{display:block;padding:13px;font-size:11px;line-height:1.6;word-break:break-word}.asset-card strong{font-size:13px;font-weight:500;display:block}.assets-layout{display:grid;grid-template-columns:1fr 340px;gap:25px}.planner-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.planner-layout textarea{min-height:240px}.planner-layout .code{min-height:410px}.studio details{border-top:1px solid #dde4d2;margin-top:20px;padding-top:15px}.studio summary{cursor:pointer;font-size:12px;color:#5e7851}.studio progress{width:100%;height:8px;accent-color:#2e5e44}.studio a{color:#2e5e44}.studio .inline-check{display:flex;align-items:center;gap:8px}.studio .inline-check input{width:auto}.studio .upload-zone{padding:16px;background:#f0f4e6;border:1px dashed #b5c7a1;border-radius:10px}.studio .upload-zone label{margin:0 0 10px}.studio .upload-zone input{padding:0!important;border:0!important;background:transparent!important;font-size:11px}.studio-head select{width:auto;min-width:120px}.studio p{line-height:1.6}.studio .error-text{color:#a34f35;font-size:12px}.page-counter-button{border:0;background:transparent;cursor:pointer;font:inherit}.stage-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.bookshelf.multiple{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:40px}.bookshelf.multiple::before,.bookshelf.multiple::after{display:none}.bookshelf.multiple .book-card{width:100%;max-width:310px}.extra-studio-button{border:0;padding:0;background:transparent;color:#718073;font-size:11px;text-decoration:underline;text-underline-offset:4px;margin-top:20px}.stage-error{position:absolute;z-index:7;bottom:90px;left:6%;right:6%;background:#fffdf5;border:1px solid #d6dbc8;border-radius:12px;padding:16px;text-align:center;font-size:13px}.jump-form{display:flex;gap:10px;align-items:center;margin-top:18px}.jump-form input{width:100px;padding:12px;border:1px solid #bdcbb0;border-radius:8px;font:inherit}.mini-cover canvas{position:absolute;inset:0;width:100%;height:100%}.mini-title{pointer-events:none}body[data-age="baby"] .character-art{filter:none}body[data-age="baby"] .age-thumbnail.baby img{filter:none}@media(max-width:1250px){.studio-grid{grid-template-columns:170px 1fr}.studio-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-inspector>div+div{border-left:1px solid #e0e5d7;padding-left:24px}}@media(max-width:800px){.studio{padding:20px 16px 35px}.studio-head{align-items:start;flex-direction:column}.studio-grid{grid-template-columns:1fr}.studio-grid .scene-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-height:180px}.studio-inspector{display:block}.studio-inspector>div+div{border-left:0;padding-left:0}.studio-bar{grid-template-columns:1fr}.assets-layout,.planner-layout{grid-template-columns:1fr}.studio-tabs{gap:22px}.assets-layout .studio-box{order:-1}.studio .btn{font-size:12px}.studio-status{display:block}}