*{box-sizing:border-box}html,body{margin:0;padding:0;background:#edf2f7;font-family:Arial,Helvetica,sans-serif;color:#1f2937}
.app{display:grid;grid-template-columns:390px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #d9e2ec;padding:18px;overflow:auto;position:sticky;top:0;height:100vh}
h1{margin:0 0 8px;font-size:28px}.lead{margin:0 0 16px;line-height:1.45;color:#4e5d78;font-size:14px}.card{background:#fafcff;border:1px solid #d7e0eb;border-radius:14px;padding:14px;margin-bottom:14px}
.card h2{margin:0 0 10px;font-size:16px;color:#1f57ff}label{display:grid;gap:6px;font-size:14px;font-weight:700;margin-bottom:10px}input,textarea{width:100%;padding:10px 12px;border:1px solid #cfd9e3;border-radius:10px;font:inherit}textarea{resize:vertical}input:focus,textarea:focus{outline:none;border-color:#1f57ff;box-shadow:0 0 0 3px rgba(31,87,255,.12)}.grid2{display:grid;gap:8px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{padding:12px 14px;border-radius:10px;border:1px solid #d1dae6;background:#f6f8fb;font-weight:800;cursor:pointer}button.primary{background:#1f57ff;color:#fff;border-color:#1f57ff}.main{padding:20px}.topbar{max-width:860px;margin:0 auto 12px;display:flex;justify-content:space-between;color:#50617b;font-weight:800}.previewWrap{max-width:860px;margin:0 auto;background:#dce4ed;padding:10px;border-radius:14px;box-shadow:0 18px 48px rgba(31,48,67,.12)}#poster{display:block;width:100%;height:auto;background:#fff;border-radius:6px}
@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid #d9e2ec}.main{padding:12px}}
@media print{.sidebar,.topbar{display:none!important}.app,.main,.previewWrap{display:block!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;max-width:none!important}#poster{width:100%!important;height:auto!important;border-radius:0!important}@page{size:auto;margin:0}}