*{box-sizing:border-box}body{margin:0;background:#f6f7f8;color:#15212d;font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}.studio-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #e2e6e7;background:#fff}.brand{font-size:29px;font-weight:750;letter-spacing:-1.3px;text-decoration:none;display:inline-block}.brand span{vertical-align:super;font-size:12px;margin-left:3px}.header-right{display:flex;align-items:center;gap:22px;font-size:14px;color:#52616c}.private-label{padding:5px 11px;border:1px solid #d5e0df;color:#426f73;border-radius:5px}.header-rule{height:18px;width:1px;background:#dce1e4}.workspace{max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:clamp(32px,5vw,84px);padding:48px 5vw 64px}.page-heading{margin-bottom:36px}.eyebrow{display:block;font-size:12px;letter-spacing:1.8px;font-weight:700;color:#52777a}h1{font-size:clamp(32px,3.1vw,44px);line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin:13px 0 14px}.page-heading p{margin:0;color:#6d7880}fieldset{padding:0 0 28px;margin:0 0 28px;border:0;border-bottom:1px solid #dfe4e6;min-width:0}legend{padding:0 0 18px;font-size:18px;font-weight:600;width:100%}legend span{font-size:12px;letter-spacing:1px;color:#77848d;margin-right:12px}legend small{float:right;color:#7a858b;font-size:12px;font-weight:400;padding-top:6px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500;min-width:0}.field input:not([type=range]),select{width:100%;padding:12px 13px;border:1px solid #d7dfe3;border-radius:7px;background:#fff;color:#18252e;outline:none;font-size:16px;min-width:0}.field input:focus,select:focus{border-color:#426f73;box-shadow:0 0 0 3px #426f731c}input::placeholder{color:#929ba2;font-size:14px}input[type=range],input[type=checkbox]{accent-color:#426f73}input[type=range]{width:100%;margin:5px 0}input[type=checkbox]{width:18px;height:18px;margin:0}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-control{background:#fff;border:1px dashed #bfcbd0;border-radius:8px;padding:17px;min-width:0}.upload-control label{display:flex;flex-direction:column;margin-bottom:12px;font-size:14px}.upload-control label strong{font-weight:600}.upload-control label span{font-size:12px;color:#7b858d;margin-top:5px}.upload-control input{font-size:12px;width:100%;color:#63727c}.upload-control input::file-selector-button{background:#edf2f3;border:0;border-radius:4px;padding:8px;color:#34575a;cursor:pointer;margin-right:6px}.text-button{background:none;border:0;padding:4px 0;font-size:14px;color:#426f73;text-decoration:underline;text-underline-offset:4px}.upload-control .text-button{font-size:12px;margin-top:9px}.photo-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:19px}.design-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;font-size:14px}.color-field{display:flex;align-items:center;gap:10px}input[type=color]{height:32px;width:38px;padding:3px;border:1px solid #c5d1d5;border-radius:5px;background:white;cursor:pointer}.check-field{display:flex;align-items:center;gap:9px}.preview-sticky{position:sticky;top:28px}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.preview-heading .text-button{font-size:12px}.mail-window{background:#fff;border:1px solid #d8e0e3;border-radius:13px;box-shadow:0 16px 40px #20384008;overflow:hidden}.mail-top{display:flex;gap:12px;align-items:center;padding:19px 25px;border-bottom:1px solid #ecedef}.mail-avatar{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;background:#edf3f2;color:#426f73;font-size:14px;font-weight:bold}.mail-top strong,.mail-top div span{display:block;font-size:13px}.mail-top div span{color:#8a959d;font-size:12px;margin-top:2px}.mail-dots{margin-left:auto;color:#89969b;letter-spacing:3px}.mail-body{padding:32px 24px 30px;overflow:hidden}.email-placeholder span{display:block;height:6px;background:#f0f2f4;border-radius:6px;width:67%;margin-bottom:12px}.email-placeholder span+span{width:44%}.signoff{font-size:14px;margin:28px 0 18px;color:#5a666e}#preview-wrap{width:100%;position:relative}#signature-preview{width:530px;transform-origin:top left}#signature-preview a{pointer-events:none}.preview-caption{display:flex;justify-content:space-between;gap:14px;color:#88929a;font-size:12px;margin:15px 2px 30px}.export-panel{padding:25px;background:#fff;border:1px solid #e0e5e7;border-radius:12px}h2{font-size:20px;line-height:1.25;letter-spacing:-.4px;margin:0 0 10px;font-weight:500}.export-panel>p{font-size:14px;color:#79848c;margin:0 0 20px}.primary,.secondary{border-radius:7px;padding:14px 20px;font-size:14px;font-weight:600;border:1px solid #426f73;transition:background .15s}.primary{background:#426f73;color:#fff}.primary:hover{background:#315b5f}.primary:disabled{opacity:.6;cursor:wait}.primary span{float:right;font-size:17px}.secondary{background:#fff;color:#315b5f;border-color:#c2d0d3}.secondary:hover{background:#f3f6f6}#prepare{width:100%;text-align:left}.export-actions{display:flex;flex-wrap:wrap;gap:10px}.export-actions .primary,.export-actions .secondary{flex:1;white-space:nowrap}.export-actions .text-button{width:100%}.export-panel .status{margin:12px 0;font-size:14px;color:#426f73}.status:empty{display:none}.status.error{color:#a33131}.export-panel .asset-note{font-size:12px;line-height:1.6;margin:18px 0 0;color:#869199}.install-help{font-size:14px;border-bottom:1px solid #dce3e6;padding:19px 0}.install-help summary{cursor:pointer;color:#526b75}.install-help .field{margin-top:15px}.install-help p{color:#586b77;line-height:1.7}.subtle{font-size:12px!important;color:#89949b!important}.studio-footer{display:flex;justify-content:space-between;gap:20px;max-width:1360px;margin:auto;padding:0 5vw 28px;color:#89949b;font-size:12px}#manual-copy{overflow-x:auto;font-size:14px}#manual-signature{padding:10px 0;border:1px solid #ccd9dd;min-width:530px}.gate-body{min-height:100svh;display:grid;place-items:center;padding:24px}.gate-card{background:#fff;border:1px solid #e1e7e8;border-radius:16px;padding:44px;max-width:480px;width:100%}.gate-card .brand{margin-bottom:40px}.gate-card p{color:#6e7d85;font-size:16px}.gate-card .primary{margin-top:10px}[hidden]{display:none!important}:focus-visible{outline:2px solid #426f73;outline-offset:4px}@media(min-width:1500px){.workspace{padding-left:30px;padding-right:30px}}@media(max-width:960px){.workspace{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:36px 24px}.field-grid,.upload-grid{grid-template-columns:1fr}.mail-body{padding:24px 14px}.mail-top{padding:16px}.design-options{align-items:flex-start;flex-direction:column}.export-panel{padding:20px}.preview-caption{flex-direction:column;gap:4px}}@media(max-width:680px){.studio-header{height:73px;padding:0 20px}.brand{font-size:26px}.header-right{gap:0}.header-rule,.header-right>span:last-child{display:none}.workspace{grid-template-columns:1fr;padding:28px 20px 38px;gap:15px}.field-grid,.upload-grid{grid-template-columns:1fr 1fr}.page-heading{margin-bottom:26px}h1{font-size:38px}.preview-column{grid-row:1}.preview-sticky{position:static}.preview-heading{margin-bottom:12px}.mail-body{padding:20px 15px}.email-placeholder,.signoff,.preview-caption{display:none}.mail-top{padding:13px 17px}.export-panel{margin-top:16px}.preview-column .export-panel{padding:18px}.preview-column h2{font-size:18px}.preview-column .asset-note{margin-top:12px}.editor{margin-top:16px}.design-options{flex-direction:row}.studio-footer{flex-direction:column;gap:5px;padding:0 20px 25px}.gate-card{padding:30px}.install-help{padding:14px 0}}@media(max-width:370px){.field-grid,.upload-grid{grid-template-columns:1fr}.design-options{flex-direction:column}}

.theme-toggle{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;background:#fff;border:1px solid #d7dfe3;border-radius:7px;cursor:pointer;position:relative}.theme-toggle>span:first-child{flex:1}.theme-toggle strong{display:block;font-size:14px;font-weight:500}.theme-toggle small{display:block;font-size:12px;color:#7b858d;margin-top:3px}.theme-toggle input{position:absolute;right:16px;opacity:0;width:44px;height:26px}.switch-track{width:44px;height:26px;background:#c7d0d5;border-radius:20px;position:relative;flex-shrink:0;transition:background .2s}.switch-track:after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;transition:transform .2s}.theme-toggle input:checked+.switch-track{background:#426f73}.theme-toggle input:checked+.switch-track:after{transform:translateX(18px)}.theme-toggle input:focus-visible+.switch-track{outline:2px solid #426f73;outline-offset:4px}

.save-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:20px}.save-bar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.save-bar p{font-size:12px;color:#73818a;margin:0}.save-bar p.error{color:#a33131}.save-bar>a{font-size:12px;color:#426f73;white-space:nowrap}.save-bar button:disabled{opacity:.6;cursor:wait}@media(max-width:960px){.save-bar{flex-wrap:wrap}.save-bar>div{gap:8px}}

.logo-controls{display:grid;gap:15px;margin-top:20px;padding:18px 0;border-bottom:1px solid #8884}.logo-controls output{float:right;font-variant-numeric:tabular-nums;font-size:14px}.logo-hint{font-size:13px;color:inherit;opacity:.72;margin:0}.logo-controls .check-field{font-size:14px}