:root{color:#14243a;background:#f6f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#10283f;flex-direction:column;width:220px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand strong{font-family:Georgia,serif;font-size:26px}.brand span{text-transform:uppercase;letter-spacing:1.4px;opacity:.75;margin-top:4px;font-size:9px;display:block}.sidebar nav{gap:8px;margin-top:30px;display:grid}.sidebar button{color:#fff;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.sidebar button:hover{background:#29445f}.sidebar-footer{text-align:center;margin-top:auto;font-family:Georgia,serif;font-size:20px}.sidebar-footer small{letter-spacing:1px;font:8px Inter}.main{width:calc(100% - 220px);margin-left:220px;padding:30px 34px}.topbar{justify-content:space-between;align-items:start;display:flex}.topbar h1,.wizard-head h1{margin:0;font-family:Georgia,serif;font-size:32px;font-weight:400}.topbar p,.wizard-head p{color:#6c7681}.user{font-size:14px}.hero{color:#fff;background:linear-gradient(90deg,#0b263eeb,#0b263e38),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80) 50%/cover;border-radius:10px;justify-content:space-between;align-items:center;min-height:150px;margin-top:18px;padding:28px;display:flex}.hero h2{margin:0 0 8px;font:32px Georgia,serif}.hero button,.primary{color:#fff;background:#10283f;border:0;border-radius:6px;padding:14px 22px;font-weight:700}section h2{font:400 26px Georgia,serif}.cards{gap:16px;display:grid}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}.card,.template-preview{text-align:left;color:#14243a;background:#fff;border:1px solid #dfe4e8;border-radius:8px;padding:14px}.card{min-height:150px}.card strong,.card span{display:block}.card span,.template-preview small{color:#6e7781;margin-top:6px}.thumb{background:#edf0f2;border-radius:6px;place-items:center;height:88px;margin-bottom:12px;font-family:Georgia,serif;font-size:20px;display:grid}.project{background:#fff;border:1px solid #dfe4e8;border-radius:8px;display:flex;overflow:hidden}.project img{object-fit:cover;width:42%}.project>div{flex:1;gap:6px;padding:14px;display:grid;position:relative}.status{background:#eceff2;border-radius:5px;padding:4px 7px;font-size:11px;position:absolute;top:10px;right:10px}.status.needs-approval{background:#fff1b8}.status.approved{background:#dff3df}.wizard-head{padding:10px 0 20px}.wizard-head button{background:0 0;border:0;align-items:center;gap:8px;margin-bottom:20px;display:flex}.wizard-body{max-width:1100px}.property-list{gap:14px;display:grid}.property-row{text-align:left;background:#fff;border:1px solid #dde3e7;border-radius:8px;align-items:center;gap:18px;padding:12px;display:flex}.property-row img{object-fit:cover;border-radius:6px;width:170px;height:95px}.property-row div{flex:1;gap:5px;display:grid}.property-row span{color:#68737d}.selection-summary{background:#fff;border:1px solid #dde3e7;border-radius:8px;align-items:center;gap:16px;margin-bottom:22px;padding:12px;display:flex}.selection-summary img{object-fit:cover;border-radius:5px;width:120px;height:74px}.selection-summary div{gap:4px;display:grid}.active{outline:2px solid #234d74}.disabled,.muted{opacity:.45}.template-preview{gap:8px;display:grid}.mini-postcard,.blank{background-position:50%;background-size:cover;border-radius:5px;height:180px}.mini-postcard{color:#fff;padding:22px;font:28px Georgia,serif}.blank{background:#eceff1}.editor-main{width:100%}.editor-shell{background:#eef1f3;min-height:100vh}.editor-top{background:#fff;border-bottom:1px solid #dfe4e8;align-items:center;gap:14px;height:66px;padding:0 18px;display:flex}.editor-top>button{background:0 0;border:0}.editor-top>div:nth-child(2){display:grid}.editor-top small{color:#79828a}.editor-actions{gap:8px;margin-left:auto;display:flex}.editor-actions button{background:#fff;border:1px solid #d8dee3;border-radius:5px;align-items:center;gap:6px;padding:8px 10px;display:flex}.editor-actions .primary{color:#fff;background:#10283f}.editor-body{grid-template-columns:90px 170px 1fr 270px;height:calc(100vh - 66px);display:grid}.toolrail,.pages,.inspector{background:#fff;border-right:1px solid #dfe4e8;padding:14px}.toolrail{align-content:start;gap:10px;display:grid}.toolrail button{background:0 0;border:0;padding:12px 4px}.pages h3,.inspector h3{margin-top:0}.page{margin-bottom:18px;font-size:12px}.page img,.back-mini{object-fit:cover;border:1px solid #cad1d6;width:100%;height:72px}.back-mini{background:#f5f2ec}.page span{margin-top:5px;display:block}.canvas-area{flex-direction:column;align-items:center;padding:38px;display:flex;overflow:auto}.measure{color:#1670bf;margin-bottom:6px;font-size:12px}.postcard{aspect-ratio:8.75/5.75;background:#fff;width:min(820px,100%);position:relative;overflow:hidden;box-shadow:0 2px 12px #00000014}.postcard>img{object-fit:cover;width:100%;height:100%}.overlay{color:#122840;position:absolute;inset:0}.headline{font:48px Georgia,serif;position:absolute;top:7%;left:7%}.address{letter-spacing:1.5px;font-size:13px;font-weight:700;position:absolute;top:21%;left:10%}.city{letter-spacing:1.4px;font-size:10px;position:absolute;top:25%;left:10%}.tagline{text-align:right;font:italic 29px Georgia,serif;position:absolute;top:10%;right:8%}.facts{text-align:center;background:#fff;padding:13px;font-size:10px;font-weight:700;position:absolute;inset:auto 0 0}.trim{pointer-events:none;border:1px dashed #e14c4c;position:absolute;inset:2.2%}.safe{pointer-events:none;border:1px dashed #ffffffa6;position:absolute;inset:5%}.canvas-footer{background:#fff;border-radius:6px;margin-top:18px;padding:8px 14px;font-size:13px}.inspector{border-left:1px solid #dfe4e8;border-right:0}.inspector label{gap:6px;margin-bottom:14px;font-size:12px;display:grid}.inspector input,.inspector select{border:1px solid #d6dde2;border-radius:4px;width:100%;padding:9px}.info{border-top:1px solid #e1e6e9;margin-top:18px;padding-top:14px}.info p{margin:6px 0}.info small{color:#77818a}@media (width<=1000px){.sidebar{width:180px}.main{width:calc(100% - 180px);margin-left:180px}.cards.three{grid-template-columns:1fr}.editor-body{grid-template-columns:70px 130px 1fr}.inspector{display:none}}