@font-face{font-family:"JetBrains Mono";src:url('/assets/JetBrainsMono-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Clash;src:url('/assets/ClashGrotesk-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Display;src:url('/assets/ClashDisplay-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#191726;--paper:#f4f1ef;--muted:#655f70;--line:#dcd5d3;--primary:#665cd5;--peach:#e2997d;--danger:#a32f2f;font-family:Clash,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:var(--primary)}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;min-height:46px}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--primary);flex-shrink:0}input[type=file]{font-size:14px;background:transparent}label{display:block;font-size:14px;font-weight:550;margin-bottom:7px}label span,.optional{font-size:13px;font-weight:400;color:var(--muted)}h1,h2,h3,p{margin:0}h2{font-family:Display,sans-serif;font-size:29px;line-height:1.15;font-weight:550;margin-bottom:10px}h3{font-size:18px;font-weight:550}.site-header{max-width:1440px;margin:auto;padding:32px 5%;display:flex;align-items:center;gap:20px;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:23px;color:var(--ink);text-decoration:none;letter-spacing:-.8px}.brand b{font-weight:400;color:var(--muted)}#header-note{font-size:14px;color:var(--muted)}main{max-width:1320px;margin:38px auto 60px;padding:0 5%;display:grid;grid-template-columns:1fr 1.12fr;align-items:start;gap:8%}.intro{padding-top:54px;position:sticky;top:30px}h1{white-space:pre-line;font-family:Display,sans-serif;font-weight:550;font-size:clamp(48px,5.4vw,76px);line-height:1.03;letter-spacing:-2.2px;margin:32px 0 24px}.intro p{font-size:18px;color:var(--muted);line-height:1.6;max-width:410px}.principles{margin-top:48px;display:flex;flex-direction:column;gap:14px;font-size:14px}.principles span::before{content:'✓';margin-right:12px;color:var(--primary)}.panel{border:1px solid var(--line);border-radius:18px;background:#fffdfa;padding:34px;box-shadow:0 12px 35px #19172606;min-width:0}.subtitle{color:var(--muted);font-size:15px;line-height:1.5;margin-bottom:25px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;margin:-8px 0 28px;background:var(--paper);border:1px solid var(--line);border-radius:13px}.tabs button{display:flex;align-items:center;gap:10px;min-width:0;min-height:74px;padding:13px 10px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted)}.tabs button:hover{background:#ffffff90;color:var(--ink)}.tabs button[aria-selected=true]{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:0 2px 4px #1917260a}.mode-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;font-size:25px;border-radius:7px;background:#e6e0dd;color:var(--muted)}.tabs button[aria-selected=true] .mode-icon{background:var(--peach);color:var(--ink)}.mode-icon svg{display:block}.mode-label{display:block;font-size:14px;font-weight:600;line-height:1.3}.mode-description{display:block;font-size:11px;line-height:1.4;margin-top:4px;color:var(--muted)}.brand img{display:block;width:158px;height:auto}.product-name{border-left:1px solid var(--line);padding-left:13px;font-size:20px;letter-spacing:-.4px;color:var(--muted)}.field-value,#requested-fields input,#requested-fields textarea{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:14px;line-height:1.6;font-variant-ligatures:none}.form-row{margin-bottom:20px}.row{display:flex;gap:14px;align-items:start}.row>*{flex:1;min-width:0}.primary{width:100%;background:var(--ink);border:1px solid var(--ink);color:#fff;padding:15px 20px;border-radius:9px;font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary:hover{background:#363143}.primary::after{content:'↗';font-size:22px;line-height:1}.secondary{border:1px solid var(--line);background:transparent;border-radius:8px;padding:10px 14px;color:var(--ink);font-weight:500}.secondary:hover{background:var(--paper)}.quiet{border:0;background:none;color:var(--muted);padding:7px;font-size:14px}.quiet:hover{color:var(--ink)}.field-card{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:12px;background:#fff}.field-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.field-heading input{min-height:38px;padding:8px 10px}.field-heading select{width:130px;min-height:38px;padding:8px;font-size:13px}.field-heading button{min-height:38px;font-size:22px}.field-heading .row{flex:1;gap:8px}.field-card textarea{min-height:85px}.help{color:var(--muted);font-size:13px;line-height:1.5;margin-top:8px}.retention{padding:15px;background:#eeecfd;border:1px solid #dcd9ff;border-radius:9px;font-size:14px;line-height:1.5;margin:16px 0}.check{display:flex;align-items:start;gap:10px;font-size:14px;font-weight:400;line-height:1.5;margin:20px 0}.check input{margin:2px 0 0}.error{color:var(--danger);font-size:14px;line-height:1.5;white-space:pre-wrap;margin:12px 0}.error:empty{display:none}.success-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e3f1e8;font-size:26px;margin-bottom:24px}.link-box{word-break:break-all;padding:15px;border-radius:9px;background:var(--paper);border:1px solid var(--line);font-size:14px;line-height:1.5;margin-bottom:15px}.actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.file-info{font-size:13px;color:var(--muted);margin:7px 0}.secret{padding:17px 0;border-bottom:1px solid var(--line)}.secret-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.secret pre{font:14px/1.6 "JetBrains Mono",ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:var(--paper);border-radius:8px;padding:14px;margin:10px 0 0}.instructions{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6;margin:16px 0 24px}.file-download{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.file-download a{flex-shrink:0;font-size:14px}.section-label{font-size:14px;font-weight:550;margin:23px 0 10px}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:8px;max-width:90vw;font-size:14px;box-shadow:0 6px 18px #0002;z-index:10}#notice:empty{display:none}[hidden]{display:none!important}.mail-warning{background:#fff0d6;color:#6a480d;padding:12px;border-radius:8px;font-size:13px;line-height:1.5;margin-bottom:20px}
@media(max-width:850px){main{gap:5%;grid-template-columns:.85fr 1.15fr}.panel{padding:25px}h1{font-size:52px;letter-spacing:-1.5px}.intro p{font-size:16px}.row{flex-wrap:wrap}.row>*{flex-basis:120px}.field-heading .row{flex-wrap:nowrap}.field-heading .row>*{flex-basis:auto}.field-heading select{width:105px}}
@media(max-width:650px){.site-header{padding:22px 6%}.brand{font-size:21px}#header-note{display:none}main{display:flex;flex-direction:column;margin:12px auto 40px;padding:0 6%;gap:30px}.intro{position:static;padding-top:5px}h1{font-size:44px;margin:12px 0 16px;letter-spacing:-1px}.intro p{font-size:15px}.principles{display:none}.panel{width:100%;padding:24px;border-radius:14px}h2{font-size:26px}footer{padding:20px 6%;flex-direction:column;gap:8px}.field-heading .row{flex-wrap:wrap}.field-heading .row input{flex-basis:100%}.field-heading select{width:100%}.field-heading button{align-self:start}.actions>*{flex:1}.tabs{gap:5px;padding:5px}.tabs button{gap:8px;padding:11px 8px;min-height:72px}.mode-label{font-size:13px}.mode-description{font-size:10px}.mode-icon{width:25px;height:29px;font-size:23px}}

.access-code-fields{border:0;padding:0;margin:0 0 24px}.access-code-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:320px}.access-code-character{height:72px;padding:8px;text-align:center;font:28px/1 "JetBrains Mono",monospace;caret-color:var(--primary);border-radius:10px}.access-code-character:hover{border-color:var(--muted)}.access-submit{justify-content:center}.access-submit::after{content:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.access-code-character[aria-invalid="true"]{border-color:var(--danger,#a52c2c);box-shadow:0 0 0 1px var(--danger,#a52c2c)}

.secret pre,.access-code-character{font-variant-ligatures:none}

.delivery{border:0;padding:0;margin:0 0 24px;min-width:0}.delivery legend{font-size:14px;font-weight:550;margin-bottom:10px}.delivery-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.delivery-option{display:flex;align-items:center;gap:9px;padding:13px 11px;border:1px solid var(--line);border-radius:9px;cursor:pointer;margin:0;min-width:0}.delivery-option:has(input:checked){border-color:var(--ink);background:var(--paper)}.delivery-option:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:2px}.delivery-option:has(input:disabled){opacity:.55;cursor:not-allowed}.delivery-option input{width:16px;height:16px;min-height:0;flex:none;accent-color:var(--ink);padding:0;margin:0}.delivery-option strong{display:block;font-size:14px;font-weight:550}.delivery-option span span{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.4;margin-top:3px}@media(max-width:380px){.delivery-options{grid-template-columns:1fr}}

.primary.danger{background:var(--danger);border-color:var(--danger)}.primary.danger::after{content:none}

/* Creation workspace: content first, delivery and retention together alongside it. */
.creating main{display:block;max-width:1440px;margin-top:20px}
.creating .intro{position:static;padding:0 0 34px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.creating h1{font-size:48px;letter-spacing:-1.5px;line-height:1.1;margin:0;max-width:600px}
.creating .intro p{font-size:16px;max-width:340px;line-height:1.5}
.creating .principles{display:none}
.creating .panel{padding:0;border:0;background:transparent;box-shadow:none}
.creating .tabs{max-width:540px;margin:0 0 30px}
.creating h2{font-size:30px}
.creating .subtitle{margin-bottom:28px;max-width:650px}
.creator-form{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.form-section{min-width:0;margin:0;padding:26px;border:1px solid var(--line);border-radius:14px;background:#fffdfa}
.form-section>legend{float:left;width:100%;padding:0;margin:0 0 8px;font-family:Display,sans-serif;font-size:23px;font-weight:550;line-height:1.2}
.form-section>legend+.section-description{clear:both}
.section-description{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:24px}
.settings-column{display:flex;flex-direction:column;gap:20px;min-width:0}
.settings-column .form-section{padding:24px}
.settings-column .delivery-options{grid-template-columns:1fr}
.settings-column .delivery-option{padding:13px}
.form-section>.form-row:last-child{margin-bottom:0}
.content-section .section-label{margin-top:28px}
.content-section #add-field{margin:2px 0 4px}
.content-section input[type=file]{padding:10px;border-style:dashed;font-size:13px}
.content-section input[type=file]::file-selector-button{font:inherit;color:var(--ink);background:var(--paper);border:0;border-radius:5px;padding:9px 12px;margin-right:10px;cursor:pointer}
.content-section .field-heading .row input{flex:1 1 auto}
.content-section .field-heading .row select{flex:0 0 130px}
.access-section .retention{font-size:13px;padding:12px;margin-bottom:0}
.access-section .check{margin:20px 0 12px}
.submit-section{padding:0 4px}
.submit-section .help{margin-top:12px}
@media(max-width:1000px){
  .creating .intro{align-items:start;gap:24px}
  .creating h1{font-size:40px;max-width:440px}
  .creator-form{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
  .form-section,.settings-column .form-section{padding:22px}
}
@media(max-width:850px){
  .creating .intro{display:block;padding-bottom:28px}
  .creating h1{max-width:none;margin-bottom:14px}
  .creating .intro p{max-width:550px}
  .creator-form{grid-template-columns:1fr}
  .settings-column .delivery-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .creating main{margin-top:14px}
  .creating h1{font-size:36px;letter-spacing:-1px}
  .creating .intro{padding-bottom:26px}
  .creating .tabs{margin-bottom:24px}
  .creating h2{font-size:26px}
  .creating .subtitle{margin-bottom:22px}
  .form-section,.settings-column .form-section{padding:20px}
  .form-section>legend{font-size:22px}
  .section-description{margin-bottom:20px}
  .content-section .field-heading .row select{flex:1 1 100%;width:100%}
  .settings-column .delivery-options{grid-template-columns:1fr}
}
@media(max-width:380px){
  .creating .site-header{gap:12px}
  .creating .brand{gap:8px}
  .creating .brand img{width:130px}
  .creating .product-name{font-size:18px;padding-left:8px}
}

.custom-expiry{margin-top:14px;min-width:0}.custom-expiry input{min-width:0;max-width:100%;font-size:14px}