*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:#183650;font:15px/1.65 Tahoma,Arial}header{background:linear-gradient(115deg,#10314e,#177384);color:white;padding:20px 4%}header h1{margin:0}header p{margin:5px 0;color:#d5e7ef}header a{color:#fff2b4}main{display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);max-width:1500px;gap:18px;margin:18px auto;padding:0 18px}.panel{background:#fff;padding:20px;border:1px solid #d3e2ed;border-radius:17px;box-shadow:0 4px 18px #12334d0b}h2{font-size:19px;margin:0 0 14px}.panel>label{font-weight:700;display:grid;gap:4px;margin:10px 0}input,select,textarea{font:inherit;background:#fff;border:1px solid #b9cbd7;border-radius:9px;padding:8px;width:100%}input[type=checkbox]{width:auto}textarea{min-height:72px}button,.upload{border:0;background:#0a7985;color:#fff;border-radius:9px;cursor:pointer;font:700 14px Tahoma;padding:9px 12px;display:inline-block}.second,.upload{background:#e4f0f3;color:#174a58}.actions{display:flex;gap:7px;flex-wrap:wrap}.hint{background:#fff6e2;border-right:4px solid #dfb25a;padding:10px;border-radius:6px;font-size:13px}.scene-editor{background:#f8fafc;border:1px solid #d4e0e9;border-radius:12px;padding:12px;margin:12px 0}.scene-editor .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scene-editor label{font-size:12px;font-weight:700;display:grid;gap:4px}.scene-editor .wide{grid-column:1/-1}.scene-editor .buttons{display:flex;gap:5px;margin-top:9px}.scene-editor button{padding:6px 9px}.head{border-bottom:1px solid #d5e1e9;margin-bottom:15px}.head p{font-size:13px;color:#506779}#story-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comic{border:2px solid #d8b269;border-radius:12px;overflow:hidden;background:white;break-inside:avoid}.comic-image{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden}.figure{position:absolute;bottom:0;height:78%;max-width:45%;object-fit:contain;object-position:bottom;filter:drop-shadow(1px 4px 3px #0005)}.figure.left{left:7%}.figure.right{right:7%}.comic-text{padding:10px;font-size:14px;min-height:85px}.comic-text h3{margin:0 0 4px;font-size:17px}.comic-text p{margin:3px 0}.comic-dialogue{background:#f2f7fa;padding:7px;border-radius:9px;font-size:13px}#story-preview.mono{filter:grayscale(1)}.story-cover{grid-column:1/-1;text-align:center;border-bottom:3px solid #b88d3d;margin:3px 0 15px}.story-cover h2{font-size:23px}.story-cover p{font-size:13px}footer{text-align:center;padding:24px;color:#657888}@media(max-width:950px){main{grid-template-columns:1fr}.scene-editor .fields{grid-template-columns:1fr 1fr}}@media(max-width:550px){#story-preview{grid-template-columns:1fr}.scene-editor .fields{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:10mm}header,aside,footer,.head,#scene-editor,h2:not(.story-cover h2){display:none!important}body{background:white}main{display:block;margin:0;padding:0}main>.panel{border:0;box-shadow:none;padding:0}#story-preview{display:grid;grid-template-columns:1fr 1fr;gap:8mm}#story-preview.cols1{grid-template-columns:1fr}#story-preview.cols2{grid-template-columns:1fr}#story-preview .comic{page-break-inside:avoid}.comic-text{font-size:12px}}