:root{--bg:#f3f7f5;--bg-accent:#e8f2ee;--ink:#12201e;--muted:#5c6f6b;--line:#d5e0dc;--card:#fff;--accent:#1f6f5b;--accent-ink:#fff;--warn:#9a3412;--danger:#b91c1c;--radius:14px;--font:"Figtree", system-ui, sans-serif;--display:"Syne", "Figtree", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(1200px 500px at 10% -10%, #d9eee6 0%, transparent 55%), radial-gradient(900px 400px at 100% 0%, #e7efe8 0%, transparent 50%), var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);margin:0}a{color:var(--accent);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.shell{width:min(920px,100% - 32px);margin:0 auto;padding:28px 0 80px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.brand-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:.72rem;font-weight:800}.brand-title{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.1rem)}.brand-sub{color:var(--muted);max-width:42rem;margin:8px 0 0;line-height:1.5}.badge{background:color-mix(in srgb, var(--accent) 12%, white);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:800;display:inline-flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px}.card h2{margin:0 0 6px;font-size:1.1rem}.card p.meta{color:var(--muted);margin:0 0 16px;font-size:.92rem;line-height:1.45}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:1px solid #0000;border-radius:12px;padding:10px 14px;font-weight:700}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, var(--line));background:0 0}.chip-rail{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{appearance:none;border:1px solid var(--line);background:var(--bg-accent);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 12px;font-weight:700}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.add{background:0 0;border-style:dashed}.field-grid{gap:12px;display:grid}.field-row{border:1px solid var(--line);background:#fafcfb;border-radius:12px;gap:8px;padding:12px;display:grid}.field-row-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-row input[type=text],.field-row input:not([type]),.field-row select,.field-row textarea,.builder-name,.fill-form input,.fill-form select,.fill-form textarea{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.fill-form label{margin:14px 0 6px;font-size:.88rem;font-weight:700;display:block}.fill-form .hint{color:var(--muted);margin:0 0 18px;line-height:1.5}.toggle{background:var(--bg-accent);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.toggle input{margin-top:3px}.toggle strong{margin-bottom:2px;display:block}.toggle span{color:var(--muted);font-size:.88rem;line-height:1.4}.gate{text-align:left}.gate h1{font-family:var(--display);letter-spacing:-.03em;margin:0 0 10px}.gate p{color:var(--muted);line-height:1.55}.msg{border-radius:12px;margin:0 0 14px;padding:12px 14px;line-height:1.45}.msg.err{color:var(--danger);background:#fff1f1;border:1px solid #fecaca}.msg.warn{color:var(--warn);background:#fff7ed;border:1px solid #fed7aa}.msg.ok{color:var(--accent);background:#ecfdf5;border:1px solid #a7f3d0}.template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:10px;display:grid}.template-option{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:12px}.template-option strong{margin-bottom:4px;display:block}.template-option span{color:var(--muted);font-size:.82rem;line-height:1.35}.sig-pad{border:1px dashed var(--line);touch-action:none;cursor:crosshair;background:#fff;border-radius:12px;width:100%;height:140px}.file-with-preview{gap:10px;display:grid}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.preview-card{border:1px solid var(--line);background:#fafcfb;border-radius:12px;margin:0;overflow:hidden}.preview-card img{object-fit:contain;background:#eef4f1;width:100%;height:140px;display:block}.preview-card figcaption{color:var(--muted);word-break:break-all;padding:8px 10px;font-size:.78rem}.preview-file{border:1px solid var(--line);color:var(--muted);word-break:break-all;background:#fafcfb;border-radius:10px;padding:10px 12px;font-size:.88rem}.privacy-note{color:var(--muted);margin-top:18px;font-size:.85rem;line-height:1.45}