@import url('/assets/tools.css');
.page-head .pill{margin-left:18px}.studio{display:grid;grid-template-columns:390px minmax(0,1fr);gap:30px;align-items:start;margin:10px 0 45px}.studio-editor,.studio-preview,.batch-panel{border:1px solid var(--line);border-radius:20px;background:#fffef9;padding:26px}.studio-editor h2{font-size:25px;margin:0 0 24px}.studio-editor label{display:block;margin-top:17px}.studio-editor input[type=file],.batch-panel input[type=file]{display:block;width:100%;margin-top:10px;font-size:13px}.studio-editor small,.batch-panel small{display:block;color:var(--muted);font-size:12px;margin-top:10px}.studio-editor input[type=color]{display:block;width:100%;height:47px;margin-top:7px;border:1px solid var(--line);background:white;border-radius:8px;padding:5px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{margin-top:24px}#studio-status,#batch-status{font-size:14px;color:var(--muted);overflow-wrap:anywhere;min-height:24px}.studio-preview{position:sticky;top:20px;background:#e8ecdf}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.preview-toolbar select{width:auto;max-width:65%;font-size:12px;margin:0}.canvas-stage{display:flex;justify-content:center;min-height:280px;align-items:center;padding:18px;border-radius:12px;background:#d9dfcf}#poster-canvas{display:block;max-width:100%;height:auto;max-height:650px;object-fit:contain;box-shadow:0 10px 30px #253c2520}.preview-note{font-size:12px;color:#5b685e}.studio-preview>button{margin-top:20px}.batch-panel{margin:35px 0}.batch-panel h2{font-size:30px}.batch-panel p{color:var(--muted);max-width:800px}.batch-panel>.pair{margin:24px 0}.error-text{color:#a03b21!important}@media(max-width:850px){.studio{grid-template-columns:1fr}.studio-preview{position:static}.studio-editor,.studio-preview,.batch-panel{padding:20px}.page-head .pill{display:table;margin:15px 0}.canvas-stage{padding:10px}.pair{grid-template-columns:1fr 1fr}}@media(max-width:420px){.pair{grid-template-columns:1fr}.preview-toolbar{flex-wrap:wrap}.preview-toolbar select{max-width:100%;width:100%}}