@font-face{font-family:Kontakt;src:url('../assets/fonts/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Kontakt;src:url('../assets/fonts/Manrope-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#202321;--muted:#7b807c;--line:#e6e8e3;--lime:#e2ff54;--paper:#fff;--bg:#f6f7f4;--soft:#edf0e9;--green:#487547;--rail:72px}*{box-sizing:border-box}body{margin:0;font:13px/1.5 Kontakt,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button{border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #939ef6;outline-offset:3px}button,input,textarea,select{border-radius:7px}input,textarea,select{background:#fff;border:1px solid #dde1d9;padding:9px 10px;max-width:100%}input:focus,textarea:focus,select:focus{border-color:#788c42}textarea{resize:vertical;min-height:72px}input[type=color]{padding:3px;width:40px;height:34px}input[type=checkbox]{accent-color:#657c20}input[type=number]{min-width:0;width:100%}button:hover{filter:brightness(.98)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-80px;left:90px;background:var(--lime);padding:12px;z-index:99}.skip:focus{top:10px}svg.icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}i[data-icon]{display:inline-flex;align-items:center}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);background:#202620;color:#a7b0a6;display:flex;align-items:center;flex-direction:column;padding:17px 0;gap:12px;z-index:30}.rail-logo{font-size:35px;letter-spacing:-4px;font-weight:700;color:#fff;line-height:1;margin-bottom:37px;padding-right:4px}.rail-logo span{color:var(--lime)}.rail-button{display:grid;place-items:center;width:42px;height:42px;color:#bdc5ba;border-radius:10px}.rail-button.active{background:var(--lime);color:#253018}.rail-button:hover{background:#364034;color:#fff}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:22px}.avatar{border:1px solid #596052;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;color:#e3e8dc;font-size:10px}.app{margin-left:var(--rail)}.topbar{height:65px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:15px}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:12px}.breadcrumb>span:not(.beta),.breadcrumb>button{color:var(--muted)}.breadcrumb>button{padding:5px 0}.beta{font-size:9px;letter-spacing:1px;background:#f1f3ed;padding:3px 7px;border-radius:4px;color:#68715c;margin-left:5px}.top-actions{display:flex;align-items:center;gap:23px}.save-state{color:#7b8275;font-size:11px;display:flex;gap:7px;align-items:center}.status-dot{width:5px;height:5px;border-radius:50%;background:#779767}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 15px;border:1px solid #dfe3da;background:#fff;font-weight:700;font-size:12px;min-height:40px;border-radius:8px;transition:background .15s,box-shadow .15s}.button:hover{box-shadow:0 2px 6px #182d1510}.button.primary{background:var(--lime);border-color:#d2ed50}.button.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button.quiet{border-color:transparent;font-weight:400;font-size:11px;padding:6px;min-height:30px}.button.danger{color:#aa3a33;background:#fff5f3;border-color:#efd9d6}.icon-button{width:31px;height:31px;display:inline-grid;place-items:center;color:#737c6c;border-radius:6px}.icon-button:hover{background:#edf0e8}.icon-button.active{background:#edf2e1;color:#67762e}.text-button{color:#59674b;font-size:11px;padding:4px 0;text-align:left;text-decoration:underline;text-decoration-color:#ccd2c1;text-underline-offset:4px}.campaign-heading{padding:30px 32px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8a9083;font-weight:700}.title-row{display:flex;align-items:center;gap:13px;margin-top:7px}.title-row h1{font-size:27px;line-height:1.25;letter-spacing:-1px}.title-row h1 button{padding:0;text-align:left;letter-spacing:inherit;font-weight:700}.title-row h1 button:hover{text-decoration:underline;text-decoration-color:#c5cbbd;text-underline-offset:7px}.draft-pill{font-size:10px;border:1px solid #e4e7df;padding:3px 9px;color:#7a8272;border-radius:20px;white-space:nowrap}.campaign-heading p{margin-top:9px;color:#89907f;font-size:12px}.campaign-heading>.button{padding-inline:17px;gap:13px}.steps{display:flex;align-items:center;padding:0 32px;background:white;border-bottom:1px solid var(--line);gap:30px;height:53px}.steps>button{position:relative;height:100%;padding:0 0 16px;display:flex;gap:9px;align-items:center;padding-top:13px;color:#8c9286;font-size:12px;border-radius:0}.steps>button.active{color:var(--ink);font-weight:700}.steps>button.active:after{content:'';position:absolute;bottom:-1px;height:3px;background:#91a941;left:0;right:0}.steps>button>span{font-size:9px;color:#a3ab9a}.steps>button.active>span{color:#738c32}.steps>button>b{font-size:9px;background:#edf1e8;padding:0 5px;border-radius:4px;font-weight:400}.steps-note{margin-left:auto;font-size:10px;display:flex;gap:6px;align-items:center;color:#969d8e}.steps-note svg{width:12px;height:12px}.editor-layout{display:grid;grid-template-columns:228px minmax(320px,1fr) 260px;min-height:670px}.left-panel,.right-panel{background:#fff}.left-panel{border-right:1px solid var(--line)}.right-panel{border-left:1px solid var(--line)}.panel-section{padding:20px 18px;border-bottom:1px solid var(--line)}.section-label{font-size:9px;letter-spacing:1.2px;color:#7d8773;font-weight:700;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-label>span{font-size:9px;letter-spacing:0;color:#98a08e}.panel-section select{width:100%;font-size:11px;padding:8px;margin-bottom:14px}.page-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1px 0 15px}.page-card{padding:0;text-align:left;min-width:0}.thumb{padding:4px;border:1px solid #e1e5db;background:#f8f9f6;border-radius:6px;aspect-ratio:1.36;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb canvas{width:100%;max-height:100%;object-fit:contain;box-shadow:0 1px 4px #1f351822}.page-card.active .thumb{border-color:#97ad49;box-shadow:0 0 0 2px #e1ecbd}.page-card>span{display:flex;justify-content:space-between;font-size:9px;padding-top:8px;color:#7a8272}.page-card.active>span{font-weight:700;color:#39412f}.page-card b{font-weight:400;color:#a1a895;font-size:8px}.upload-zone{width:100%;display:flex;flex-direction:column;align-items:center;border:1px dashed #c9d1bd;background:#fafbf7;padding:15px 4px;border-radius:8px;gap:6px;transition:background .15s}.upload-zone:hover,.upload-zone.dragover{background:#f0f5e2;border-color:#8fa547}.upload-zone svg{width:21px;height:21px;color:#778564}.upload-zone strong{font-size:10px;font-weight:700}.upload-zone span{font-size:8px;color:#8c9681}.background-info{font-size:9px;color:#89917f;margin-top:11px;word-break:break-word}.panel-section>.text-button{font-size:9px;margin-top:3px}.panel-copy{font-size:10px;line-height:1.7;color:#919887;margin:-2px 0 14px}.field-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field-buttons button{display:flex;gap:7px;align-items:center;padding:10px 7px;border:1px solid #e5e9df;font-size:9px;text-align:left}.field-buttons svg{width:14px;height:14px;color:#6f7e5d}.field-buttons button:hover{background:#f3f7eb;border-color:#c4d39f}.layer-section{border:0;padding-bottom:5px}.layer{display:flex;width:100%;gap:8px;align-items:center;padding:9px 8px;font-size:10px;border-radius:6px;margin:3px 0;color:#7a8370;text-align:left}.layer svg{width:14px;height:14px}.layer.active{background:#f0f5e5;color:#465732}.layer .layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}.layer .layer-kind{margin-left:auto;font-size:8px;color:#a3ad94}.small-tip{padding:18px;display:flex;gap:8px;font-size:9px;line-height:1.7;color:#99a18f}.small-tip svg{width:14px;height:14px}.workspace{min-width:0;background:#f1f3ee;display:flex;flex-direction:column}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e2e6da;gap:10px;min-height:61px}.side-title{display:flex;gap:9px;align-items:center}.side-title strong{font-size:11px}.side-title span{font-size:9px;color:#939b88}.canvas-actions{display:flex;gap:3px;align-items:center}.canvas-actions select{font-size:10px;padding:5px 4px;background:transparent;border-color:transparent;max-width:90px}.toolbar-divider{height:16px;width:1px;background:#d7ddcf;margin-inline:7px}.canvas-scroll{padding:56px 36px 25px;overflow:auto;flex:1;min-height:430px;background-image:radial-gradient(#b9c3ab40 .65px,transparent .65px);background-size:12px 12px;display:flex;align-items:center}.artboard-wrap{width:100%;max-width:840px;margin:auto;position:relative;flex-shrink:0}.dimension-top{position:absolute;left:0;right:0;top:-26px;text-align:center;font-size:9px;color:#97a087;display:flex;align-items:center;gap:10px}.dimension-top:before,.dimension-top:after{content:'';height:1px;background:#cfd6c4;flex:1}.artboard{width:100%;aspect-ratio:210/148;position:relative;background:white;box-shadow:0 12px 30px #24361417,0 1px 5px #24361412}.artboard>canvas{width:100%;height:100%;display:block}.safe-guide{position:absolute;border:1px dashed #cbdfff70;inset:3.38% 2.38%;pointer-events:none;z-index:2}.safe-guide:after{content:'';position:absolute;inset:-1px;border:1px dashed #141e331c}.field-overlay{position:absolute;border:1px dashed #98b45790;cursor:move;touch-action:none;z-index:3;outline:none}.field-overlay:hover{background:#b9dc6819;border-color:#ddfc89}.field-overlay.selected{border:1.5px solid #dfff6b;box-shadow:0 0 0 1px #4c643e90;background:#d0e99a12}.field-overlay .handle{position:absolute;width:9px;height:9px;background:#fff;border:1px solid #6f8449;right:-5px;bottom:-5px;cursor:nwse-resize;display:none;border-radius:1px}.field-overlay.selected .handle{display:block}.field-tag{position:absolute;left:-1px;bottom:calc(100% + 5px);font-size:8px;background:#e2ff54;color:#324221;padding:3px 6px;white-space:nowrap;border-radius:3px;display:none;box-shadow:0 1px 3px #14231118}.field-overlay.selected .field-tag{display:block}.artboard-caption{display:flex;justify-content:space-between;color:#9aa48d;font-size:8px;gap:10px;padding-top:17px}.artboard-caption>span:first-child{display:flex;align-items:center;gap:6px}.guide-swatch{width:10px;height:8px;border:1px dashed #9aa78a;display:inline-block}.recipient-switcher{margin:0 22px 13px;padding:12px 14px;background:#fff;border:1px solid #e1e6d8;border-radius:9px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #24361403;gap:10px}.preview-person{display:flex;gap:12px;align-items:center;min-width:0}.person-dot{width:32px;height:32px;background:#f1f5e8;border-radius:50%;display:grid;place-items:center;color:#74885c;flex-shrink:0}.person-dot svg{width:15px;height:15px}.preview-person>div:last-child{display:flex;flex-direction:column;min-width:0}.preview-person span{font-size:7px;letter-spacing:1.1px;color:#9aa48d;font-weight:700}.preview-person select{font-weight:700;font-size:11px;padding:2px 22px 2px 0;border:0;max-width:250px;background:transparent}.recipient-arrows{display:flex;gap:3px;align-items:center;white-space:nowrap}.recipient-arrows>span{font-size:9px;color:#9aa48d;margin-right:8px}.workspace-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#a3ab98;padding:0 15px 20px}.workspace-note svg{width:12px;height:12px}.inspector-heading{padding:20px 18px 17px;border-bottom:1px solid var(--line)}.inspector-heading .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:8px}.inspector-heading h3{font-size:14px;display:flex;gap:9px;align-items:center}.inspector-heading h3 svg{width:16px;height:16px;color:#8a9a76}.inspector-heading p{font-size:10px;color:#96a087;margin-top:7px;line-height:1.65}.inspector-group{padding:19px 18px;border-bottom:1px solid var(--line)}.inspector-group label{font-size:10px;display:block;color:#7e8b6e;margin-bottom:7px}.inspector-group select,.inspector-group textarea{width:100%;font-size:11px}.inspector-group textarea{margin-top:8px;font-size:11px;line-height:1.7}.inspector-group .field-label{font-size:9px;color:#91a17c;margin-top:12px}.resolved-value{background:#f5f8ee;border:1px solid #e4ecd7;border-radius:6px;padding:9px;font-size:10px;color:#668048;overflow-wrap:anywhere;margin-top:5px;min-height:31px}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.coordinate-grid label{font-size:9px;margin-bottom:5px}.unit-input{position:relative}.unit-input input{font-size:11px;padding:8px 30px 8px 9px}.unit-input span{position:absolute;right:9px;top:10px;font-size:9px;color:#a0aa94;pointer-events:none}.style-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.style-row:first-child{margin-top:0}.style-row label{margin:0}.style-row select{width:96px;padding:7px}.style-row .font-size{width:66px;padding:6px}.color-field{display:flex;gap:6px;align-items:center;font-size:10px;color:#8e997f}.checkbox-label{display:flex!important;gap:7px;align-items:center;font-size:9px!important;margin:13px 0 0!important}.inspector-actions{display:flex;gap:8px;padding:16px 18px}.inspector-actions .button{font-size:10px;min-height:33px;padding:7px 10px;flex:1}.inspector-actions svg{width:13px;height:13px}.inspector-help{margin:0 18px;padding:12px;background:#f7f9f1;border-radius:7px;color:#99a58a;font-size:9px;line-height:1.7}.inspector-empty{padding:32px 23px;text-align:center;color:#96a18a}.inspector-empty>svg{width:32px;height:32px;margin-bottom:15px}.inspector-empty h3{color:#566346;font-size:14px;margin-bottom:8px}.inspector-empty p{font-size:11px;line-height:1.8}.app-footer{padding:18px 32px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:#a4ac9a;font-size:9px;background:#fff}.app-footer b{color:#6e7b61;font-size:11px;letter-spacing:-.5px;margin-right:8px}.data-view,.preview-view{padding:32px;min-height:620px}.view-heading{margin-bottom:30px}.view-heading h2,.preview-heading h2{font-size:26px;letter-spacing:-.8px;margin-top:9px}.view-heading p,.preview-heading p{font-size:12px;color:#87917c;margin-top:8px}.data-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.data-toolbar>div{display:flex;align-items:center;gap:9px}.data-toolbar strong{font-size:13px}.sample-label{font-size:9px;padding:4px 8px;background:#e9eede;color:#7c8a67;border-radius:5px}.sample-notice{display:flex;align-items:center;gap:10px;background:#f0f3e9;padding:13px 15px;border:1px solid #e0e6d6;border-radius:8px;font-size:11px;color:#7b876c;margin-bottom:18px}.table-scroll{overflow:auto;border:1px solid #e0e5d8;border-radius:10px;background:#fff}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{background:#f9faf7;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8e997e;padding:15px;font-weight:700;white-space:nowrap}td{padding:10px 7px;border-top:1px solid #edf0e7;min-width:155px}td:first-child{padding-left:12px;min-width:210px}td:last-child{min-width:45px}td input{width:100%;min-width:140px;border:1px solid transparent;padding:9px 7px;font-size:11px;background:transparent}td input:hover{border-color:#e7ebdf}td input:focus{background:#f9fbf4;border-color:#bbcba1}td input[aria-invalid=true]{border-color:#dca59c;background:#fff7f5}.data-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#9aa48e;font-size:10px;margin-top:15px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.preview-heading select{max-width:260px;min-width:200px;font-size:12px}.proof-spread{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:#e9ede3;padding:24px 26px 30px;border-radius:12px}.proof-label{display:flex;justify-content:space-between;color:#929f83;font-size:9px;letter-spacing:1px;margin-bottom:12px}.proof-label>span:last-child{letter-spacing:0}.proof-spread canvas{width:100%;height:auto;box-shadow:0 7px 22px #26381718;display:block;background:#fff}.proof-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;margin-top:26px}.check-card,.export-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:11px}.check-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.check-heading>svg{color:#819c4f}.check-heading h3{font-size:14px}.check-heading>span{margin-left:auto;font-size:10px;color:#9eaa8f}.check-item{display:flex;align-items:flex-start;gap:10px;font-size:11px;padding:10px 0;border-top:1px solid #f0f2eb;color:#82906f}.check-item svg{width:14px;height:14px;margin-top:1px}.check-item.warning{color:#9b813f}.check-item.error{color:#ad5346}.check-item.info{color:#8b9580}.export-card h3{font-size:18px;margin-top:9px;letter-spacing:-.4px}.export-card p{font-size:11px;line-height:1.8;color:#909d7e;margin:10px 0 18px}.export-card .button{margin-right:5px;margin-bottom:8px}.export-card p.export-note{font-size:9px;margin-bottom:0;color:#a3ad95}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#273121;color:#fff;border:1px solid #46543a;padding:12px 21px;border-radius:9px;z-index:100;box-shadow:0 8px 35px #1d2e2330;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#863e32;border-color:#ba776a}dialog{border:1px solid #e3e7db;border-radius:17px;max-width:min(650px,92vw);width:100%;padding:0;color:var(--ink);box-shadow:0 30px 100px #20302133}dialog::backdrop{background:#1c281b66;backdrop-filter:blur(5px)}.modal-heading{padding:25px 26px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:20px;letter-spacing:-.6px}.modal-body{padding:24px 26px;max-height:65vh;overflow:auto}.modal-body p{color:#819074;font-size:12px;line-height:1.8}.modal-body input:not([type=radio]){width:100%;margin-top:13px}.modal-footer{padding:17px 26px;background:#f8faf4;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.campaign-list{display:flex;flex-direction:column;gap:10px;margin-top:19px}.campaign-item{border:1px solid var(--line);padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:9px}.campaign-item>button:first-child{text-align:left;flex:1}.campaign-item strong{font-size:12px;display:block}.campaign-item small{display:block;font-size:10px;color:#929f81;margin-top:5px}.help-step{display:flex;gap:16px;margin-bottom:22px}.help-step>b{width:30px;height:30px;background:var(--lime);display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:12px}.help-step h3{font-size:13px;margin-bottom:5px}.help-step p{font-size:11px}.busy{position:fixed;inset:0;background:#f9fcf2e6;backdrop-filter:blur(4px);z-index:110;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;font-size:13px;color:#6b7e51}.spinner{width:30px;height:30px;border:3px solid #d9e3c9;border-top-color:#749731;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop-target{outline:3px dashed #9ab550;outline-offset:-8px}.modal-choice{display:flex;align-items:center;gap:9px;padding:11px 0;font-size:12px;color:#5b6a4b}
@media(min-width:1600px){.editor-layout{grid-template-columns:250px minmax(400px,1fr) 290px}.canvas-scroll{padding:60px 55px 35px;min-height:520px}.panel-section{padding:23px}.right-panel .inspector-group{padding:21px 23px}.campaign-heading{padding-block:36px}.title-row h1{font-size:30px}.field-buttons button{font-size:10px}.page-card>span{font-size:10px}.upload-zone strong{font-size:11px}}
@media(max-width:1150px){.editor-layout{grid-template-columns:195px minmax(300px,1fr) 220px}.panel-section{padding:16px 13px}.canvas-scroll{padding:42px 23px 22px;min-height:355px}.topbar,.campaign-heading{padding-inline:24px}.title-row h1{font-size:23px}.steps{padding-inline:24px;gap:22px}.steps-note{display:none}.inspector-group{padding:16px 13px}.inspector-heading{padding:16px 13px}.side-title>span{display:none}.field-buttons button{font-size:8px;gap:5px}.field-buttons svg{width:12px}.save-state{display:none}.recipient-switcher{margin-inline:13px;padding-inline:10px}.preview-person{gap:7px}.preview-person select{max-width:170px}.recipient-arrows>span{display:none}.canvas-toolbar{padding-inline:13px}.workspace-note{font-size:8px}.data-view,.preview-view{padding:25px}.data-toolbar{flex-wrap:wrap}.data-toolbar>.button{font-size:10px}.proof-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:900px){:root{--rail:58px}.topbar{padding-inline:18px}.breadcrumb{gap:9px}.beta{display:none}.campaign-heading{padding:23px 18px}.title-row{gap:8px;flex-wrap:wrap}.title-row h1{font-size:21px}.campaign-heading>.button{font-size:10px;padding:9px;gap:7px}.campaign-heading .eyebrow{font-size:7px}.editor-layout{grid-template-columns:190px minmax(300px,1fr)}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}#inspector{display:grid;grid-template-columns:1fr 1fr 1fr}.inspector-heading{grid-column:1/-1;display:none}.inspector-group{border-right:1px solid var(--line)}.inspector-actions{align-self:start}.inspector-help{margin-top:15px}.inspector-empty{grid-column:1/-1;padding:24px}.steps{padding-inline:18px;gap:20px}.steps>button{font-size:11px}.canvas-scroll{min-height:370px}.app-footer{padding:17px;flex-wrap:wrap}.proof-spread{padding:17px;gap:16px}.preview-heading h2,.view-heading h2{font-size:23px}.preview-heading{align-items:flex-start}.preview-heading select{min-width:150px;max-width:190px;font-size:10px}.proof-bottom{grid-template-columns:1fr}.data-toolbar .button{font-size:10px;padding:8px}.table-scroll{max-width:100%}}
@media(max-width:620px){:root{--rail:0px}.rail{display:none}.topbar{height:53px;padding-inline:15px}.breadcrumb{font-size:10px}.top-actions{gap:0}.top-actions .button{font-size:10px}.campaign-heading{display:block;padding:22px 16px}.campaign-heading>.button{margin-top:17px;width:100%;font-size:12px}.title-row h1{font-size:23px}.campaign-heading p{font-size:11px}.steps{padding-inline:16px;gap:18px;justify-content:space-between}.steps>button{font-size:10px;gap:5px;white-space:nowrap}.steps>button>span{font-size:8px}.steps>button>b{display:none}.editor-layout{display:flex;flex-direction:column}.left-panel{border:0;display:grid;grid-template-columns:1fr 1fr;align-items:start}.left-panel>.panel-section:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;padding:16px}.left-panel>.panel-section:first-child>.section-label{grid-column:1/-1;margin:0}.left-panel>.panel-section:first-child>select{grid-column:1/-1;margin:0}.page-cards{margin:0;max-width:220px;width:100%}.upload-zone{height:100%;min-height:90px}.upload-zone span{font-size:7px}.background-info{margin:0;font-size:8px}.left-panel>.panel-section:nth-child(2){border:0;padding:14px 16px}.panel-copy{display:none}.field-buttons button{font-size:9px}.layer-section{padding:14px 16px;border:0}.small-tip{display:none}.section-label{font-size:8px;letter-spacing:.7px}.layer{padding:7px 5px;font-size:9px}.workspace{min-height:440px}.canvas-scroll{padding:44px 27px 25px;min-height:300px}.canvas-toolbar{padding:10px 16px}.side-title>span{display:block;font-size:8px}.recipient-switcher{margin-inline:16px}.preview-person select{max-width:240px}.workspace-note{padding-bottom:15px}#inspector{grid-template-columns:1fr 1fr}.inspector-group:first-of-type{grid-column:1/-1}.inspector-heading{display:block}.inspector-help{margin:10px 15px 18px}.inspector-actions{padding:16px}.data-view,.preview-view{padding:24px 16px}.data-toolbar>div{flex-wrap:wrap}.data-toolbar .button{font-size:9px;padding:8px}.data-toolbar .button svg{width:14px}.view-heading h2,.preview-heading h2{font-size:23px}.preview-heading{display:block}.preview-heading select{margin-top:18px;width:100%;max-width:none;font-size:12px}.proof-spread{grid-template-columns:1fr;padding:17px;gap:23px}.proof-bottom{gap:17px;margin-top:17px}.check-card,.export-card{padding:20px}.data-bottom{align-items:flex-start;flex-direction:column}.app-footer{font-size:8px;gap:6px}.app-footer>span:last-child{display:none}.modal-heading,.modal-body{padding:20px}.modal-footer{padding:14px 20px;flex-wrap:wrap}.modal-footer .button{font-size:11px}.toast{font-size:11px;width:calc(100% - 32px)}.field-tag{font-size:7px}.artboard-caption{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}.spinner{animation-duration:2s}}
@media(min-width:901px){.editor-layout{height:calc(100dvh - 294px);min-height:650px}.left-panel,.right-panel{overflow:auto;scrollbar-width:thin;scrollbar-color:#d4dcc9 transparent}.canvas-scroll{min-height:0}.workspace{min-height:0}.right-panel .inspector-group{padding-top:15px;padding-bottom:15px}.right-panel .inspector-heading{padding-top:17px;padding-bottom:14px}.right-panel .style-row{margin-top:10px}.right-panel .inspector-help{margin-bottom:18px}}
/* Keep functional labels readable against the quiet workspace. */
.panel-copy,.background-info,.small-tip,.inspector-heading p,.inspector-help,.view-heading p,.preview-heading p,.export-card p{color:#6f7d63}
.section-label,.inspector-group label,.side-title span,.page-card>span,.workspace-note,.data-bottom{color:#727e67}
@media(max-width:620px){.inspector-group:has(.coordinate-grid){grid-column:1/-1}.inspector-actions,.inspector-help{grid-column:1/-1}.coordinate-grid{gap:14px 18px}.inspector-help{margin-top:0}.inspector-group .unit-input input{padding-right:30px}.inspector-group input[type=number]{min-height:38px}}
/* Guided campaign creation */
.new-campaign-visible{white-space:nowrap}.guide-return{padding:11px 32px;background:#eef5db;border-bottom:1px solid #dce7c8;color:#72855b;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:15px}.guide-return>span{display:flex;align-items:center;gap:8px}.guide-return svg{width:15px;height:15px}.guide-return b{font-weight:400;color:#526737}.guide-return button{color:#4b632f;font-weight:700;white-space:nowrap;font-size:11px}.page-color-control{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#6c7b5e}.setup-shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1220px;margin:auto;min-height:720px}.setup-rail{padding:38px 28px;background:#eff2e9;border-right:1px solid #e2e7d9}.setup-rail h2{font-size:26px;line-height:1.18;letter-spacing:-1px;margin-top:15px}.setup-rail>p{font-size:11px;line-height:1.8;color:#80916e;margin-top:14px}.setup-rail nav{display:flex;flex-direction:column;gap:6px;margin-top:32px}.setup-rail nav button{display:flex;gap:12px;align-items:center;text-align:left;padding:13px 10px;color:#8b987b}.setup-rail nav button.active{background:#fff;box-shadow:0 3px 12px #26381907;color:#26351c}.setup-rail nav button>span{width:29px;height:29px;border:1px solid #d6dfc9;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:9px}.setup-rail nav button.active>span{background:var(--lime);border-color:var(--lime)}.setup-rail nav button.complete:not(.active)>span{background:#dfeacb;color:#5d763a;border-color:transparent}.setup-rail nav svg{width:14px;height:14px}.setup-rail nav strong{font-size:11px;display:block}.setup-rail nav small{font-size:9px;margin-top:3px;display:block;font-weight:400;color:#96a388}.setup-rail-note{display:flex;gap:10px;font-size:9px;line-height:1.8;color:#89997a;margin-top:34px;padding:0 10px}.setup-rail-note svg{width:15px;height:15px}.setup-content{padding:36px 42px;background:#fff;min-width:0}.setup-progress{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:#849271;margin-bottom:35px;gap:15px}.setup-progress>div{display:flex;gap:5px}.setup-progress b{width:25px;height:3px;border-radius:3px;background:#e9eee1}.setup-progress b.filled{background:#a9c350}.guide-intro{margin-bottom:27px;max-width:600px}.guide-intro h2{font-size:30px;letter-spacing:-1px;line-height:1.15;margin:10px 0 15px}.guide-intro>p{font-size:12px;line-height:1.9;color:#738267;max-width:565px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brief-grid label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;color:#536447}.brief-grid label>span{font-size:8px;letter-spacing:.3px;color:#9ca88e;font-weight:400}.brief-grid input,.brief-grid textarea,.brief-grid select{width:100%;font-size:12px;padding:11px 12px;font-weight:400;background:#fdfefb;border-color:#dfe6d4}.brief-grid label>small{font-size:10px;line-height:1.7;font-weight:400;color:#8c9b7b}.brief-grid textarea{min-height:80px}.brief-wide{grid-column:1/-1}.guide-tip{display:flex;align-items:flex-start;gap:11px;padding:16px 18px;background:#f5f8ed;border-radius:8px;color:#79905d;margin-top:25px}.guide-tip>svg{width:16px;height:16px;margin-top:2px}.guide-tip p{font-size:10px;line-height:1.8;color:#7d8f68}.guide-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:36px;padding-top:23px;border-top:1px solid #e8ecdf}.guide-bottom>span{max-width:250px;text-align:center;font-size:9px;color:#99a58d}.format-explainer{display:grid;grid-template-columns:1fr 1.05fr;gap:37px;align-items:center;padding:30px 0}.format-model{position:relative;padding:20px 23px 20px 0}.format-model>div{aspect-ratio:210/148;background:var(--lime);border:1px solid #c5dc4c;box-shadow:4px 5px 0 #dce5be,0 14px 30px #3c521b12;display:flex;flex-direction:column;justify-content:space-between;padding:22px;transform:rotate(-6deg);border-radius:2px}.format-model b{font-size:56px;letter-spacing:-3px;line-height:1}.format-model>div>span{font-size:10px;color:#748536}.format-measure{position:absolute;top:0;left:0;right:25px;text-align:center;font-size:10px;color:#99a885}.format-model>small{position:absolute;right:-10px;top:48%;font-size:10px;color:#99a885;transform:rotate(90deg)}.selected-format{display:inline-flex;gap:6px;align-items:center;font-size:9px;color:#769146;background:#eef5df;padding:4px 9px;border-radius:30px}.selected-format svg{width:12px;height:12px}.format-explainer h3{font-size:19px;margin:13px 0 10px}.format-explainer p,.format-explainer ul{font-size:10px;line-height:1.9;color:#7c8e68}.format-explainer ul{padding-left:15px;margin-top:15px}.format-explainer li{margin-bottom:8px}.future-formats{padding-top:15px;margin-top:15px;border-top:1px solid #e5eada;color:#a1ac95;font-size:9px}.guide-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-design-card{min-width:0;border:1px solid #e1e7d7;border-radius:9px;padding:12px}.guide-design-thumb{aspect-ratio:210/148;background:#f2f5eb;position:relative;display:grid;place-items:center;padding:10px;border-radius:4px}.guide-design-thumb canvas{display:block;width:100%;box-shadow:0 3px 9px #18271312}.empty-design-label{position:absolute;inset:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8ba26b;background:#fcfef7;border:1px dashed #c9d7b3}.empty-design-label strong{font-size:13px;font-weight:400}.empty-design-label span{font-size:9px;color:#9caa8b}.guide-design-caption{padding:13px 0;display:flex;flex-direction:column;gap:6px}.guide-design-caption b{font-size:10px}.guide-design-caption>span{font-size:9px;color:#9ca98c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-design-actions{display:flex;flex-direction:column;gap:7px}.guide-design-actions .button{font-size:10px;min-height:34px;padding:7px}.guide-design-actions svg{width:14px;height:14px}.personalization-example{display:flex;align-items:center;gap:24px;background:#f3f7e9;border:1px solid #e5edda;padding:20px 24px;border-radius:9px;margin:27px 0}.personalization-example>div{flex:1}.personalization-example span{display:block;font-size:9px;color:#9bab86;margin-bottom:7px}.personalization-example strong,.personalization-example code{font-size:15px;color:#627a3e}.personalization-example>b{font-size:20px;color:#b6c4a3}.guide-side-select{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:11px;color:#748b5b}.guide-side-select select{font-size:11px;min-width:150px}.guide-field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-field-card{border:1px solid #e0e8d3;border-radius:9px;padding:19px 15px;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.guide-field-card:hover{border-color:#bacd8b;background:#fafdf4}.guide-field-card>svg{color:#829b59;width:21px;height:21px;margin-bottom:15px}.guide-field-card strong{font-size:11px}.guide-field-card p{font-size:10px;line-height:1.8;color:#889b71;margin:10px 0 20px}.guide-field-card>span{font-size:9px;color:#688442;font-weight:700;margin-top:auto}.guide-field-status{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:10px;color:#8c9d77;gap:12px}.guide-field-status .button{font-size:10px}.guide-optional{display:flex;gap:9px;align-items:center;font-size:10px;color:#8c9a7a;line-height:1.6}.guide-recipient-ready{display:flex;gap:14px;align-items:center;background:#eff6e3;padding:16px 18px;border:1px solid #dce9c6;border-radius:9px;margin-bottom:23px}.guide-recipient-ready>svg{color:#86a15b}.guide-recipient-ready strong{font-size:12px}.guide-recipient-ready p{font-size:10px;color:#8a9e70;margin-top:4px}.guide-recipient-ready>.button{margin-left:auto;font-size:10px}.guide-recipient-actions{display:flex;gap:10px;flex-wrap:wrap}.guide-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.guide-finish-art{position:relative;height:255px;perspective:1000px}.finish-card{position:absolute;width:83%;height:56%;border-radius:3px;box-shadow:0 13px 25px #273c1920}.back-card{background:#e5ecda;transform:rotate(10deg);left:15%;top:12%;display:grid;place-items:center;color:#a2b18b}.back-card svg{width:50px;height:50px}.front-card{background:var(--lime);left:0;top:28%;transform:rotate(-8deg);padding:20px}.front-card>span{font-size:8px;letter-spacing:.8px}.front-card>strong{display:block;font-size:23px;line-height:1.13;letter-spacing:-.6px;margin-top:15px}.front-card>b{position:absolute;bottom:15px;right:18px;font-size:26px}.guide-finish-grid h3{font-size:17px;margin:0 0 20px}.guide-summary{margin-bottom:20px}.guide-summary>div{display:flex;align-items:center;gap:8px;font-size:10px;padding:9px 0;border-bottom:1px solid #edf1e5;color:#869a6c}.guide-summary svg{width:13px;height:13px}.guide-summary b{font-size:8px;margin-left:auto;color:#a4b096;font-weight:400}.guide-finish-grid .button{width:100%;margin-top:7px;font-size:11px}
/* Two-sided 3D proof. The face canvases are never flattened into a mockup image. */
.preview-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.preview-mode-bar>span{font-size:10px;color:#8c9b78}.segmented{display:inline-flex;gap:3px;background:#e9eee1;border:1px solid #e0e7d6;border-radius:8px;padding:3px}.segmented button{padding:7px 13px;border-radius:5px;font-size:11px;color:#7c8d66}.segmented button.active{background:#fff;color:#364a24;box-shadow:0 1px 4px #1927110d;font-weight:700}.three-d-view{border:1px solid #e0e7d6;border-radius:12px;background:#e9ede2;overflow:hidden}.three-d-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 21px;position:relative;z-index:2;border-bottom:1px solid #dce4d1}.three-d-toolbar .segmented button{font-size:10px}.three-d-toolbar>span{font-size:10px;color:#8b9a76}.three-d-zoom{display:flex;align-items:center;gap:3px}.three-d-zoom>.button{font-size:10px;margin-left:8px}.mailing-3d-stage{height:440px;position:relative;perspective:1500px;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;outline-offset:-5px;background:radial-gradient(ellipse at 50% 30%,#f9fcf2,#e9eedf 65%);isolation:isolate}.mailing-3d-stage.dragging{cursor:grabbing}.mailing-3d-stage[data-mode=pan]{cursor:move}.three-d-ground{position:absolute;width:48%;height:45px;background:#40502a25;filter:blur(23px);border-radius:50%;bottom:34px;pointer-events:none}.mailing-3d-card{position:relative;width:min(62%,510px);aspect-ratio:210/148;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform;pointer-events:none}.mailing-3d-card.instant{transition:none}.mailing-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:1px;box-shadow:0 0 0 .6px #e6e8df;overflow:hidden}.mailing-face canvas{display:block;width:100%;height:100%}.mailing-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff08,transparent 45%,#20351309);mix-blend-mode:multiply}.mailing-front{transform:translateZ(1.2px)}.mailing-back{transform:rotateY(180deg) translateZ(1.2px)}.mailing-edge{position:absolute;top:0;width:2.4px;height:100%;background:linear-gradient(90deg,#fff,#b9bdae,#fff);backface-visibility:visible}.edge-left{left:-1.2px;transform:rotateY(-90deg)}.edge-right{right:-1.2px;transform:rotateY(90deg)}.three-d-watermark{position:absolute;bottom:17px;font-size:8px;letter-spacing:2px;color:#a4b092;pointer-events:none}.three-d-footer{background:#f1f5e9;border-top:1px solid #dce4d1;padding:16px 21px;text-align:center}.three-d-footer>div{display:flex;align-items:center;justify-content:center;gap:9px}.three-d-footer .button{font-size:10px;padding:8px 15px;min-height:35px}.three-d-footer p{font-size:9px;color:#8c9d75;margin-top:12px;line-height:1.7}
@media(min-width:901px){body:has(#guide-return:not([hidden])) .editor-layout{height:calc(100dvh - 334px)}}
@media(max-width:1100px){.setup-shell{grid-template-columns:210px minmax(0,1fr)}.setup-rail{padding:30px 18px}.setup-content{padding:28px}.setup-rail h2{font-size:23px}.guide-intro h2{font-size:27px}.guide-field-grid{gap:8px}.guide-field-card{padding:15px 11px}.setup-rail nav button{padding:12px 5px;gap:9px}.setup-rail nav strong{font-size:10px}}
@media(max-width:900px){.setup-shell{display:block}.setup-rail{padding:20px 24px;border-right:0;border-bottom:1px solid #dce5ce}.setup-rail>h2,.setup-rail>p,.setup-rail-note{display:none}.setup-rail nav{flex-direction:row;overflow:auto;margin-top:13px;gap:5px}.setup-rail nav button{flex-shrink:0;padding:7px 9px}.setup-rail nav small{display:none}.setup-rail nav button>span{width:23px;height:23px;font-size:8px}.setup-content{padding:30px}.guide-field-card p{font-size:10px}.guide-return{padding:11px 20px;font-size:10px}.guide-return b{display:none}.mailing-3d-stage{height:390px}.mailing-3d-card{width:70%}.three-d-toolbar{padding:13px}.three-d-toolbar>span{display:none}.steps{gap:16px}.steps>button{font-size:10px}.top-actions{gap:10px}.top-actions .button{font-size:10px}}
@media(max-width:620px){.topbar{gap:5px}.top-actions{gap:8px}.top-actions .button{gap:4px;font-size:9px}.top-actions .button svg{width:13px}.new-campaign-visible>span{max-width:66px;line-height:1.2;text-align:left}.breadcrumb{font-size:9px;gap:5px}.breadcrumb>strong{display:none}.breadcrumb>span{display:none}.steps{gap:12px;overflow:auto;justify-content:flex-start}.steps>button{flex-shrink:0}.steps>button>span{display:none}.steps>#setup-tab{font-size:10px}.guide-return{padding:10px 16px;font-size:9px}.guide-return>span{max-width:210px;gap:5px}.guide-return svg{width:12px}.guide-return button{font-size:9px}.setup-rail{padding:19px 16px}.setup-rail nav{margin-left:-4px;margin-right:-4px}.setup-rail nav button>div{max-width:88px}.setup-content{padding:26px 19px}.setup-progress{margin-bottom:27px}.setup-progress b{width:16px}.guide-intro h2{font-size:28px;letter-spacing:-1px}.guide-intro p{font-size:12px}.brief-grid{grid-template-columns:1fr;gap:17px}.brief-grid label{font-size:11px}.brief-grid input,.brief-grid textarea,.brief-grid select{font-size:14px}.guide-bottom{gap:10px;flex-wrap:wrap;margin-top:28px}.guide-bottom>span{order:3;width:100%;max-width:none;text-align:center}.guide-bottom .button{font-size:11px}.format-explainer{grid-template-columns:1fr;gap:22px;padding:5px 0}.format-model{width:75%;margin:0 auto}.format-model>div{padding:19px}.format-model b{font-size:60px}.guide-design-grid{grid-template-columns:1fr}.guide-design-card{padding:14px}.guide-design-actions{flex-direction:row}.guide-design-actions .button{flex:1;font-size:10px}.guide-field-grid{grid-template-columns:1fr;gap:9px}.guide-field-card{padding:17px;display:grid;grid-template-columns:24px 1fr;gap:5px 13px}.guide-field-card>svg{margin:0;grid-row:1/4;width:20px;height:20px}.guide-field-card p{margin:3px 0 7px;font-size:11px}.guide-field-card>span{grid-column:2;font-size:10px}.guide-field-card strong{font-size:12px}.personalization-example{gap:13px;padding:17px 14px}.personalization-example code,.personalization-example strong{font-size:12px}.guide-field-status{flex-wrap:wrap}.guide-recipient-ready{align-items:flex-start;flex-wrap:wrap}.guide-recipient-ready>.button{margin-left:30px}.guide-finish-grid{grid-template-columns:1fr;gap:10px}.guide-finish-art{height:230px;width:80%;margin:auto}.guide-summary>div{font-size:11px}.guide-finish-grid .button{font-size:12px}.preview-mode-bar>span{display:none}.preview-mode-bar .segmented{width:100%;display:flex}.preview-mode-bar .segmented button{flex:1}.three-d-toolbar{padding:10px;gap:6px}.three-d-toolbar .segmented button{padding:6px 8px;font-size:9px}.three-d-zoom>.button{font-size:8px;padding:4px;margin-left:2px}.three-d-zoom .icon-button{width:24px;height:28px}.mailing-3d-stage{height:300px;perspective:1000px}.mailing-3d-card{width:79%}.three-d-ground{bottom:42px;width:70%}.three-d-footer{padding:13px 9px}.three-d-footer>div{gap:5px}.three-d-footer .button{font-size:9px;padding:7px 10px}.three-d-footer p{font-size:8px;max-width:290px;margin:12px auto 0}}
@media(prefers-reduced-motion:reduce){.mailing-3d-card{transition:none}}

.empty-artboard{position:absolute;inset:12%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f8fbf1f5;border:1px dashed #cad8b5;border-radius:8px;padding:20px;color:#556c3d;cursor:default}.empty-artboard>span{font-size:8px;letter-spacing:1.5px;color:#91a478}.empty-artboard>strong{font-size:21px;letter-spacing:-.6px;margin:10px 0}.empty-artboard>p{font-size:11px;line-height:1.8;color:#809768;max-width:280px}.empty-artboard>div{display:flex;gap:8px;margin-top:18px}.empty-artboard .button{font-size:10px;padding:7px 12px;min-height:32px}
@media(max-width:1100px){.empty-artboard{inset:8%;padding:15px}.empty-artboard>strong{font-size:17px}.empty-artboard>p{font-size:9px}.empty-artboard>div{margin-top:12px}.empty-artboard .button{font-size:9px;padding:6px 8px}}
@media(max-width:620px){.empty-artboard{inset:7%;padding:13px}.empty-artboard>span{font-size:6px}.empty-artboard>strong{font-size:16px;margin:6px 0}.empty-artboard>p{font-size:8px;line-height:1.6;max-width:220px}.empty-artboard>div{margin-top:9px;gap:5px}.empty-artboard .button{font-size:8px;padding:5px 7px;min-height:29px}}
/* Campaign workspace */
body.dashboard-active .campaign-heading,body.dashboard-active .steps,body.dashboard-active #guide-return,body.dashboard-active #setup-view,body.dashboard-active #design-view,body.dashboard-active #recipients-view,body.dashboard-active #preview-view,body.dashboard-active #project-export,body.dashboard-active #save-state{display:none!important}
#dashboard-view{max-width:1320px;margin:0 auto;padding:48px 12px 32px}.dashboard-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;margin-bottom:65px}.dashboard-welcome h1{font-size:clamp(36px,4.2vw,62px);letter-spacing:-3px;line-height:1.1;margin:18px 0 20px}.dashboard-welcome h1 span{color:#8fa449}.dashboard-welcome>div>p{color:var(--muted);font-size:16px}.dashboard-start{background:#233b33;color:#fff;padding:32px;border-radius:18px;position:relative;overflow:hidden}.dashboard-start h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}.dashboard-start p{color:#ced8d1;max-width:290px;line-height:1.65}.dashboard-start .button{margin:22px 0 13px}.dashboard-start small{display:block;color:#b9c9c0;font-size:11px}.mini-k{position:absolute;right:16px;bottom:24px;color:#3e5648;font-size:160px;font-weight:700;line-height:1;pointer-events:none}.dashboard-start>*:not(.mini-k){position:relative}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:42px 0 22px}.dashboard-heading h2{font-size:24px;letter-spacing:-.8px;margin:8px 0}.dashboard-heading p{color:var(--muted);font-size:13px;max-width:620px;line-height:1.7}.dashboard-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.dashboard-tools input{width:280px;background:#fff}.dashboard-tools>span{font-size:12px;color:var(--muted)}.dashboard-cards,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dashboard-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.campaign-visual{background:#eaece5;padding:27px;width:100%;display:block;position:relative;height:210px}.campaign-visual canvas{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 10px #1f352322);transition:transform .2s}.campaign-visual:hover canvas{transform:rotate(-2deg) scale(1.035)}.campaign-visual>span{position:absolute;bottom:15px;right:15px;background:#fff;padding:7px 11px;font-size:11px;border-radius:7px;opacity:0}.campaign-visual:focus-visible>span,.campaign-visual:hover>span{opacity:1}.campaign-card-content{padding:20px}.campaign-status{font-size:10px;background:#edf1e7;color:#5c7154;padding:5px 8px;border-radius:6px}.campaign-card-content h3{font-size:16px;margin:14px 0 7px;overflow-wrap:anywhere}.campaign-card-content h3 button{text-align:left;padding:0}.campaign-card-content p{font-size:12px;color:var(--muted)}.campaign-card-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:14px;font-size:11px;color:var(--muted)}.campaign-card-actions button:hover{color:var(--ink);text-decoration:underline}.dashboard-empty{border:1px dashed #cbd2c4;border-radius:14px;text-align:center;padding:42px 24px;background:#f4f6ef}.dashboard-empty>span{font-size:34px}.dashboard-empty h3{font-size:20px;margin:10px}.dashboard-empty p{max-width:480px;margin:10px auto 22px;color:var(--muted);line-height:1.8}.template-card{padding:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;text-align:left;transition:transform .2s}.template-card:hover{transform:translateY(-4px)}.template-art{background:var(--template-color);padding:23px;height:185px;display:flex;flex-direction:column;position:relative;color:#fff;overflow:hidden}.template-card:last-child .template-art{color:#352b49}.template-art>span{font-size:9px;letter-spacing:1.5px}.template-art>strong{font-size:31px;letter-spacing:-1px;max-width:200px;line-height:1.12;margin-top:26px}.template-art>b{position:absolute;right:20px;bottom:20px;background:var(--template-accent);color:var(--template-color);height:42px;width:42px;display:grid;place-items:center;border-radius:50%;font-size:25px}.template-card>div:last-child{padding:22px}.template-card h3{font-size:17px;margin:0 0 10px}.template-card p{color:var(--muted);font-size:12px;line-height:1.7;min-height:61px}.template-card>div>span:last-child:not(:first-child){display:block;margin-top:16px;font-size:12px;font-weight:700}.dashboard-storage{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);margin-top:45px;padding-top:25px}.dashboard-storage>span{font-size:25px}.dashboard-storage strong{font-size:12px}.dashboard-storage p{font-size:11px;color:var(--muted);line-height:1.7;max-width:650px;margin:7px 0}.dashboard-storage a{margin-left:auto;font-size:12px;white-space:nowrap}.layer-order{display:flex;gap:7px;padding:15px 18px 0}.layer-order .button{font-size:10px;min-width:0;padding:8px;flex:1}.recipient-filter{display:flex;align-items:center;gap:15px;margin:20px 0;font-size:12px}.recipient-filter input{max-width:330px;background:#fff}.recipient-filter span{color:var(--muted)}.audit-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;margin:25px 0 15px}.audit-toolbar strong{font-size:17px}.audit-toolbar p{color:var(--muted);font-size:12px;margin:7px 0 0}.audit-summary{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;background:#e7efdf;color:#3c563a;border-radius:10px 10px 0 0}.audit-summary.has-errors{background:#fcebe6;color:#8d422f}.audit-issues{background:#fff;border:1px solid var(--line);border-top:0;padding:12px 22px;max-height:330px;overflow:auto;border-radius:0 0 10px 10px}.audit-issues p{font-size:12px;line-height:1.7}.audit-issues .text-button{margin-left:auto;white-space:nowrap;font-size:11px}.handoff-card{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#243b33;color:#fff;padding:35px;border-radius:15px;margin-top:26px}.handoff-card h2{font-size:29px;letter-spacing:-1px;margin:10px 0}.handoff-card p{font-size:13px;line-height:1.8;max-width:630px;color:#d0d9d4}.handoff-card .eyebrow{color:#c0d181}.handoff-card>div>span:last-child{display:block;font-size:10px;color:#b4c7ba;margin-top:15px}.handoff-card .button{flex-shrink:0}.package-range{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.package-disclaimer{padding:15px;background:#f1f3e9;border-radius:8px;margin-top:20px!important}.busy .button{margin-top:20px}
@media(max-width:1100px){.dashboard-welcome{gap:30px}.dashboard-cards,.template-grid{gap:15px}.campaign-visual{padding:15px;height:165px}.template-art>strong{font-size:25px}.handoff-card{gap:20px}.dashboard-welcome h1{letter-spacing:-2px}}
@media(max-width:760px){#dashboard-view{padding:25px 0}.dashboard-welcome{grid-template-columns:1fr;gap:28px;margin-bottom:35px}.dashboard-welcome h1{font-size:40px}.dashboard-start{padding:27px}.dashboard-cards,.template-grid{grid-template-columns:1fr 1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading h2{font-size:22px}.dashboard-tools{align-items:flex-start;flex-direction:column}.dashboard-tools input{width:100%}.dashboard-tools label{width:100%}.dashboard-storage{align-items:flex-start}.dashboard-storage a{display:none}.handoff-card{flex-direction:column;align-items:flex-start;padding:25px}.audit-toolbar{align-items:flex-start;flex-direction:column}.recipient-filter{flex-wrap:wrap}.audit-summary{font-size:12px;flex-direction:column;gap:5px}}
@media(max-width:480px){.dashboard-cards,.template-grid{grid-template-columns:1fr}.campaign-visual{height:215px;padding:26px}.template-art{height:185px}.template-art>strong{font-size:32px}.template-card p{min-height:0}.dashboard-storage{gap:12px}.recipient-filter input{max-width:none;width:100%}.audit-issues{padding:12px}.audit-issues .check-item{flex-wrap:wrap}.audit-issues .check-item span{flex:1}}
.button.primary{color:#202321}.dashboard-start p{color:#d0dad3!important}.dashboard-start .button{color:#202321}.handoff-card .button{color:#202321}.dashboard-start small{max-width:85%}.dashboard-active .breadcrumb>span:not(.beta){display:none}.dashboard-active .breadcrumb>button{display:none}

/* Comfortable reading sizes. These affect the interface, never printed artwork. */
body{font-size:15px;--muted:#626e61}
.button{font-size:14px;min-height:44px;padding:11px 17px}
.button.quiet,.top-actions .button,.breadcrumb,.save-state{font-size:13px}
.eyebrow,.section-label,.inspector-heading .eyebrow,.setup-progress{font-size:11px;color:#68765d}
.campaign-heading p,.steps>button{font-size:14px}
.steps-note,.guide-return,.guide-return button,.app-footer{font-size:12px}
.title-row h1{font-size:30px}.draft-pill{font-size:12px}
.setup-shell{max-width:1340px;grid-template-columns:280px minmax(0,1fr)}
.setup-rail>p,.setup-rail nav strong{font-size:14px;color:#657655}
.setup-rail nav small,.setup-rail-note{font-size:12px;color:#6c7c5f}
.setup-rail nav button{min-height:65px;gap:14px}.setup-rail nav button>span{width:34px;height:34px;font-size:12px}
.setup-rail h2{font-size:29px}.setup-content{padding:38px 42px}
.guide-intro{max-width:740px}.guide-intro h2{font-size:34px}.guide-intro>p{font-size:16px;max-width:700px;line-height:1.8;color:#607052}
.brief-grid label,.guide-side-select,.guide-side-select select,.guide-field-status,.guide-optional{font-size:14px;color:#5c704b}
.brief-grid input,.brief-grid textarea,.brief-grid select{font-size:16px}
.brief-grid label>span,.brief-grid label>small,.guide-bottom>span,.guide-tip p{font-size:13px;color:#677957}
.guide-field-card strong{font-size:15px}.guide-field-card p{font-size:14px;color:#657954}.guide-field-card>span{font-size:13px}
.guide-field-card{padding:22px 18px}.guide-field-card>svg{width:25px;height:25px}
.guide-field-status .button,.guide-recipient-ready>.button,.guide-finish-grid .button,.guide-design-actions .button{font-size:14px;min-height:44px}
.personalization-example span{font-size:12px;color:#697f50}.personalization-example strong,.personalization-example code{font-size:18px}
.format-explainer p,.format-explainer ul,.future-formats{font-size:14px;color:#657754}.selected-format,.format-model>div>span,.format-measure,.format-model>small{font-size:12px}
.guide-design-caption b,.empty-design-label strong,.guide-recipient-ready strong{font-size:15px}
.guide-design-caption>span,.empty-design-label span,.guide-recipient-ready p,.guide-summary>div{font-size:13px;color:#657754}.guide-summary b{font-size:12px;color:#687856}
.panel-copy,.background-info,.small-tip,.inspector-help{font-size:12px;color:#68775d;line-height:1.75}
.panel-section select,.field-buttons button,.layer,.inspector-group label,.inspector-group select,.inspector-group textarea,.resolved-value,.page-color-control{font-size:13px}
.page-card>span,.side-title span,.workspace-note,.artboard-caption,.recipient-index{font-size:12px}
.side-title strong,.inspector-heading p,.inspector-actions .button{font-size:13px}.inspector-heading h3{font-size:17px}
.layer-order .button{font-size:12px}.inspector-group .field-label{font-size:11px}.layer .layer-kind{font-size:10px}
.upload-zone strong{font-size:13px}.upload-zone span{font-size:11px}.panel-section>.text-button{font-size:12px}
.canvas-actions select,.coordinate-grid input,.unit-input input,.recipient-switcher select{font-size:13px}
.preview-heading p,.view-heading p,.export-card p,.check-item,.audit-toolbar p,.handoff-card p,.data-bottom,.sample-notice,.modal-body p{font-size:14px}
.preview-mode-bar>span,.three-d-toolbar>span,.three-d-footer p,.export-note,.data-toolbar strong{font-size:12px}
.segmented button,.three-d-toolbar .segmented button,.three-d-zoom>.button,.three-d-footer .button{font-size:13px}
.three-d-footer .button{min-height:42px}.mailing-3d-stage{height:500px}.mailing-3d-card{width:min(72%,620px)}
td input{font-size:14px;min-height:42px}th{font-size:13px}.modal-footer{flex-wrap:wrap}
.dashboard-heading p,.template-card p,.dashboard-tools>span,.campaign-card-content p,.dashboard-storage p{font-size:14px}.dashboard-start small,.campaign-card-actions,.template-card>div>span:last-child:not(:first-child){font-size:13px}
.example-invite{display:flex;align-items:center;gap:24px;padding:23px 25px;border:1px solid #d7e1c8;background:#f6f9ef;border-radius:12px;margin-top:30px}
.example-invite>div:not(.example-miniature){flex:1;min-width:0}.example-invite strong{font-size:16px;display:block;line-height:1.45}.example-invite p{font-size:14px;line-height:1.75;color:#647552;margin-top:7px}.example-invite .button{flex-shrink:0}.dashboard-example{margin:-20px 0 42px;background:#fff}.dashboard-example .eyebrow{display:block;margin-bottom:7px}
.example-miniature{width:155px;aspect-ratio:210/148;background:#2563eb;color:#fff;padding:14px;transform:rotate(-5deg);box-shadow:0 6px 14px #1f30231a;flex-shrink:0;border-bottom:12px solid #ff987d}.example-miniature span{font-size:12px;display:block}.example-miniature b{font-size:15px;display:block;line-height:1.1;margin-top:10px;letter-spacing:-.5px}
.example-preview-note{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:25px 28px;background:#eef5dc;border:1px solid #dae5c5;border-radius:13px;margin-bottom:30px}.example-preview-note h2{font-size:24px;letter-spacing:-.7px;margin:9px 0}.example-preview-note p{max-width:690px;font-size:14px;line-height:1.75;color:#60734e}.example-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:310px}.example-actions .button{flex:1;white-space:nowrap}.example-actions .button:first-child{flex-basis:100%}
@media(min-width:1251px){.editor-layout{grid-template-columns:250px minmax(320px,1fr) 290px}}
@media(max-width:1100px){.setup-shell{grid-template-columns:230px minmax(0,1fr)}.setup-content{padding:30px}.setup-rail nav strong{font-size:13px}.setup-rail nav small{font-size:11px}.guide-field-grid{grid-template-columns:1fr}.guide-field-card{padding:18px}.guide-field-card p{margin-bottom:14px}.example-invite{flex-wrap:wrap}.example-preview-note{align-items:flex-start;flex-direction:column}.example-actions{max-width:none}.example-actions .button:first-child{flex-basis:auto}.dashboard-example .button{margin-left:auto}.top-actions{gap:12px}.steps-note{display:none}}
@media(max-width:900px){.setup-shell{display:block}.setup-rail nav button{min-height:48px}.setup-rail nav button>span{width:29px;height:29px}.guide-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-field-card{padding:18px 14px}.mailing-3d-stage{height:420px}.steps{overflow:auto}.steps>button{flex-shrink:0}.dashboard-example{margin-top:0}}
@media(max-width:620px){
 .topbar{height:auto;min-height:66px;padding:12px 16px;flex-wrap:wrap}.top-actions{margin-left:auto;gap:10px}.top-actions .button,.breadcrumb{font-size:12px}.new-campaign-visible>span{max-width:none}.top-actions .button svg{width:16px}.top-actions .button{min-height:38px}
 .campaign-heading{padding:24px 18px;flex-wrap:wrap}.title-row h1{font-size:27px}.steps{height:58px;padding-inline:18px;gap:20px}.steps>button,.steps>#setup-tab{font-size:13px}.guide-return{font-size:12px;flex-wrap:wrap}.guide-return button{font-size:12px}.guide-return>span{max-width:none}
 .setup-content{padding:27px 20px}.guide-intro h2{font-size:29px}.guide-intro>p{font-size:15px}.setup-progress{font-size:10px}.setup-progress b{width:13px}.setup-rail nav button>div{max-width:110px}.setup-rail nav strong{font-size:13px}
 .guide-field-grid{grid-template-columns:1fr}.guide-field-card{padding:20px;gap:7px 13px}.guide-field-card strong{font-size:15px}.guide-field-card p{font-size:14px;margin:3px 0 8px}.guide-field-card>span{font-size:13px}
 .personalization-example{gap:10px;flex-wrap:wrap}.personalization-example code,.personalization-example strong{font-size:15px}.personalization-example>div{min-width:100px}.brief-grid label{font-size:14px}.brief-grid input,.brief-grid textarea,.brief-grid select{font-size:16px}.guide-bottom .button{font-size:14px}.guide-design-actions{flex-direction:column}.guide-design-actions .button{font-size:14px}
 .example-invite{padding:20px;gap:17px;flex-direction:column;align-items:flex-start}.example-invite .button{width:100%;white-space:normal}.dashboard-example .example-miniature{width:150px}.example-preview-note{padding:22px 20px;gap:20px}.example-preview-note h2{font-size:23px}.example-actions{width:100%}.example-actions .button{font-size:13px;padding:10px}.example-actions .button:first-child{flex-basis:100%}
 .canvas-toolbar{flex-wrap:wrap}.canvas-actions{margin-left:auto}.inspector-actions{flex-wrap:wrap}.mailing-3d-stage{height:320px}.mailing-3d-card{width:79%}.three-d-toolbar{flex-wrap:wrap}.three-d-toolbar .segmented button{font-size:12px}.three-d-zoom>.button{font-size:11px}.three-d-footer .button{font-size:12px;padding:8px}.three-d-footer p{font-size:12px}.three-d-footer>div{flex-wrap:wrap}.three-d-zoom .icon-button{width:30px;height:35px}.preview-mode-bar .segmented button{font-size:14px}.data-toolbar>div{flex-wrap:wrap}.guide-tip p{font-size:13px}
}
.example-photo-credit{display:inline-block;margin-top:9px;font-size:11px;color:#627553;text-decoration:underline;text-underline-offset:3px}.example-miniature{position:relative;overflow:hidden}.example-miniature img{position:absolute;right:0;bottom:0;width:44%;height:76%;object-fit:cover}.example-miniature b{max-width:70%;font-size:13px;position:relative}
@media(max-width:620px){.left-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.left-panel>.panel-section{min-width:0}.left-panel>.panel-section:first-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.field-buttons{grid-template-columns:1fr}.upload-zone span{font-size:11px}.upload-zone strong{font-size:12px}.left-panel .section-label{flex-wrap:wrap;gap:5px}.field-buttons button{font-size:13px;min-width:0}.layer-section{grid-column:1/-1}.layer{font-size:13px}.layer .layer-name{max-width:none}}

/* Tutorial and a stronger, readable type scale. */
body{font-size:17px;--muted:#53624f}
.button,.button.quiet,.top-actions .button{font-size:16px;min-height:46px}
.breadcrumb,.save-state,.draft-pill{font-size:14px}.steps{height:auto;min-height:62px;overflow-x:auto;gap:24px}.steps>button,.steps>#setup-tab{font-size:16px;flex-shrink:0;white-space:nowrap;padding-block:20px}.steps-note{display:none}
.campaign-heading p,.guide-return,.guide-return button{font-size:16px;color:#516447}.campaign-heading .eyebrow,.eyebrow,.section-label{font-size:12px;color:#53664b}
.setup-rail>p,.setup-rail nav strong,.setup-rail nav small,.setup-rail-note{font-size:16px;color:#4e6242}.setup-rail nav small{font-size:14px}.setup-rail nav button{padding:15px 10px;min-height:75px}.setup-rail h2{font-size:31px}
.guide-intro>p,.format-explainer p,.format-explainer ul{font-size:18px;line-height:1.8;color:#4d6042}.guide-intro h2{font-size:36px}
.brief-grid label,.brief-grid input,.brief-grid textarea,.brief-grid select,.guide-side-select,.guide-side-select select,.guide-field-card strong,.guide-field-card p,.guide-summary>div,.guide-optional,.guide-field-status{font-size:16px;color:#42563a}
.guide-tip p,.guide-bottom>span,.guide-summary b,.brief-grid label>small,.guide-design-caption>span,.guide-recipient-ready p{font-size:15px;color:#526546}
.guide-field-card>span,.guide-design-caption b,.guide-finish-grid .button,.guide-design-actions .button,.guide-recipient-ready>.button,.guide-field-status .button{font-size:16px}.guide-finish-grid h3{font-size:22px}.guide-summary>div{padding-block:13px}
.guide-finish-real canvas{display:block;width:100%;aspect-ratio:210/148;box-shadow:0 12px 26px #23332318}.guide-finish-real p{font-size:15px;line-height:1.65;margin-top:15px;color:#526546}
.panel-copy,.background-info,.small-tip,.inspector-help,.inspector-heading p,.inspector-group label,.inspector-group select,.inspector-group textarea,.field-buttons button,.layer,.page-card>span,.upload-zone strong,.coordinate-grid input,.unit-input input,.recipient-switcher select{font-size:14px;color:#4e6043}
.check-item,.view-heading p,.preview-heading p,.export-card p,.data-bottom,.modal-body p,.audit-toolbar p,.recipient-filter,.data-toolbar strong{font-size:16px;color:#4d6042}.sample-notice{font-size:16px}.segmented button,.three-d-toolbar .segmented button,.three-d-footer .button{font-size:15px}.three-d-footer p{font-size:14px;color:#556b45}.export-note{font-size:14px!important}.example-preview-note p,.example-invite p{font-size:16px;color:#4d6042}.example-invite strong{font-size:18px}
td input{font-size:16px}th{font-size:15px}.topbar{height:auto;min-height:74px;padding-block:12px;flex-wrap:wrap}.top-actions{flex-wrap:wrap;gap:14px}.dashboard-active #tutorial-return,.dashboard-active #tutorial-view{display:none!important}
.tutorial-return{background:#eaf2d7;border-bottom:1px solid #d2ddc2;padding:15px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;color:#40552e}.tutorial-return .button{flex-shrink:0}
.tutorial-shell{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1400px;margin:auto;background:white}.tutorial-nav{background:#edf2e6;border-right:1px solid #dbe4d0;padding:35px 25px}.tutorial-nav h2{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:18px 0}.tutorial-nav p{font-size:15px;line-height:1.8;color:#536747}.tutorial-nav nav{display:flex;flex-direction:column;gap:7px;margin:28px 0}.tutorial-nav nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:15px 10px;font-size:16px;color:#4e6040;min-height:64px}.tutorial-nav nav button.active{background:#fff;color:#202f18;font-weight:700;box-shadow:0 2px 10px #24322108}.tutorial-nav nav button>span{height:31px;width:31px;border:1px solid #bdcda7;border-radius:50%;display:grid;place-items:center;font-size:14px;flex-shrink:0}.tutorial-nav nav button.active>span{background:var(--lime);border-color:var(--lime)}
.tutorial-content{min-width:0;padding:38px 42px}.tutorial-progress{font-size:13px;color:#4f663c;letter-spacing:1px;display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.tutorial-progress span{letter-spacing:0}.tutorial-intro{margin-bottom:30px}.tutorial-intro h2{font-size:36px;letter-spacing:-1.1px;line-height:1.16;margin-bottom:18px;overflow-wrap:anywhere}.tutorial-intro p{font-size:18px;line-height:1.8;color:#485c3e;max-width:780px}.tutorial-intro h2:focus{outline:none}
.tutorial-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.tutorial-contacts button{border:1px solid #d4deca;padding:22px;text-align:left;min-width:0}.tutorial-contacts button.active{border-color:#93ad50;background:#f2f8e7;box-shadow:0 0 0 1px #93ad50}.tutorial-contacts button>span{display:grid;place-items:center;background:#e2edcf;border-radius:50%;width:44px;height:44px;margin-bottom:14px;font-size:20px}.tutorial-contacts strong{font-size:22px;display:block}.tutorial-contacts p{font-size:15px;color:#4d6240;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.tutorial-contacts small{font-size:13px;color:#63774f;display:block;margin-top:12px}
.tutorial-proof{margin:25px 0;min-width:0}.tutorial-proof canvas{display:block;width:100%;max-width:720px;margin:auto;aspect-ratio:210/148;box-shadow:0 8px 20px #24331b14;background:#f0f3e8}.tutorial-proof figcaption{font-size:14px;line-height:1.7;color:#526847;margin-top:16px;text-align:center;overflow-wrap:anywhere}.tutorial-spread{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tutorial-note{padding:21px 24px;background:#f0f6e5;border:1px solid #e0e9d4;border-radius:10px;font-size:16px;line-height:1.8;color:#435b33;margin:26px 0;overflow-wrap:anywhere}.tutorial-note code{font-size:15px;color:#263e1b}.tutorial-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.tutorial-person-label{display:flex;align-items:center;gap:18px;font-size:16px;font-weight:700;margin-bottom:25px;color:#435737}.tutorial-person-label select{font-size:16px;min-height:46px;max-width:100%;min-width:0;flex:1}
.tutorial-mapping{border:1px solid #d9e3ce;border-radius:12px;overflow:hidden}.tutorial-mapping>div{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;padding:22px 25px;border-bottom:1px solid #e4eadc;align-items:center}.tutorial-mapping>div:last-child{border-bottom:0}.tutorial-mapping-head{background:#edf4e3;font-size:15px;font-weight:700;color:#415b30}.tutorial-mapping small{font-size:14px;display:block;margin-bottom:7px;color:#586e46}.tutorial-mapping code{font-size:20px;color:#395c25}.tutorial-map-value{font-size:19px;font-weight:700;overflow-wrap:anywhere;min-width:0}
.tutorial-playground{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tutorial-playground>div{min-width:0}.tutorial-playground label{font-size:16px;font-weight:700}.tutorial-playground textarea{font:18px/1.7 ui-monospace,monospace;width:100%;min-height:145px;margin-top:12px;padding:16px}.tutorial-playground p{font-size:15px;line-height:1.8;color:#546b42;margin-top:17px}.tutorial-playground code{overflow-wrap:anywhere}.tutorial-tokens{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tutorial-tokens button{font:14px ui-monospace,monospace;padding:10px 12px;background:#eaf2dc;border:1px solid #d4e1c2;color:#365324}.tutorial-result{border:1px solid #ccdbb4;border-radius:10px;background:#f3f8e9;padding:25px}.tutorial-result>span,.tutorial-label{display:block;font-size:12px;letter-spacing:1px;color:#526e38;font-weight:700}.tutorial-result strong{font-size:28px;line-height:1.5;display:block;margin-top:30px;white-space:pre-wrap;overflow-wrap:anywhere}
.tutorial-data-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tutorial-data-form label,.tutorial-qr-layout label{display:flex;flex-direction:column;gap:10px;font-size:16px;font-weight:700}.tutorial-data-form input,.tutorial-qr-layout input{font-size:18px;min-width:0;width:100%}.tutorial-wide{grid-column:1/-1}.tutorial-csv{border-top:1px solid #dfe7d5;padding-top:28px;margin-top:35px}.tutorial-csv h3{font-size:24px}.tutorial-csv p{font-size:17px;line-height:1.8;margin:12px 0;color:#4c623e}.tutorial-csv pre{font:14px/1.8 ui-monospace,monospace;background:#f1f4eb;border-radius:8px;padding:20px;overflow:auto;max-width:100%}
.tutorial-qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.tutorial-qr-layout>div>code{display:block;font-size:23px;margin:10px 0 25px;color:#325820}.tutorial-qr-layout p{font-size:16px;line-height:1.8;margin-top:18px;color:#486338}.tutorial-qr-card{border:1px solid #d3dfc5;border-radius:12px;padding:24px;text-align:center;background:#f9fbf5;min-width:0}.tutorial-qr-card canvas{width:100%;aspect-ratio:1;display:block;background:white}.tutorial-qr-card strong{font-size:19px;display:block;margin-top:14px;overflow-wrap:anywhere}
.tutorial-instructions{font-size:18px;line-height:1.9;color:#405b32;padding-left:25px}.tutorial-instructions li{padding-left:7px;margin:12px 0}.tutorial-final-cards{display:grid;grid-template-columns:1fr 1fr;gap:23px}.tutorial-final-cards article{border:1px solid #d4dfc9;padding:24px;border-radius:12px;min-width:0}.tutorial-final-cards h3{font-size:23px}.tutorial-final-cards p{font-size:17px;color:#4c643c;line-height:1.8;margin:15px 0}.tutorial-final-cards .button{width:100%;margin-top:10px}.tutorial-bottom{border-top:1px solid #dbe5ce;margin-top:38px;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tutorial-bottom>span{font-size:14px;color:#556c44;text-align:center}.dashboard-learn-actions{display:flex;flex-direction:column;gap:10px}.tutorial-invite{margin-bottom:24px}
@media(max-width:1200px){.tutorial-shell{grid-template-columns:220px minmax(0,1fr)}.tutorial-nav{padding:30px 18px}.tutorial-nav nav button{font-size:15px;padding:12px 7px}.tutorial-content{padding:30px}.tutorial-qr-layout{grid-template-columns:minmax(0,1fr) 220px}.tutorial-contacts button{padding:18px}.tutorial-playground{gap:18px}.top-actions{gap:10px}.save-state{display:none}.tutorial-final-cards{grid-template-columns:1fr}}
@media(max-width:900px){.tutorial-shell{display:block}.tutorial-nav{padding:22px 25px}.tutorial-nav>h2,.tutorial-nav>p{display:none}.tutorial-nav nav{flex-direction:row;overflow:auto;margin:14px 0 0;gap:8px}.tutorial-nav nav button{flex-shrink:0;min-height:50px;white-space:nowrap}.tutorial-content{padding:30px}.guide-intro h2{font-size:33px}.guide-field-grid{grid-template-columns:1fr}.guide-field-card{display:block}.guide-field-card>svg{margin-bottom:12px}.guide-field-card strong{display:block}.guide-field-card p{font-size:16px}}
@media(max-width:620px){.topbar{padding:12px 16px}.top-actions{width:100%;justify-content:space-between;gap:5px}.top-actions .button{font-size:14px;min-height:40px;padding:7px 4px}.breadcrumb{font-size:14px}.campaign-heading p{font-size:16px}.steps>button,.steps>#setup-tab{font-size:15px}.guide-intro>p{font-size:18px}.guide-intro h2{font-size:31px}.guide-tip p,.guide-summary b,.guide-bottom>span{font-size:15px}.guide-design-actions .button,.guide-finish-grid .button,.guide-bottom .button{font-size:16px}.setup-rail nav strong{font-size:16px}.setup-rail nav button>div{max-width:125px}.setup-rail nav button{min-height:54px}.setup-content{padding:27px 20px}.guide-return{font-size:14px}.guide-return button{font-size:14px}
 .tutorial-return{flex-wrap:wrap;padding:16px 20px;font-size:15px}.tutorial-return .button{width:100%;font-size:15px}.tutorial-nav{padding:22px 18px}.tutorial-content{padding:27px 20px}.tutorial-progress{font-size:12px;flex-wrap:wrap;gap:6px}.tutorial-intro h2{font-size:31px}.tutorial-intro p{font-size:18px}.tutorial-contacts{grid-template-columns:1fr}.tutorial-contacts button{display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 13px;padding:18px}.tutorial-contacts button>span{grid-row:1/4;margin:0}.tutorial-contacts strong{font-size:21px}.tutorial-contacts p,.tutorial-contacts small{margin:0}.tutorial-contacts small{font-size:14px}.tutorial-person-label{flex-direction:column;align-items:stretch;gap:9px}.tutorial-person-label select{width:100%}.tutorial-spread,.tutorial-playground,.tutorial-data-form,.tutorial-qr-layout{grid-template-columns:1fr}.tutorial-qr-card{max-width:310px;width:100%;margin:auto}.tutorial-mapping>div{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px}.tutorial-mapping-head{display:none!important}.tutorial-map-value:before{content:'→ ';color:#7d9d51}.tutorial-mapping code{font-size:19px}.tutorial-map-value{font-size:18px}.tutorial-result{min-height:180px}.tutorial-note{padding:19px;font-size:16px}.tutorial-bottom{flex-wrap:wrap;gap:15px}.tutorial-bottom>span{order:3;flex-basis:100%;font-size:15px}.tutorial-bottom .button{font-size:16px}.tutorial-final-cards article{padding:21px}.tutorial-final-cards .button{white-space:normal}.example-actions .button,.example-invite .button{font-size:15px}.dashboard-learn-actions{width:100%}.inspector-actions .button{font-size:14px}.guide-side-select{flex-wrap:wrap}
}
.tutorial-skip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.tutorial-skip>span{font-size:14px;color:#617155}.tutorial-skip .button{flex-shrink:0;font-size:14px}.dashboard-promotions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0 48px}.dashboard-promotions>button{padding:0 0 24px;text-align:left;background:#fff;border:1px solid #d8dfd0;border-radius:10px;overflow:hidden;transition:box-shadow .2s}.dashboard-promotions>button:hover{box-shadow:0 14px 30px #20331e15}.dashboard-promotions img{display:block;width:100%;height:180px;object-fit:cover}.dashboard-promotions>button>span,.dashboard-promotions strong,.dashboard-promotions p,.dashboard-promotions b{display:block;margin-inline:24px}.dashboard-promotions>button>span{font-size:11px;letter-spacing:1px;color:#697958;margin-top:23px}.dashboard-promotions strong{font-size:26px;letter-spacing:-1px;margin-top:10px}.dashboard-promotions p{font-size:15px;line-height:1.7;color:#617155;margin-top:10px}.dashboard-promotions b{font-size:14px;margin-top:22px}
@media(max-width:800px){.tutorial-skip{align-items:flex-start;flex-direction:column}.dashboard-promotions{gap:14px}.dashboard-promotions>button>span,.dashboard-promotions strong,.dashboard-promotions p,.dashboard-promotions b{margin-inline:16px}}
@media(max-width:600px){.dashboard-promotions{grid-template-columns:1fr}.dashboard-promotions img{height:190px}.tutorial-skip .button{width:100%}}
.dashboard-promotion-art{height:230px;display:grid;place-items:center;padding:28px 22px;background:color-mix(in srgb,var(--promotion-color) 13%,#f6f5ed);overflow:hidden}.dashboard-promotion-art canvas{display:block;width:95%;height:auto;transform:rotate(-4deg);box-shadow:0 2px 0 #b3b5aa,0 14px 24px #28382b30}.dashboard-promotions>button:nth-child(2) canvas{transform:rotate(4deg)}
@media(max-width:1000px){.dashboard-promotion-art{height:180px;padding:18px 12px}}
@media(max-width:600px){.dashboard-promotion-art{height:auto;aspect-ratio:1.4;padding:30px 20px}}
/* Focused entry: one task and one primary next step, without competing studio navigation. */
.focused-entry .rail,.focused-entry .campaign-heading,.focused-entry .steps,.focused-entry #start-tutorial,.focused-entry #new-campaign-top,.focused-entry .beta,.focused-entry #guide-return,.focused-entry #tutorial-return{display:none!important}.focused-entry .app{margin-left:0}.focused-entry .topbar{height:64px;min-height:64px;padding:0 max(24px,calc((100vw - 1120px)/2));}.focused-entry .top-actions{gap:20px}.focused-entry #main{min-height:calc(100vh - 130px)}.focused-entry .tutorial-shell,.focused-entry .setup-shell{display:block;max-width:1120px;margin:36px auto;background:white;border:1px solid #e0e5d8;border-radius:14px;overflow:hidden;min-height:0}.focused-entry .tutorial-content,.focused-entry .setup-content{padding:32px 42px;max-width:none;min-width:0}.focus-topline{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#66795c;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:22px}.focus-topline .button{font-size:13px;font-weight:400;border:0;min-height:34px;padding:4px;color:#65715e;background:transparent;letter-spacing:0}.focus-topline>span:last-child:not(:first-child){letter-spacing:0;font-weight:400}.focus-progress{display:flex;gap:18px;border-bottom:1px solid #e3e8db;padding-bottom:23px;margin-bottom:30px}.focus-progress>span{flex:1;display:flex;align-items:center;gap:9px;font-size:13px;color:#7c8577}.focus-progress b{width:27px;height:27px;flex-shrink:0;border:1px solid #dce2d4;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400}.focus-progress .current{color:#273723;font-weight:700}.focus-progress .current b{background:#e2ff54;color:#26331f;border-color:#e2ff54}.focus-progress .done b{background:#eaf1e0;color:#537240}.focused-entry .tutorial-intro h2,.focused-entry .guide-intro h2{font-size:32px;line-height:1.2;letter-spacing:-1px}.focused-entry .tutorial-intro>p,.focused-entry .guide-intro>p{font-size:17px;line-height:1.7;max-width:850px;margin-top:12px}.focused-entry .tutorial-intro{margin-bottom:25px}.focused-entry .tutorial-proof{max-width:650px;margin:22px auto 0}.focused-entry .tutorial-proof canvas{box-shadow:0 7px 25px #253d2215}.focused-entry .tutorial-proof figcaption{font-size:12px;color:#6c7863;margin-top:12px;text-align:center}.focus-reassurance{font-size:14px;line-height:1.7;color:#637259;margin-top:20px}.focused-entry .tutorial-content>.focus-reassurance{text-align:center}.focused-entry .tutorial-bottom,.focused-entry .guide-bottom{margin-top:28px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e1e6d9}.focused-entry .tutorial-bottom .primary,.focused-entry .guide-bottom .primary{min-height:50px;padding:13px 22px;font-size:16px}.focus-edit-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:35px;align-items:start}.focus-edit-grid .tutorial-data-form{display:grid;grid-template-columns:1fr;gap:18px;margin:0}.focused-entry .tutorial-data-form input,.focused-entry #tutorial-url{min-height:48px;font-size:17px}.focus-edit-grid .tutorial-proof{margin:0;align-self:center}.focus-token-example{padding:20px 22px;background:#f0f5e8;border:1px solid #dfe7d3;border-radius:9px;display:flex;flex-direction:column;gap:8px;margin-top:22px;overflow-wrap:anywhere}.focus-token-example>span{font-size:10px;letter-spacing:1px;color:#6b7d5a}.focus-token-example>span:nth-of-type(2){margin-top:12px}.focus-token-example code{font-size:17px;color:#4c633b}.focus-token-example strong{font-size:24px;line-height:1.3}.focus-details{margin-top:20px;border-top:1px solid #e3e8dc;padding-top:15px;font-size:14px;color:#53644a}.focus-details summary{cursor:pointer;font-weight:700;padding:5px 0}.focus-details p{margin:12px 0;font-size:15px;line-height:1.7}.focus-details label{display:block;margin-top:16px}.focus-details textarea{width:100%;margin-top:9px}.focus-details .button{font-size:13px;margin-top:8px}.focused-entry .tutorial-spread .tutorial-proof{margin-top:0}.focused-entry .tutorial-qr-layout{grid-template-columns:1.4fr 1fr;gap:40px}.focused-entry .tutorial-qr-card{padding:25px}.focused-entry .tutorial-qr-card canvas{max-width:200px}.focused-entry .tutorial-qr-layout>div>label{font-size:16px}.guide-step-picker{margin-bottom:24px;margin-top:0;border:0;padding:0}.guide-step-picker nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.guide-step-picker nav button{border:1px solid #dfe5d6;padding:8px 12px;text-align:left;font-size:14px}.guide-step-picker [aria-current=step]{background:#eff5e7}.focused-entry .guide-finish-real{max-width:650px;margin:26px auto}.focused-entry .guide-tip{margin-top:24px}.focused-entry .guide-recipient-actions .primary{min-height:50px;font-size:16px}.tutorial-excursion #setup-tab,.tutorial-excursion #open-preview,.tutorial-excursion #start-tutorial,.tutorial-excursion #new-campaign-top,.tutorial-excursion .steps{display:none!important}.tutorial-excursion .campaign-heading{padding-top:20px;padding-bottom:20px}.tutorial-excursion #tutorial-return{margin:0;border-radius:0;background:#f1f5e9}
@media(max-width:800px){.focused-entry .tutorial-shell,.focused-entry .setup-shell{margin:20px}.focused-entry .tutorial-content,.focused-entry .setup-content{padding:26px}.focus-progress{gap:10px}.focus-progress>span{font-size:11px;gap:6px}.focus-edit-grid{grid-template-columns:1fr;gap:24px}.focus-edit-grid .tutorial-proof{max-width:550px;margin-inline:auto}.focused-entry .tutorial-intro h2,.focused-entry .guide-intro h2{font-size:29px}.focused-entry .tutorial-qr-layout{gap:25px}}
@media(max-width:560px){.focused-entry .topbar{padding:12px 18px;height:auto;min-height:60px}.focused-entry .breadcrumb strong{font-size:12px}.focused-entry .breadcrumb{gap:9px;font-size:12px}.focused-entry .save-state{display:none}.focused-entry #project-export{font-size:0;padding:5px}.focused-entry #project-export>span{display:none}.focused-entry .tutorial-shell,.focused-entry .setup-shell{margin:14px 12px;border-radius:10px}.focused-entry .tutorial-content,.focused-entry .setup-content{padding:22px 18px}.focus-topline{font-size:10px;gap:10px}.focus-topline .button{font-size:12px}.focus-progress{gap:7px;justify-content:space-between;margin-bottom:25px}.focus-progress>span{flex-direction:column;align-items:center;text-align:center;font-size:10px;gap:6px;line-height:1.4}.focused-entry .tutorial-intro h2,.focused-entry .guide-intro h2{font-size:27px}.focused-entry .tutorial-intro>p,.focused-entry .guide-intro>p{font-size:16px}.focused-entry .tutorial-bottom,.focused-entry .guide-bottom{flex-wrap:wrap}.focused-entry .tutorial-bottom .primary,.focused-entry .guide-bottom .primary{width:100%;font-size:15px;order:-1}.focused-entry .tutorial-bottom>.button:not(.primary){min-height:40px}.focused-entry .tutorial-qr-layout{grid-template-columns:1fr}.focused-entry .tutorial-proof{margin-top:15px}.focus-reassurance{font-size:13px}.focused-entry .guide-bottom>span:empty{display:none}}
.focused-entry .tutorial-shell,.focused-entry .setup-shell{overflow:visible}.focused-entry .tutorial-bottom,.focused-entry .guide-bottom{position:sticky;bottom:0;background:#fff;z-index:5;padding-block:16px;margin-bottom:-12px}.focused-entry .tutorial-content>.tutorial-proof{max-width:560px}.focused-entry .tutorial-bottom:has(.primary),.focused-entry .guide-bottom:has(.primary){box-shadow:0 -12px 16px -18px #344a25}
@media(max-width:560px){.focused-entry .topbar{flex-wrap:nowrap}.focused-entry .top-actions{width:auto;flex-wrap:nowrap;margin-left:auto}.focused-entry .breadcrumb strong{display:inline;font-size:11px}.focused-entry .breadcrumb>span:not(.beta){display:inline}.focused-entry .tutorial-bottom>span:empty{display:none}}
/* Start with a real campaign; keep the workspace and its local drafts easy to find. */
.starting-campaign #project-export,.starting-campaign #save-state,.starting-campaign #delete-campaign{display:none!important}
#start-view{max-width:1080px;margin:40px auto;padding:0 24px 50px}.campaign-start{background:#fff;border:1px solid #dde4d4;border-radius:16px;padding:38px 44px}.campaign-start>header{margin:28px 0}.campaign-start h1{font-size:38px;line-height:1.2;letter-spacing:-1.5px;margin:13px 0}.campaign-start header p{font-size:17px;color:#65755c;line-height:1.8}.start-name,.start-template{display:block;font-size:15px;font-weight:700}.campaign-start input:not([type=radio]),.campaign-start select{display:block;width:100%;font:inherit;font-size:16px;font-weight:400;border:1px solid #cfd9c3;border-radius:7px;padding:14px;margin-top:10px;background:white;color:#23362e}.start-options{border:0;margin:30px 0 25px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.start-options legend{font-size:15px;font-weight:700;margin-bottom:14px}.start-options label{position:relative;display:flex;flex-direction:column;gap:12px;border:1px solid #dce3d3;padding:24px 20px;border-radius:10px;cursor:pointer;min-width:0}.start-options label:has(input:checked){border-color:#8fa659;background:#f4f8e9;box-shadow:inset 0 0 0 1px #8fa659}.start-options input{position:absolute;right:16px;top:19px;width:18px;height:18px;accent-color:#607c32}.start-option-icon{font-size:26px;color:#708d3c;line-height:1.3}.start-options strong{font-size:17px;line-height:1.4}.start-options label>span:last-child{font-size:14px;line-height:1.7;color:#68795c}.start-template{max-width:550px}.start-template[hidden]{display:none}.start-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:34px;padding-top:26px;border-top:1px solid #e1e7d8}.start-next p{font-size:13px;color:#6b7c5e;line-height:1.9}.start-next .button{font-size:16px;min-height:50px;white-space:nowrap}
.creations-header{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:32px}.creations-header h2{font-size:44px;letter-spacing:-1.7px;line-height:1.2;margin:12px 0}.creations-header p{font-size:16px;color:#67755e}.creations-header>.button{font-size:16px;min-height:50px}.dashboard-tools{gap:18px;flex-wrap:wrap}.dashboard-tools>label{flex:1;min-width:190px}.dashboard-tools>span{margin-left:0}.campaign-card-actions .creation-delete{background:#fff4ef;border:1px solid #ecd0c2;color:#9b4f34;border-radius:6px;padding:7px 14px;font-size:13px}.campaign-card-actions .creation-delete:hover{background:#fbe6dc}.creation-trash{border:1px solid #dce3d2;background:#fff;border-radius:10px;padding:20px 25px;margin-top:26px}.creation-trash summary{cursor:pointer;font-size:17px;font-weight:700}.creation-trash summary b{display:inline-block;background:#eef1e7;padding:2px 10px;border-radius:15px;margin-left:8px;font-size:13px}.creation-trash>p{font-size:14px;color:#6c7b60;margin-top:15px;line-height:1.8}.trash-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e4e8dc;padding:18px 0;margin-top:10px}.trash-row strong{font-size:15px;overflow-wrap:anywhere}.trash-row small{display:block;font-size:12px;color:#758568;margin-top:5px}.trash-row .button{flex-shrink:0}.dashboard-library{margin-top:35px;border-top:1px solid #dce3d2;padding-top:25px}.dashboard-library>summary{cursor:pointer;font-size:21px;font-weight:700}.dashboard-library>summary>span{display:block;margin-top:8px;font-size:14px;font-weight:400;color:#6a7b5f}.dashboard-library .dashboard-heading{margin-top:30px}.campaign-heading-actions{display:flex;align-items:center;gap:16px}.campaign-heading-actions>.creation-delete{font-size:13px;color:#94523e}.workflow-hint{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#f0f4e7;border-bottom:1px solid #dce5cd;padding:20px 32px}.workflow-hint strong{font-size:17px}.workflow-hint p{font-size:14px;color:#66785a;margin:6px 0 0;line-height:1.7;max-width:800px}.workflow-hint>.button{flex-shrink:0;background:#fff;min-height:44px;font-size:14px}.workflow-hint[hidden]{display:none}
@media(max-width:800px){.campaign-start{padding:30px 25px}.start-options{gap:10px}.start-options label{padding:20px 14px}.start-options strong{font-size:15px}.start-options label>span:last-child{font-size:13px}.creations-header{align-items:flex-start}.creations-header h2{font-size:35px}.creations-header>.button{font-size:14px}.campaign-heading-actions{flex-wrap:wrap;gap:8px}.workflow-hint{align-items:flex-start;padding:18px 22px;gap:18px}.workflow-hint p{font-size:13px}.workflow-hint>.button{font-size:12px}}
@media(max-width:560px){#start-view{margin:18px auto;padding:0 12px 25px}.campaign-start{padding:23px 18px}.campaign-start h1{font-size:29px}.campaign-start header p{font-size:15px}.start-options{grid-template-columns:1fr;gap:12px}.start-options label{display:grid;grid-template-columns:30px 1fr;gap:6px 14px;padding:19px 40px 19px 16px}.start-option-icon{grid-row:1/3}.start-options label>span:last-child{grid-column:2}.start-options strong{font-size:17px}.start-options label>span:last-child{font-size:14px}.start-options input{right:13px;top:19px}.start-next{align-items:stretch;flex-direction:column;gap:17px}.start-next p{font-size:12px}.creations-header{display:block;margin-bottom:25px}.creations-header h2{font-size:34px}.creations-header>.button{margin-top:20px;width:100%;font-size:15px}.dashboard-tools>label{width:100%;flex:auto}.dashboard-tools>span{font-size:12px}.dashboard-tools>.button{margin-left:auto;font-size:12px}.creation-trash{padding:18px}.trash-row{flex-direction:column;align-items:flex-start;gap:13px}.campaign-heading-actions{margin-top:18px;justify-content:space-between}.campaign-heading-actions>.creation-delete{font-size:12px}.workflow-hint{display:block;padding:17px 18px}.workflow-hint strong{font-size:16px}.workflow-hint>.button{margin-top:13px;font-size:14px;width:100%}.dashboard-library>summary{font-size:19px}}

@media(max-width:760px){#dashboard-view{padding:30px 18px}}

.dashboard-inspiration>header h1{font-size:38px;line-height:1.2;letter-spacing:-1.3px;margin:12px 0}.dashboard-inspiration>header p{font-size:16px;color:#67755e;line-height:1.7}.dashboard-inspiration{margin-bottom:40px;padding-bottom:12px;border-bottom:1px solid #dce3d2}.dashboard-inspiration .dashboard-promotions{margin-bottom:28px}.creations-header h2{font-size:32px;letter-spacing:-1px}
@media(max-width:600px){.dashboard-inspiration>header h1{font-size:30px}.dashboard-inspiration{margin-bottom:28px}.creations-header h2{font-size:29px}}
.dashboard-inspiration .dashboard-promotions>button{display:flex;flex-direction:column;align-items:stretch}.dashboard-inspiration .dashboard-promotion-art{flex-shrink:0}.dashboard-inspiration .dashboard-promotion-art canvas{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;box-shadow:none;filter:drop-shadow(0 8px 10px #28382b30)}.dashboard-inspiration .dashboard-promotions b{margin-top:auto;padding-top:22px}
@media(max-width:600px){.dashboard-inspiration .dashboard-promotion-art{height:240px;aspect-ratio:auto}}

/* One obvious start; examples are an optional, compact route to an editable copy. */
.dashboard-active .rail,.dashboard-active #new-campaign-top{display:none}.dashboard-active .app{margin-left:0}.studio-welcome{padding:12px 0 34px;border-bottom:1px solid #dce3d2;margin-bottom:28px}.studio-welcome h1{font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-1.6px;margin:13px 0 16px}.studio-welcome p{font-size:17px;line-height:1.75;max-width:600px;color:#65755f}.studio-welcome .primary{margin-top:23px;font-size:17px;min-height:52px;padding-inline:24px}.welcome-next{display:block;margin-top:18px;font-size:13px;color:#6c7964}.welcome-next>span{padding-inline:9px;color:#9ba68e}.dashboard-inspiration>header h2{font-size:22px;letter-spacing:-.4px;margin-bottom:6px}.dashboard-inspiration>header p{font-size:14px}.dashboard-inspiration .dashboard-promotions{gap:18px;margin:18px 0 20px}.dashboard-inspiration .dashboard-promotions>button{padding:0}.dashboard-inspiration .dashboard-promotion-art{height:165px;padding:18px}.dashboard-inspiration .dashboard-promotions .example-card-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:14px 18px;letter-spacing:0}.dashboard-inspiration .example-card-label strong{font-size:19px;margin:0;letter-spacing:-.5px;color:#25372e}.dashboard-inspiration .example-card-label b{font-size:14px;padding:8px 12px;margin:0;border:1px solid #d6dfce;border-radius:6px;color:#324831;background:#f7f9f2;white-space:nowrap}.dashboard-inspiration{margin-bottom:26px;padding-bottom:0}.creations-header{margin-bottom:20px}.creations-header .eyebrow{display:none}.creations-header h2{font-size:25px;margin:0 0 5px}.creations-header p{font-size:14px}.dashboard-active .campaign-visual>span{opacity:1}.dashboard-empty{padding:25px}.dashboard-empty>span{display:none}.dashboard-empty h3{font-size:18px}.dashboard-empty p{margin-bottom:0}.dashboard-library{margin-top:22px;padding-top:18px}.dashboard-library>summary{font-size:17px}.creation-trash{padding:16px 20px}.dashboard-storage{margin-top:28px}
.example-focus .rail,.example-focus .campaign-heading,.example-focus .steps,.example-focus #workflow-hint,.example-focus #new-campaign-top,.example-focus .preview-heading{display:none}.example-focus .app{margin-left:0}.example-focus .preview-view{max-width:1150px;margin:0 auto}.example-focus .example-preview-note{background:transparent;border:0;border-bottom:1px solid #dce3d2;border-radius:0;padding:20px 0 28px;gap:35px}.example-focus .example-preview-note h2{font-size:27px;line-height:1.3}.example-focus .example-preview-note p{font-size:14px;line-height:1.7;max-width:620px}.example-focus .example-actions{min-width:260px;display:flex;flex-direction:column;gap:10px}.example-focus .example-actions .button{flex-basis:auto;min-height:42px;font-size:14px;width:100%;margin:0}.example-focus .example-actions .primary{font-size:16px;min-height:50px}.example-use-note{font-size:12px;text-align:center;color:#697960}.example-more{font-size:13px;color:#63765a;text-align:center}.example-more summary{cursor:pointer;padding:6px}.example-more .button{margin-top:5px!important}.example-focus .preview-mode-bar{margin-top:22px}
@media(max-width:600px){.studio-welcome{padding-top:0;padding-bottom:25px}.studio-welcome .primary{width:100%;font-size:16px}.studio-welcome p{font-size:16px}.welcome-next{font-size:12px;line-height:1.9;max-width:320px}.welcome-next>span{padding-inline:3px}.dashboard-inspiration .dashboard-promotions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dashboard-inspiration .dashboard-promotion-art{height:88px;padding:9px 5px}.dashboard-inspiration .dashboard-promotions .example-card-label{flex-direction:column;gap:8px;padding:10px 5px}.dashboard-inspiration .example-card-label strong{font-size:15px}.dashboard-inspiration .example-card-label b{font-size:12px;padding:6px 8px}.dashboard-inspiration>header h2{font-size:20px}.dashboard-inspiration>header p{font-size:14px}.example-focus .example-preview-note{padding-top:0;gap:20px}.example-focus .example-preview-note h2{font-size:23px}.example-focus .example-actions{min-width:0;width:100%;max-width:none}.example-focus .example-preview-note p{font-size:14px}}

#preview-extras>summary{display:none}.example-focus #preview-extras{margin-top:24px;border-top:1px solid #dce3d2;padding-top:18px}.example-focus #preview-extras>summary{display:list-item;cursor:pointer;font-size:14px;color:#62735a}.example-focus #three-d-flip{background:#fff;border-color:#dce3d2}

.saved-examples{margin-top:24px;border:1px solid #dce3d2;border-radius:10px;padding:18px 20px;background:#fff}.saved-examples>summary{cursor:pointer;font-size:16px;font-weight:700}.saved-examples>summary>span{font-size:12px;border-radius:15px;background:#edf1e7;padding:3px 9px;margin-left:8px}.saved-examples>p{font-size:14px;color:#68795f;line-height:1.7;margin:16px 0}.saved-examples .dashboard-cards{margin-top:20px}

/* Branded workplace header, with a short navigation back to the relevant sections. */
.workspace-brand,.workspace-nav{display:none}.dashboard-active .topbar{min-height:88px;padding:16px max(24px,calc((100vw - 1296px)/2));gap:28px;background:#fff}.dashboard-active .topbar>.breadcrumb{display:none}.dashboard-active .workspace-brand{display:flex;align-items:center;gap:22px;flex-shrink:0}.workspace-wordmark{font-size:29px;font-weight:700;letter-spacing:-1.5px;line-height:1.2;color:#22362e;white-space:nowrap}.workspace-wordmark>span{color:#819b47}.workspace-label{font-size:13px;color:#69775f;border-left:1px solid #dce3d2;padding-left:22px}.dashboard-active .workspace-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:14px;color:#53664b}.workspace-nav a{padding:8px 0}.workspace-nav a:hover{color:#22362e;text-decoration:underline;text-underline-offset:5px}.dashboard-active .top-actions{margin-left:0;width:auto;gap:0;flex-wrap:nowrap}.dashboard-active #start-tutorial{font-size:14px;padding:8px 0;color:#53664b}.dashboard-active #inspiration-title,.dashboard-active #creations-title{scroll-margin-top:24px}
@media(max-width:900px){.dashboard-active .topbar{gap:20px}.workspace-label{display:none}.dashboard-active .workspace-nav{gap:20px}}
@media(max-width:560px){.dashboard-active .topbar{padding:16px 18px 10px;gap:12px;flex-wrap:wrap}.workspace-wordmark{font-size:27px}.dashboard-active .top-actions{margin-left:auto}.dashboard-active .workspace-nav{order:3;flex-basis:100%;margin-left:0;gap:25px;font-size:14px;border-top:1px solid #edf0e8;padding-top:5px}}

/* Start with the message; open precision tools only when designing the layout. */
.editor-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;background:#fff;border-bottom:1px solid #dfe5da}.editor-mode-bar p{font-size:14px;color:#62715b}.editor-mode-bar .segmented{flex-shrink:0}.editor-mode-bar button{font-size:14px;padding:11px 18px}.content-editing .layout-tools{display:none!important}.content-editing .field-overlay{cursor:text}.content-editing .field-overlay .handle{display:none}.content-editing .workspace-note{display:none}.content-editing #format-select,.content-editing #page-color-control,.content-editing .background-info,.content-editing #background-remove{display:none!important}.content-editing .left-panel>.panel-section:nth-child(2){display:none}.content-editing .small-tip{display:none}.content-editing .safe-guide{display:none}.content-editing #guides-toggle{display:none}.content-editing #field-text{min-height:175px;font-size:16px;line-height:1.7;padding:13px}.binding-explainer{font-size:12px;line-height:1.7;color:#637059;margin:12px 0 20px}.content-editing .inspector-heading h3{font-size:19px;line-height:1.4;overflow-wrap:anywhere}.content-editing .inspector-heading p{font-size:14px;line-height:1.7}.content-editing .inspector-group>label{font-size:13px}.content-editing .resolved-value{font-size:15px;line-height:1.7;background:#f0f4e8;padding:15px}.content-editing .layer{padding:12px 8px;align-items:flex-start}.content-editing .layer-name{font-size:13px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.content-editing .layer-kind{display:none}.content-editing .layer svg{width:15px;margin-top:3px}.content-editing .upload-zone{min-height:65px;padding:12px}.content-editing .upload-zone span{font-size:10px}.content-editing .page-cards{margin-bottom:15px}.content-editing .inspector-actions{border-top:1px solid #e2e7dc;margin-top:20px}.content-editing .right-panel{background:#fff}.content-editing .canvas-scroll{background:#edf0e9}.content-editing .artboard{box-shadow:0 18px 45px #283c3020}.content-editing .campaign-heading{padding-block:22px}.content-editing .campaign-heading .eyebrow,.content-editing .campaign-heading>div>p{display:none}.content-editing .campaign-heading h1{font-size:26px}.content-editing .workflow-hint{padding-block:14px}.content-editing .workflow-hint p{font-size:13px;max-width:710px}.content-editing .workflow-hint strong{font-size:15px}.content-editing .field-tag{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.visual-template-picker{border:0;margin:28px 0;padding:0}.visual-template-picker legend{font-size:20px;font-weight:700;margin-bottom:5px}.visual-template-picker>p{font-size:14px;color:#66745d;margin-bottom:18px}.visual-template-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-template-picker label{display:flex;flex-direction:column;position:relative;padding:15px;border:1px solid #dce3d5;background:#f6f7f2;border-radius:12px;cursor:pointer;min-width:0}.visual-template-picker label:has(input:checked){outline:2px solid #819a48;background:#edf3df}.visual-template-picker input{position:absolute;top:12px;right:12px;accent-color:#637e35;z-index:1}.visual-template-picker canvas{display:block;width:100%;aspect-ratio:210/148;box-shadow:0 7px 16px #263b2e15;transform:rotate(-2deg);margin:15px 0 22px;background:white}.visual-template-picker strong{font-size:17px}.visual-template-picker label>span{font-size:12px;color:#65745e;margin-top:5px}.start-template[hidden]{display:none!important}.dashboard-inspiration .example-card-label{flex-wrap:wrap}.example-style-note{display:block;font-size:12px;color:#64735b;margin-top:5px}.dashboard-inspiration .example-card-label>span{min-width:0}.dashboard-inspiration .example-card-label strong{display:block}.dashboard-inspiration .dashboard-promotion-art{height:205px}.content-editing .topbar .workspace-brand{display:block}.content-editing .topbar .workspace-label{display:none}.content-editing .topbar .workspace-wordmark{font-size:23px}.content-editing .topbar .breadcrumb strong,.content-editing .topbar .breadcrumb>span{display:none}.content-editing #start-tutorial,.content-editing #new-campaign-top{display:none}
@media(min-width:901px){.content-editing .editor-layout{grid-template-columns:215px minmax(300px,1fr) 320px;height:calc(100dvh - 345px);min-height:610px}.content-editing .left-panel .panel-section{padding:20px 16px}.content-editing .canvas-scroll{padding-inline:30px}.content-editing .topbar{gap:22px}}
@media(max-width:900px){.editor-mode-bar{padding:15px 20px;align-items:flex-start;flex-direction:column;gap:10px}.content-editing .left-panel{display:flex;gap:15px;padding:15px;overflow:auto}.content-editing .left-panel>.panel-section:first-child{min-width:190px;max-width:230px;padding:0;display:block}.content-editing .left-panel .layer-section{min-width:220px;flex:1;border:0;padding:0}.content-editing #layer-list{max-height:170px;overflow:auto}.content-editing .left-panel .page-cards{max-width:200px}.content-editing .right-panel #inspector{display:block}.content-editing .upload-zone{display:none}.content-editing .topbar{flex-wrap:wrap;gap:14px}.content-editing .top-actions{margin-left:auto}}
@media(max-width:600px){.visual-template-picker>div{grid-template-columns:1fr}.visual-template-picker label{display:grid;grid-template-columns:120px 1fr;column-gap:18px;align-content:center;padding:12px}.visual-template-picker canvas{grid-row:1/3;margin:5px 0;width:120px;align-self:center}.visual-template-picker strong{align-self:end;font-size:17px;padding-right:16px}.visual-template-picker label>span{align-self:start;font-size:12px}.editor-mode-bar{padding:14px 16px}.editor-mode-bar .segmented{width:100%;display:flex}.editor-mode-bar button{flex:1;padding:10px;font-size:13px}.editor-mode-bar p{font-size:13px}.content-editing .campaign-heading h1{font-size:21px}.content-editing .topbar .workspace-brand{width:auto}.content-editing .topbar .breadcrumb{margin-left:auto}.content-editing .topbar .top-actions{flex-basis:100%;justify-content:space-between}.example-style-note{font-size:10px}.dashboard-inspiration .dashboard-promotion-art{height:94px}.content-editing .recipient-switcher select{max-width:210px}}
.content-editing .field-overlay:not(.selected){border-color:transparent}.content-editing .field-overlay:not(.selected):hover,.content-editing .field-overlay:focus-visible{border-color:#8aa554;background:#e2eecc26}.content-editing .upload-zone{height:auto;min-height:0;gap:5px;padding:12px 8px}.content-editing .upload-zone strong{font-size:12px}.content-editing .upload-zone span{display:none}.content-editing .upload-zone svg{width:17px;height:17px}.content-editing .artboard-caption>span:first-child{visibility:hidden}
.content-editing #recipient-field-value{font-size:16px;line-height:1.7;min-height:185px;padding:13px}.direct-value-hint{font-size:12px;line-height:1.7;margin:12px 0 20px;color:#637059}
@media(max-width:600px){.content-editing .left-panel{display:block;padding:16px;overflow:visible}.content-editing .left-panel>.panel-section:first-child{max-width:none;min-width:0}.content-editing .left-panel .page-cards{max-width:225px;margin-bottom:12px}.content-editing .left-panel .layer-section{min-width:0;margin-top:12px;padding-top:14px;border-top:1px solid #e2e7dc}.content-editing #layer-list{display:flex;gap:8px;overflow:auto;max-height:82px;padding-bottom:4px}.content-editing .layer{flex:0 0 155px;min-width:0;margin:0;border:1px solid #e0e6d9;border-radius:6px;padding:10px}.content-editing .layer-name{font-size:12px;max-height:38px;overflow:hidden}.content-editing .layer-section .section-label{margin-bottom:10px}}
.visual-template-picker{max-width:none;width:100%;font-weight:400}.visual-template-picker legend{font-weight:700}.visual-template-picker>p{font-weight:400}
.starting-campaign .workspace-brand,body:has(#design-view:not([hidden])) .workspace-brand{display:block}.starting-campaign .workspace-label,body:has(#design-view:not([hidden])) .workspace-label{display:none}.starting-campaign .workspace-wordmark,body:has(#design-view:not([hidden])) .workspace-wordmark{font-size:23px}.starting-campaign .topbar{justify-content:space-between;gap:20px}.starting-campaign .breadcrumb>span,.starting-campaign .breadcrumb>strong{display:none}
.contact-import-start{margin:25px 0}.contact-import-start>button{display:flex;flex-direction:column;align-items:center;gap:10px;border:2px dashed #bacba5;border-radius:14px;background:#f2f6e9;width:100%;padding:38px 20px}.contact-import-start>button:hover,.contact-import-start>button.drag-over{background:#e7efda;border-color:#708d45}.contact-import-start>button>span:first-child{font-size:32px;color:#6c8947}.contact-import-start strong{font-size:23px}.contact-import-start>button>span{font-size:16px}.contact-import-start small{color:#6d7c60;font-size:12px}.contact-import-start>div{display:flex;align-items:center;gap:20px;margin-top:16px}.contact-import-start>div>span{margin-left:auto;font-size:13px;color:#6d7c60}.contact-columns{display:flex;align-items:center;gap:8px;font-size:13px;margin:15px 0}.data-view:not(.show-all-columns) .extra-contact-column{display:none}.data-view td textarea{min-width:260px;width:100%;min-height:76px;line-height:1.6;font-size:14px}.data-view td input{min-width:160px}.data-view td [data-key=chatbot_url]{min-width:250px}.data-view table{min-width:850px}.data-view .view-heading h2{font-size:32px}.data-view .view-heading p{font-size:16px}.data-view:has(#contact-import-start:not([hidden])) .data-toolbar,.data-view:has(#contact-import-start:not([hidden])) .recipient-filter,.data-view:has(#contact-import-start:not([hidden])) .table-scroll,.data-view:has(#contact-import-start:not([hidden])) .data-bottom{display:none}
#csv-import-dialog{width:min(880px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #dce4d4;border-radius:16px;color:#24362c;max-height:90dvh}#csv-import-dialog::backdrop{background:#15241bd0;backdrop-filter:blur(4px)}.csv-modal-header{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;border-bottom:1px solid #e2e8db}.csv-modal-header h2{font-size:27px;margin-top:8px}.csv-modal-body{padding:24px 30px;max-height:calc(90dvh - 195px);overflow:auto}.csv-modal-body>p{font-size:15px;line-height:1.7;margin-bottom:20px}.csv-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.csv-map-grid label,.csv-import-options label{font-size:13px;display:block;font-weight:700}.csv-map-grid select,.csv-import-options input,.csv-import-options select{display:block;width:100%;margin-top:8px;font-size:14px}.csv-extra{margin:22px 0;border-block:1px solid #e3e8de;padding:17px 0}.csv-extra summary{font-size:14px;cursor:pointer}.csv-extra .csv-map-grid{margin-top:20px}.csv-import-options{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;margin-bottom:22px}.csv-import-options small,.csv-import-options label>span{font-weight:400;font-size:11px;color:#6f7e64}.csv-review-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px}.csv-review-heading strong{font-size:15px}.csv-review-heading span{font-size:12px;color:#738267}#csv-review>article{padding:16px 18px;background:#f3f6ed;border:1px solid #e0e7d5;border-radius:8px;margin-top:10px}#csv-review article>strong{font-size:15px;display:block;margin-bottom:7px}#csv-review article>span{font-size:13px}#csv-review article p{font-size:14px;line-height:1.7;margin:6px 0}#csv-review article small{display:block;font-size:11px;overflow-wrap:anywhere;color:#678047}.csv-import-notice{font-size:13px;line-height:1.7;margin-top:15px}.csv-error{background:#fff0eb;color:#963b24;padding:12px 15px;border-radius:7px}.csv-import-mode{border:1px solid #dfe6d4;border-radius:8px;padding:15px;margin:20px 0}.csv-import-mode label{display:block;font-size:14px;margin:8px 0}.csv-local-note{font-size:11px;color:#75836b;line-height:1.7;margin-top:20px}.csv-modal-footer{display:flex;justify-content:space-between;gap:18px;padding:18px 30px;border-top:1px solid #e2e8db;background:#fff}.csv-modal-footer .button{font-size:14px}
@media(max-width:600px){.csv-modal-header{padding:20px}.csv-modal-header h2{font-size:22px}.csv-modal-body{padding:20px}.csv-map-grid,.csv-import-options{grid-template-columns:1fr}.csv-modal-footer{padding:16px;gap:8px}.csv-modal-footer .button{font-size:12px;padding:10px}.contact-import-start strong{font-size:19px}.contact-import-start>div{flex-wrap:wrap;gap:12px}.contact-import-start>div>span{margin-left:0}.csv-review-heading{display:block}.csv-review-heading span{display:block;margin-top:5px}.data-view .view-heading h2{font-size:26px}}

.mailing-3d-card,.thumb canvas,.proof-card canvas{aspect-ratio:var(--mailing-ratio,210/148)}
.single-sided [data-side="back"],.single-sided #three-d-back-button,.single-sided #three-d-flip,.single-sided #proof-back{display:none!important}

.single-sided #proof-spread article:has(#proof-back){display:none}.single-sided #proof-spread{grid-template-columns:1fr}.single-sided #proof-front{max-width:600px;margin:auto}.library-editor #setup-tab,.library-editor #guide-return,.library-editor #sample-notice,.library-editor #example-preview-note{display:none!important}

#selfmailer-guides{position:absolute;inset:0;pointer-events:none;z-index:5}.fold-guide{position:absolute;left:0;right:0;top:50%;border-top:1px dashed #607567}.fold-guide span,.postal-guide span{font:10px/1.2 sans-serif;background:#fffffff0;color:#42584b;padding:2px 4px}.fold-guide span{position:absolute;right:0;top:1px}.postal-guide{position:absolute;border:1px dashed #809387;background:#e2ece514}.postal-guide span{position:absolute;top:1px;left:1px}

.print-previews{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.print-previews figure{margin:0;min-width:0}.print-previews figure>div{position:relative}.print-previews img{width:100%;display:block;border:1px solid #d5dccb}.print-previews figure span{position:absolute;inset:1.47% 1.39%;border:1px dashed #b04965;pointer-events:none}.print-previews figcaption{font-size:12px;line-height:1.5;margin-top:8px}.print-warning{color:#82531e}#print-range:not([hidden]){display:flex;gap:15px}#print-template-download{display:block;margin:12px 0}#print-template-download[hidden]{display:none}#print-profile{width:100%;max-width:100%}@media(max-width:600px){.print-previews{grid-template-columns:1fr}}