.fv-page{--ink:#19231f;--paper:#f2f0e8;--lime:#ddfc77;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Arial,Noto Sans JP,sans-serif;line-height:1.7}.fv-page *{box-sizing:border-box}.fv-header,.fv-footer{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:24px 4vw;font-weight:800;display:flex}.fv-header span,.fv-kicker,.fv-step>span{letter-spacing:.12em;font-size:12px;font-weight:800}.fv-page a{text-underline-offset:5px;text-decoration:underline}.fv-hero{background:var(--lime);border-bottom:2px solid var(--ink);padding:44px 4vw 36px}.fv-title-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.fv-hero h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(36px,5.8vw,86px);font-weight:900;line-height:1.2}.fv-hero h1>span{color:#52652a}.fv-art{align-items:center;margin-right:3vw;display:flex;transform:rotate(-7deg)}.fv-art b{aspect-ratio:.8;border:2px solid var(--ink);width:clamp(64px,10vw,150px);box-shadow:8px 8px 0 var(--ink);background:var(--paper);place-items:center;font-size:clamp(36px,7vw,104px);font-weight:900;display:grid}.fv-art b:last-child{background:var(--ink);color:var(--lime);transform:translateY(20px)rotate(12deg)}.fv-art i{z-index:1;margin:0 10px;font-size:40px}.fv-intro{letter-spacing:-.04em;font-size:clamp(23px,3vw,40px);font-weight:800;line-height:1.45}.fv-notes{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.fv-notes span{border:1px solid var(--ink);border-radius:40px;padding:4px 12px;font-size:12px;font-weight:700}.fv-workspace{padding:36px 4vw}.fv-step{align-items:center;gap:30px;margin-bottom:20px;display:flex}.fv-step p{font-size:14px}.fv-editors{grid-template-columns:1fr 1fr;gap:24px;display:grid}.fv-page fieldset{border:2px solid var(--ink);background:#fffef9;min-width:0;padding:22px}.fv-page legend{background:var(--ink);color:var(--lime);padding:4px 20px;font-size:22px;font-weight:900}.fv-page label{margin:10px 0;font-size:14px;font-weight:700;display:block}.fv-page label small{color:#5b615b;font-size:11px}.fv-page textarea,.fv-page input[type=url]{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #858b83;border-radius:0;margin-top:6px;padding:12px;display:block}.fv-page textarea{resize:vertical}.fv-page input[type=file]{width:100%;margin-top:10px;font-size:13px;display:block}.fv-page small{font-size:12px}.fv-colors{gap:24px;margin-top:12px;display:flex}.fv-colors input{background:0 0;border:1px solid #858b83;width:64px;height:36px;padding:2px;display:block}.fv-page button{font:inherit;border:1px solid var(--ink);cursor:pointer;background:var(--paper);color:var(--ink);padding:9px 16px;font-weight:700}.fv-page button:disabled{cursor:wait;opacity:.55}.fv-page :is(a,button,input,textarea):focus-visible{outline-offset:4px;outline:3px solid #6148dc}.fv-page button[aria-pressed=true]{background:var(--ink);color:var(--lime)}.fv-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-top:45px;display:flex}.fv-toolbar h2{letter-spacing:-.04em;font-size:clamp(24px,3vw,40px);font-weight:900}.fv-preview-section>p{font-size:13px}.fv-scroll{border:2px solid var(--ink);overflow-x:auto}.fv-comparison{background:#e9e7df;align-items:stretch;gap:16px;width:max-content;min-width:100%;padding:20px;display:flex}.fv-variant{flex-shrink:0;width:600px;overflow:hidden}.fv-variant-label{border-bottom:1px solid;padding:10px 24px;font-size:14px;font-weight:800}.fv-template{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;min-height:380px;padding:40px 28px;display:grid}.fv-template h3{white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:-.04em;margin:0 0 20px;font-size:32px;font-weight:900;line-height:1.45}.fv-template p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:28px;font-size:14px}.fv-mock-cta{overflow-wrap:anywhere;padding:12px 20px;font-size:14px;font-weight:700;display:inline-block}.fv-template img,.fv-placeholder{object-fit:cover;width:100%;height:240px}.fv-placeholder{opacity:.5;background:repeating-linear-gradient(135deg,#0000,#0000 14px,#8882 14px 15px);border:1px solid;border-radius:50% 50% 0 0;place-items:center;display:grid}.fv-placeholder span{font-size:100px}.fv-mobile .fv-variant{width:360px}.fv-mobile .fv-template{grid-template-columns:1fr;padding:32px 24px}.fv-mobile .fv-template h3{font-size:30px}.fv-mobile .fv-template img,.fv-mobile .fv-placeholder{height:220px}.fv-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.fv-actions button:first-child{background:var(--ink);color:var(--lime)}.fv-status{min-height:30px;font-size:14px}.fv-error{color:#9f2919!important}.fv-contact{background:var(--ink);color:var(--paper);margin:30px 0;padding:36px}.fv-contact h2{font-size:clamp(26px,4vw,48px);font-weight:900;line-height:1.3}.fv-contact a{background:var(--lime);color:var(--ink);margin-top:12px;padding:12px 24px;font-weight:800;text-decoration:none;display:inline-block}.fv-footnote{color:#535d54;max-width:850px;font-size:12px}.fv-footer{border-top:2px solid var(--ink);border-bottom:0;font-size:13px}@media (max-width:700px){.fv-header{font-size:12px}.fv-editors{grid-template-columns:1fr}.fv-art{display:none}.fv-step,.fv-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.fv-step p{margin:0}.fv-hero{padding-top:30px}.fv-contact{padding:24px}.fv-comparison{gap:12px;padding:12px}.fv-page fieldset{padding:16px}}
