.studio{--studio-blue:#0d67bd;--studio-blue-dark:#07579f;--studio-ink:#202530;--studio-muted:#687386;--studio-line:#dce2ea;--studio-bg:#f2f5f9;min-height:calc(100vh - 70px);color:var(--studio-ink);background:var(--studio-bg);padding:42px clamp(16px,4vw,54px) 72px}[data-comic-editor] [hidden]{display:none!important}.studio-header{justify-content:space-between;align-items:end;gap:32px;max-width:1160px;margin:auto;display:flex}.studio-header>div{max-width:600px}.studio-kicker{color:var(--studio-blue);letter-spacing:.1em;margin:0 0 5px;font-size:.75rem;font-weight:700}.studio-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.1rem);line-height:1.25}.studio-header p:last-child{color:var(--studio-muted);margin:10px 0 0;line-height:1.7}.studio-steps{color:var(--studio-muted);gap:20px;margin:0 0 5px;padding:0;font-size:.76rem;font-weight:650;list-style:none;display:flex}.studio-steps li{white-space:nowrap;align-items:center;gap:7px;display:flex}.studio-steps span{width:24px;height:24px;color:var(--studio-blue);background:#dfeeff;border-radius:50%;place-items:center;display:grid}.studio-bar{border:1px solid var(--studio-line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:1160px;margin:24px auto 0;padding:12px;display:flex;box-shadow:0 4px 18px #1e2d410d}.studio-actions{gap:8px;display:flex}.studio-button{border:1px solid var(--studio-line);min-height:44px;color:var(--studio-ink);font:inherit;text-align:center;cursor:pointer;background:#fff;border-radius:9px;padding:10px 17px;font-size:.85rem;font-weight:700}.studio-button:hover{background:#f8fafc;border-color:#aab7c7}.studio-button-primary,.studio-button-export{border-color:var(--studio-blue);color:#fff;background:var(--studio-blue)}.studio-button-primary:hover,.studio-button-export:hover{border-color:var(--studio-blue-dark);background:var(--studio-blue-dark)}.studio-button-export{min-width:132px;box-shadow:0 4px 13px #0d67bd33}.studio-status{color:#315475;background:#e6f1fc;border-radius:9px;max-width:1160px;margin:12px auto 0;padding:9px 13px;font-size:.78rem;line-height:1.5}.studio-status.is-success{color:#1f6843;background:#e5f6ed}.studio-status.is-warning{color:#914913;background:#fff0e4}.studio-workspace{grid-template-columns:minmax(440px,1.15fr) minmax(360px,.85fr);align-items:start;gap:14px;max-width:1160px;margin:14px auto 0;display:grid}.preview-panel,.script-panel{border:1px solid var(--studio-line);background:#fff;border-radius:16px;padding:19px;box-shadow:0 7px 28px #1e2d410f}.panel-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-title span:first-child{color:var(--studio-muted);font-size:.67rem;font-weight:650}.panel-title h2{margin:2px 0 0;font-size:1.05rem}.size-chip,.count-chip{color:var(--studio-muted);background:#f0f3f7;border-radius:99px;padding:4px 10px;font-size:.7rem}.count-chip b{color:var(--studio-blue);margin-right:2px}.canvas-wrap{background:#e8edf3;border-radius:12px;place-items:start center;min-height:620px;margin-top:14px;padding:18px;display:grid;overflow:auto}.comic-canvas{--zoom:.44;width:calc(1080px * var(--zoom));height:calc(1440px * var(--zoom));user-select:none;background:#fff;border:1px solid #cbd3dd;flex:none;position:relative;overflow:hidden;box-shadow:0 9px 28px #1e2b3e21}.canvas-image{object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}.comic-canvas.has-image .canvas-image{display:block}.canvas-empty{color:#7c8999;background:repeating-linear-gradient(45deg,#fbfcfd,#fbfcfd 12px,#f6f8fa 12px 24px);place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:0}.comic-canvas.has-image .canvas-empty{display:none}.canvas-empty:before{content:"3:4";background:#fff;border:2px solid #c7d0dc;border-radius:6px;place-items:center;width:58px;height:78px;font-weight:750;display:grid}.canvas-empty strong{margin-top:7px;font-size:.82rem}.canvas-empty span{font-size:.68rem}.safe-area{z-index:2;pointer-events:none;border:1px dashed #0d67bd42;position:absolute;inset:3%}.overlay-stage{z-index:3;position:absolute;inset:0}.preview-help{color:var(--studio-muted);text-align:center;margin:11px 0 0;font-size:.72rem}.comic-overlay{border:calc(3px * var(--zoom)) solid #15181d;color:#111;cursor:move;touch-action:none;background:#fff;place-items:center;display:grid;position:absolute}.comic-overlay[data-type=speech]{border-radius:50%}.comic-overlay[data-type=narration]{border-radius:calc(2px * var(--zoom))}.comic-overlay[data-type=thought]{clip-path:polygon(50% 0,55% 7%,63% 1%,66% 10%,76% 4%,77% 14%,89% 12%,84% 23%,98% 26%,88% 35%,100% 43%,89% 50%,99% 61%,86% 64%,93% 78%,79% 76%,80% 91%,67% 83%,62% 100%,52% 88%,42% 98%,37% 85%,23% 94%,24% 79%,7% 81%,15% 66%,0 61%,12% 50%,1% 41%,15% 34%,3% 23%,20% 21%,17% 7%,35% 13%,40% 1%);filter:drop-shadow(0 0 calc(2px * var(--zoom)) #111);border:0}.comic-overlay.is-selected{outline:calc(4px * var(--zoom)) solid #1681e8;outline-offset:calc(5px * var(--zoom))}.overlay-text{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.05em;pointer-events:none;width:76%;height:78%;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-weight:650;line-height:1.4;overflow:hidden}.overlay-text mark{color:#aa2020;background:0 0;padding:0}.script-list{gap:10px;margin:15px 0 0;padding:0;list-style:none;display:grid}.script-card{border:1px solid var(--studio-line);background:#fff;border-radius:12px;padding:12px;transition:border-color .15s,box-shadow .15s}.script-card.is-selected{border-color:#8ab7e6;box-shadow:0 0 0 3px #0d67bd17}.script-card-header{align-items:center;gap:8px;display:flex}.order-number{color:#fff;background:var(--studio-blue);border-radius:50%;place-items:center;width:25px;height:25px;font-size:.68rem;font-weight:750;display:grid}.type-select{border:1px solid var(--studio-line);height:34px;color:var(--studio-ink);font:inherit;background:#f8fafc;border-radius:7px;padding:4px 26px 4px 8px;font-size:.72rem;font-weight:650}.auto-label{color:#278255;margin-left:auto;font-size:.65rem;font-weight:650}.card-icon-button{color:#7b8797;cursor:pointer;background:0 0;border:0;border-radius:6px;width:30px;height:30px;padding:0;font-size:1rem}.card-icon-button:hover{color:#b42626;background:#fff0f0}.script-text{width:100%;min-height:79px;color:var(--studio-ink);font:inherit;resize:vertical;background:#fff;border:1px solid #cdd6e1;border-radius:8px;margin-top:9px;padding:9px 10px;font-size:.88rem;line-height:1.6}.script-text:focus,.highlight-input:focus,.type-select:focus{border-color:#6ba3db;outline:2px solid #0d67bd45}.highlight-row{align-items:center;gap:8px;margin-top:8px;display:flex}.highlight-row label{color:var(--studio-muted);flex:none;font-size:.66rem}.highlight-input{border:1px solid var(--studio-line);width:100%;height:34px;font:inherit;border-radius:7px;padding:6px 8px;font-size:.73rem}.script-empty{min-height:250px;color:var(--studio-muted);text-align:center;place-content:center;justify-items:center;display:grid}.script-empty>div{width:52px;height:52px;color:var(--studio-blue);background:#e5f1fd;border-radius:50%;place-items:center;font-family:serif;font-size:1.45rem;display:grid}.script-empty strong{color:#475366;margin-top:11px;font-size:.85rem}.script-empty p{margin:3px 0 0;font-size:.7rem}.add-buttons{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;display:grid}.add-buttons button{color:#46566a;min-height:43px;font:inherit;cursor:pointer;background:#f8fafc;border:1px dashed #aab7c8;border-radius:9px;padding:8px 5px;font-size:.73rem;font-weight:700}.add-buttons button:hover{border-color:var(--studio-blue);color:var(--studio-blue);background:#f0f7ff}.add-buttons span{color:var(--studio-blue);margin-right:2px;font-size:1rem}.studio-check{color:var(--studio-muted);background:#f4f6f9;border-radius:10px;margin-top:18px;padding:13px 14px}.studio-check summary{color:#536176;cursor:pointer;font-size:.72rem;font-weight:700}.studio-check ul{margin:9px 0 0;padding-left:1.25em;font-size:.68rem;line-height:1.75}@media (width<=900px){.studio-header{flex-direction:column;align-items:start;gap:18px}.studio-workspace{grid-template-columns:1fr}.script-panel{order:-1}.canvas-wrap{min-height:580px}}@media (width<=600px){.studio{padding:28px 10px 48px}.studio-steps{justify-content:space-between;gap:5px;width:100%}.studio-steps li{flex-direction:column;gap:3px;font-size:.62rem}.studio-bar{flex-direction:column;align-items:stretch}.studio-actions{grid-template-columns:repeat(3,1fr);display:grid}.studio-button{padding:9px 7px;font-size:.72rem}.studio-button-export{width:100%}.preview-panel,.script-panel{padding:13px}.canvas-wrap{justify-content:start;min-height:440px;padding:10px}.comic-canvas{--zoom:.34}.highlight-row{flex-direction:column;align-items:start;gap:4px}}