:root{--ink:#171723;--paper:#fffdf9;--violet:#6f3ab2;--navy:#273858;--gold:#c78c43;--line:#e2dad4;--muted:#6d6662}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#ebe4dc,#faf7f1);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}.shell{width:min(1440px,calc(100% - 44px));margin:auto;padding:42px 0 64px}.eyebrow,.micro{font-size:9px;letter-spacing:1.45px;font-weight:800;color:var(--violet)}.masthead{margin-bottom:22px}.masthead h1{font:500 clamp(2rem,4vw,3.5rem)/1 Georgia,serif;letter-spacing:-2px;margin:7px 0}.masthead p,.hint{color:var(--muted);margin:0;font-size:.82rem}.workspace{display:grid;grid-template-columns:350px 1fr;gap:22px;align-items:start}.controls{display:grid;gap:12px}.controls section{padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,253,249,.9);box-shadow:0 10px 25px rgba(36,27,20,.045)}h2{font:600 1.05rem Georgia,serif;margin:0 0 9px}.controls label{display:grid;gap:5px;margin:9px 0;font-size:.76rem;font-weight:bold}.controls input:not([type=file]),.controls select,.controls textarea{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit}.controls textarea{resize:vertical}.upload{min-height:86px;padding:15px;border:1.5px dashed #cdbdab;border-radius:10px;text-align:center;cursor:pointer;background:#fffdf9;align-content:center}.upload input{display:none}.upload strong{font-size:.84rem}.upload span{font-size:.72rem;font-weight:normal;color:var(--muted)}.compact{min-height:68px}.status{margin:5px 0 0;color:var(--muted);font-size:.75rem}.status.ready{color:#17744e}.status.error{color:#a13e32}.cover-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.cover-actions button,.segmented button,.preview-head button{padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:.72rem;cursor:pointer}.cover-actions button.active,.segmented button.active{border-color:var(--violet);background:#faf6ff;box-shadow:inset 2px 0 var(--violet)}.recommendation{padding:8px;border-left:2px solid var(--gold);background:#fbf5ec;font-size:.74rem}.segmented{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-radius:8px}.segmented button{border:0;border-right:1px solid var(--line);border-radius:0}.segmented button:last-child{border:0}.segmented button.active{background:var(--ink);color:#fff;box-shadow:none}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zoom{grid-template-columns:auto 1fr auto;align-items:center}.preview-panel{padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,253,249,.78);box-shadow:0 18px 38px rgba(36,27,20,.07)}.preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:.75rem;font-weight:bold;letter-spacing:1px}.preview-head div{display:flex;gap:8px;align-items:center}.preview-head strong{font-size:.72rem;letter-spacing:0}.preview-pages{display:grid;place-items:center;overflow:auto;padding:9px;background:#eee7df}.page{width:210mm;height:297mm;position:relative;overflow:hidden;background:var(--paper);box-shadow:0 10px 28px rgba(25,18,18,.16);isolation:isolate}.page-two{display:none}.cover-media{position:absolute;inset:0 0 0 auto;width:47%;overflow:hidden;background:#20192c;touch-action:none}.cover-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 50%;transform:scale(1);transform-origin:center}.cover-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,28,.06),rgba(20,16,28,.66));pointer-events:none}.cover-fallback{background:radial-gradient(circle at 70% 24%,rgba(244,204,137,.58),transparent 16%),linear-gradient(133deg,#fffaf3 0 55%,#181726 55.3%)}.cover-fallback:after{display:none}.cover-copy{position:absolute;z-index:2;left:0;top:0;width:53%;height:100%;padding:18mm 15mm;background:linear-gradient(125deg,rgba(255,250,242,.97),rgba(238,224,204,.88))}.agency{font-weight:800;font-size:13px;letter-spacing:2px;color:var(--navy)}.agency span{display:block;margin-left:28px;font-size:9px}.cover-copy h1{font:500 41px/.92 Georgia,serif;letter-spacing:-2px;margin:49px 0 21px}.client{margin:0;color:var(--navy);font-size:15px;letter-spacing:3.5px}.period{margin:5px 0;font-size:11px;letter-spacing:1px;font-weight:bold}.cover-hook{position:absolute;left:15mm;bottom:20mm;width:42mm}.cover-hook span{display:block;font-size:8px;letter-spacing:1.2px;font-weight:bold;color:#7557a0}.cover-hook strong{display:block;margin-top:7px;font:500 18px/1.05 Georgia,serif}.cover-metrics{position:absolute;z-index:2;right:9mm;bottom:15mm;width:35%;display:flex;gap:9px;color:#fff}.cover-metrics div{border-left:1px solid rgba(255,255,255,.65);padding-left:7px}.cover-metrics b{display:block;font:600 17px Georgia,serif;color:#f4cd8d}.cover-metrics span{display:block;font-size:7px;letter-spacing:.6px;text-transform:uppercase}.folio{position:absolute;right:9mm;top:8mm;z-index:3;color:#fff;font-size:10px}.cover-landscape .cover-media{left:0;right:0;top:0;width:100%;height:46%;bottom:auto}.cover-landscape .cover-copy{top:46%;width:100%;height:54%;padding:15mm;background:#191727;color:#fff8ed}.cover-landscape .agency,.cover-landscape .client{color:#edc887}.cover-landscape .cover-copy h1{margin:22px 0 14px;font-size:38px}.cover-landscape .cover-hook{left:15mm;bottom:15mm}.cover-fullbleed .cover-media{inset:0;width:100%;height:100%}.cover-fullbleed .cover-copy{width:59%;background:linear-gradient(90deg,rgba(19,15,29,.88),rgba(19,15,29,.38),transparent);color:#fff9ed}.cover-fullbleed .agency,.cover-fullbleed .client{color:#f2ce91}.cover-fullbleed .cover-hook span{color:#f2ce91}.cover-abstract .cover-media{display:none}.cover-abstract:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(242,194,118,.42),transparent 16%),linear-gradient(128deg,#fffaf2 0 57%,#171726 57.2%)}.cover-abstract:after{content:"";position:absolute;width:80mm;height:80mm;right:-28mm;bottom:-24mm;border:1px solid rgba(197,141,72,.45);border-radius:50%}.cover-abstract .cover-copy{background:transparent}.overview{padding:17mm;background:#fffdf9}.page-head{display:grid;grid-template-columns:32px 1fr 25px;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.section-no{color:var(--gold);font-weight:bold}.page-head h1{font:500 27px Georgia,serif;margin:2px 0 0}.page-head .folio{position:static;color:#999;text-align:right}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:19px}.kpi{min-height:84px;padding:12px;border:1px solid #e7dfd9;background:#fff}.kpi.hero{grid-row:span 2;background:linear-gradient(145deg,#5d3197,#241b45);color:#fff}.kpi span{display:block;font-size:8px;font-weight:bold;letter-spacing:1px}.kpi strong{display:block;margin:10px 0;font:500 25px Georgia,serif}.kpi small{font-size:8px;color:#6e6663}.kpi.hero small{color:#d7ffd2}.summary-block{display:grid;grid-template-columns:1fr 36%;gap:25px;align-items:center;margin-top:25px;padding-top:19px;border-top:1px solid var(--line)}.summary-block h2{font:500 24px/1.08 Georgia,serif;margin:5px 0}.summary-block p{max-width:400px;color:#5f5854}.donut{width:112px;height:112px;margin:auto;border-radius:50%;background:conic-gradient(var(--violet) 0 45%,var(--gold) 45% 72%,var(--navy) 72% 100%);position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:#fffdf9}.donut-label{position:absolute;z-index:2;inset:38px 0 0;text-align:center;font:600 15px Georgia,serif}.unavailable{font-style:italic;color:#777;font-size:11px}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.controls{grid-template-columns:repeat(2,1fr)}.preview-pages{max-height:78vh}}@media(max-width:680px){.shell{width:min(100% - 22px,1440px);padding-top:25px}.controls{grid-template-columns:1fr}.page{transform:scale(.47);transform-origin:top left;margin-right:calc(-210mm*.53);margin-bottom:calc(-297mm*.53)}.preview-head{align-items:flex-start;flex-direction:column}}