:root{--primary:#70112f;--ink:#172033;--muted:#667085;--surface:#f5f7fb}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.btn-primary{--bs-btn-bg:var(--primary);--bs-btn-border-color:var(--primary);--bs-btn-hover-bg:#561027;--bs-btn-hover-border-color:#561027}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#8a1538,#4d1027);color:#fff;font-weight:800}.auth-bg{background:radial-gradient(circle at 20% 20%,#ead5dd,transparent 35%),#f6f3f5}.login-card{width:min(440px,94vw);border-radius:20px}.eyebrow{font-size:.74rem;letter-spacing:.14em;font-weight:800;color:var(--primary)}.project-card,.template-card,.template-mini{border:1px solid #e6e9ef;border-radius:16px;background:#fff;overflow:hidden;transition:.2s}.project-card:hover,.template-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #17203314}.template-art{height:190px;padding:18px;background:linear-gradient(135deg,#70112f,#c65b7c);color:#fff}.template-art:after{content:"";display:block;width:72%;height:110px;margin:16px auto;background:#fff;border-radius:8px;box-shadow:0 8px 20px #0002}.art-2{background:linear-gradient(135deg,#164e63,#22a3bb)}.art-3{background:linear-gradient(135deg,#41295a,#e05b79)}.template-art span{font-size:.65rem;letter-spacing:.12em}.empty-state{padding:50px;text-align:center;background:#fff;border:1px dashed #cdd3dd;border-radius:16px;color:var(--muted)}.editor-shell{height:calc(100vh - 65px);display:grid;grid-template-columns:420px 1fr}.editor-panel{background:#fff;overflow:auto;border-right:1px solid #e1e5ec}.preview-panel{display:flex;flex-direction:column;min-width:0}.preview-toolbar{height:60px;padding:12px 24px;background:#fff;border-bottom:1px solid #e1e5ec;display:flex;align-items:center;justify-content:space-between}.preview-stage{flex:1;padding:30px;overflow:auto;display:flex;justify-content:center;background:#e9edf3}#email-preview{width:100%;max-width:760px;height:100%;border:0;background:#fff;box-shadow:0 8px 30px #17203320;transition:width .25s}#email-preview.mobile{width:390px}.mobile-tabs{display:none}.form-label{font-weight:600;font-size:.88rem}.form-control,.form-select{border-color:#d7dce4;border-radius:9px;padding:.65rem .8rem}@media(max-width:800px){.editor-shell{display:block;height:auto}.editor-panel{border:0}.preview-panel{display:none;height:calc(100vh - 125px)}.editor-shell.preview-mode .editor-panel form,.editor-shell.preview-mode .editor-panel>div:first-child{display:none}.editor-shell.preview-mode .preview-panel{display:flex}.mobile-tabs{display:flex;background:#fff;padding:10px;position:sticky;top:65px;z-index:4}.mobile-tabs button{flex:1;border:0;padding:10px;background:#eef0f4;border-radius:8px}.mobile-tabs button.active{background:var(--primary);color:#fff}.preview-stage{padding:10px}#email-preview{min-height:680px}}