@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}body{color:#1a1714;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#f1ebdf;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.55}button,input,textarea{color:inherit;font-family:inherit}button{cursor:pointer}a{color:inherit}:root{--paper:#faf6ed;--paper-warm:#f1ebdf;--ink:#000;--ink-soft:#4a423a;--ink-muted:#8a7e70;--rule:#d9cfba;--rule-soft:#e7dfca;--accent:#1a1714;--accent-text:#faf6ed;--highlight:#c9a96a;--display:"Fraunces", "Times New Roman", serif;--sans:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace}.page{background:var(--paper-warm);background-image:radial-gradient(at 12% -10%,#e6d9b8 0%,#0000 45%),radial-gradient(at 110% 0,#ead7b7 0%,#0000 50%);min-height:100vh;padding:48px 32px 64px;position:relative;overflow-x:hidden}.page__grain{pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.4 0 0 0 0 0.32 0 0 0 0.5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.page__header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:24px;max-width:1080px;margin:0 auto 36px;padding-bottom:24px;display:flex;position:relative}.brand{align-items:center;gap:18px;display:flex}.brand__mark{background:var(--ink);width:56px;height:56px;color:var(--paper);font-family:var(--display);border-radius:50%;place-items:center;font-size:32px;font-weight:600;line-height:1;display:grid}.brand__title{font-family:var(--display);letter-spacing:-.5px;color:var(--ink);font-size:38px;font-style:italic;font-weight:500;line-height:1}.brand__sub{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);margin-top:6px;font-size:12px}.meta-strip{border:1px solid var(--rule);background:var(--paper);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:11px;display:inline-flex}.meta-strip__dot{background:#2f8a4f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2f8a4f2e}.meta-strip__sep{color:var(--ink-muted)}.page__main{flex-direction:column;gap:36px;max-width:1080px;margin:0 auto;display:flex;position:relative}.card{background:var(--paper);border:1px solid var(--rule);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #fff9,0 24px 60px -36px #3a2a1647}.card--preview{background:var(--paper)}.card__header{border-bottom:1px solid var(--rule-soft);align-items:flex-start;gap:18px;padding:28px 32px 20px;display:flex}.card__num{font-family:var(--display);color:var(--highlight);margin-top:4px;font-size:28px;font-style:italic;font-weight:500;line-height:1}.card__title{font-family:var(--display);letter-spacing:-.3px;color:var(--ink);margin:0;font-size:24px;font-weight:500}.card__sub{color:var(--ink-muted);margin:4px 0 0;font-size:13px}.card__body{padding:28px 32px 32px}.card__body--preview{border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);background:repeating-linear-gradient(45deg,#3a2a1606 0 1px,#0000 1px 14px),#efe7d2;padding:32px}.card__footer{background:var(--paper);justify-content:space-between;align-items:center;gap:16px;padding:22px 32px;display:flex}.card__footer-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:2px;font-size:11px;display:flex}.card__footer-key{color:var(--ink-muted)}.card__footer-value{color:var(--ink);font-weight:500}.preview-stage{justify-content:center;display:flex;overflow-x:auto}.form{flex-direction:column;gap:22px;display:flex}.form__grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field__label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field__label-text{font-family:var(--display);color:var(--ink);letter-spacing:-.1px;font-size:16px;font-style:italic;font-weight:500}.field__hint{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:10.5px}.field__input{appearance:none;border:1px solid var(--rule);font-size:14px;font-family:var(--sans);color:var(--ink);background:#fdfaf2;border-bottom:1.5px solid #c4b394;border-radius:8px;padding:12px 14px;transition:border-color .12s,box-shadow .12s,background .12s}.field__input::placeholder{color:#b6a991}.field__input:hover{background:#fbf6e9;border-color:#c4b394}.field__input:focus{border-color:var(--ink);background:#fff;outline:none;box-shadow:0 0 0 3px #1a171414}.field__input--textarea{resize:vertical;min-height:132px;line-height:1.5;font-family:var(--mono);font-size:13px}input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.cta{background:var(--accent);color:var(--accent-text);font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;align-items:center;gap:14px;padding:16px 26px;font-size:14px;font-weight:600;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;position:relative;box-shadow:0 14px 30px -12px #1a171499}.cta:hover:not(:disabled){background:#2a241e;transform:translateY(-1px);box-shadow:0 18px 36px -12px #1a171499}.cta:active:not(:disabled){transform:translateY(0)}.cta:disabled{opacity:.6;cursor:not-allowed}.cta__arrow{background:#faf6ed29;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;line-height:1;display:grid}.page__footer{border-top:1px solid var(--rule);max-width:1080px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;margin:64px auto 0;padding-top:24px;font-size:11px;display:flex;position:relative}.design-toggle{border:1px solid var(--rule);background:var(--paper-warm);border-radius:999px;gap:2px;margin-left:auto;padding:4px;display:inline-flex}.design-toggle__btn{appearance:none;color:var(--ink-muted);font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.design-toggle__btn:hover:not(.design-toggle__btn--active){color:var(--ink)}.design-toggle__btn--active{background:var(--accent);color:var(--accent-text);box-shadow:0 6px 18px -10px #1a171499}.claude-preview-frame{background:#fff;width:612px;box-shadow:0 2px #0000000a,0 30px 60px -24px #281e1459,0 60px 120px -40px #281e1440}.bulk{flex-direction:column;gap:18px;display:flex}.bulk__toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.bulk__count{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:11px}.bulk__add{appearance:none;border:1px solid var(--ink);background:var(--ink);color:var(--accent-text);font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:600;transition:background .12s}.bulk__add:hover{background:#2a241e}.bulk__rows{flex-direction:column;gap:14px;display:flex}.bulk-row{border:1px solid var(--rule);cursor:pointer;background:#fdfaf2;border-radius:14px;padding:16px;transition:border-color .12s,box-shadow .12s,background .12s}.bulk-row:hover{border-color:#c4b394}.bulk-row--selected{border-color:var(--ink);background:#fffdf6;box-shadow:0 0 0 3px #1a17140f}.bulk-row__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.bulk-row__title{align-items:baseline;gap:10px;min-width:0;display:flex}.bulk-row__index{font-family:var(--mono);color:var(--ink-muted);letter-spacing:.06em;font-size:11px}.bulk-row__name{font-family:var(--display);color:var(--ink);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-style:italic;overflow:hidden}.bulk-row__actions{gap:6px;display:inline-flex}.bulk-row__action{appearance:none;border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}.bulk-row__action:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.bulk-row__action--danger:hover:not(:disabled){color:#b03a2e;border-color:#b03a2e}.bulk-row__action:disabled{opacity:.4;cursor:not-allowed}.bulk-row__grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px 12px;display:grid}.bulk-cell{flex-direction:column;gap:4px;min-width:0;display:flex}.bulk-cell--wide{grid-column:span 2}.bulk-cell__label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:10px}.bulk-input{appearance:none;border:1px solid var(--rule);font-family:var(--sans);color:var(--ink);box-sizing:border-box;background:#fff;border-radius:6px;width:100%;padding:8px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}.bulk-input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 2px #1a171414}.bulk-input--ta{resize:vertical;min-height:84px;font-family:var(--mono);font-size:12px;line-height:1.5}.bulk-input-row{gap:6px;display:flex}.bulk-input-btn{appearance:none;border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;width:34px;font-size:14px;transition:background .12s,border-color .12s}.bulk-input-btn:hover{border-color:var(--ink);background:#fffdf6}@media (width<=900px){.page{padding:32px 16px 48px}.page__header{flex-direction:column;align-items:flex-start}.brand__title{font-size:30px}.form__grid{grid-template-columns:1fr}.bulk-row__grid{grid-template-columns:1fr 1fr}.bulk-cell--wide{grid-column:span 2}.design-toggle{margin-left:0}.card__header{flex-wrap:wrap}.card__header,.card__body,.card__footer{padding-left:22px;padding-right:22px}.card__body--preview{padding:18px 12px;overflow-x:auto}.card__footer{flex-direction:column;align-items:stretch;gap:14px}.cta{justify-content:center}.page__footer{flex-direction:column;gap:8px}}