/* PROTOTYPE — lightweight home, image export, and template customization. */
.home-shell{padding-bottom:0}
.prototype-badge{padding:5px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:8px;letter-spacing:.06em}
.home-hero{padding:48px 18px 36px;border-bottom:1px solid var(--line)}
.home-hero h1{margin:12px 0 16px;font-size:38px;line-height:1.12;letter-spacing:-.055em}
.home-lead{margin:0;color:#555;font-size:13px;line-height:1.75}
.home-actions{display:grid;gap:9px;margin-top:26px}
.primary-action,.secondary-action{min-height:48px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:6px;font-size:12px;font-weight:750;text-decoration:none}
.primary-action{background:var(--ink);color:white}
.secondary-action{background:white;color:var(--ink)}
.home-note{margin:12px 0 0;color:var(--muted);font-size:9px;line-height:1.6}
.home-example,.home-how{padding:36px 18px;border-bottom:1px solid var(--line)}
.section-kicker{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-example h2,.home-how h2{margin:9px 0 22px;font-size:24px;line-height:1.3;letter-spacing:-.035em}
.translation-row{padding:14px;border-left:2px solid var(--ink);background:var(--soft)}
.translation-row span{color:var(--muted);font-size:8px}
.translation-row p{margin:6px 0 0;font-size:12px;line-height:1.65}
.translation-arrow{padding:9px 0;color:var(--muted);text-align:center}
.mini-note{padding:16px;border:1px solid var(--line);background:white}
.mini-note header{display:grid;gap:7px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mini-note header small{color:var(--muted);font-size:8px}
.mini-note header strong{font-size:14px}
.mini-note dl{display:grid;gap:0;margin:0}
.mini-note dl div{display:grid;grid-template-columns:64px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.mini-note dl div:last-child{border-bottom:0}
.mini-note dt{color:var(--muted);font-size:9px}
.mini-note dd{margin:0;font-size:10px;line-height:1.6}
.home-how ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.home-how li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:16px 0;border-top:1px solid var(--line)}
.home-how li>span{color:var(--muted);font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.home-how strong{font-size:12px}
.home-how p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.home-footer{padding:34px 18px 46px}
.home-footer strong{font-size:12px}
.home-footer p{margin:7px 0 16px;color:var(--muted);font-size:10px}
.home-footer a{color:var(--ink);font-size:10px}
.export-button{width:100%;min-height:44px;border:1px solid var(--ink);border-radius:6px;background:white;color:var(--ink);font-size:11px;font-weight:700}
.export-button:disabled{border-color:var(--line);color:#aaa}
.custom-field-builder{display:grid;gap:13px}
.required-toggle{align-self:end;min-height:43px;display:flex!important;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:6px}
.required-toggle input{width:auto}
.add-field-button{min-height:42px;border:1px solid var(--ink);border-radius:6px;background:white;color:var(--ink);font-size:10px;font-weight:700}
.custom-field-list{display:grid;gap:7px}
.custom-field-list>p{margin:0;color:var(--muted);font-size:9px}
.custom-field-item{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:6px}
.custom-field-item strong{font-size:10px}
.custom-field-item small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.custom-field-item button{border:0;background:transparent;color:var(--muted);font-size:9px;text-decoration:underline}
.custom-client-fields{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:6px}
.custom-client-fields h3{margin:0;font-size:13px}
.custom-client-fields>p{margin:-8px 0 0;color:var(--muted);font-size:9px}
@media (min-width:700px){.home-hero{padding-top:64px}.home-hero h1{font-size:42px}}