@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--bg-0: #f6f5f2;--bg-1: #e8ebdf;--ink: #152320;--muted: #49635e;--card: rgba(255, 255, 255, .8);--accent: #0f9d7f;--accent-dark: #0a6854;--danger: #b93636;--radius: 16px;--shadow: 0 10px 35px rgba(21, 35, 32, .16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);background:radial-gradient(circle at 20% 10%,rgba(15,157,127,.13),transparent 45%),radial-gradient(circle at 80% 80%,rgba(190,130,30,.14),transparent 45%),linear-gradient(170deg,var(--bg-0),var(--bg-1));font-family:Noto Sans JP,sans-serif}#app{max-width:1180px;margin:0 auto;padding:24px}.title{margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.1}.subtitle{margin:0 0 18px;color:var(--muted)}.grid{display:grid;gap:18px;grid-template-columns:minmax(280px,420px) 1fr}.card{border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);overflow:hidden}.controls{padding:18px;display:grid;gap:14px}.label{display:block;font-size:.92rem;margin-bottom:6px;color:var(--muted)}.input{width:100%;border:1px solid rgba(73,99,94,.35);border-radius:10px;padding:10px 12px;font-size:1rem;color:var(--ink);background:#fff}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.link-panel{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:#ecf3efcc}.link-panel-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:.88rem;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.link-list{display:flex;flex-wrap:wrap;gap:10px}.external-link{color:var(--accent-dark);font-weight:700;text-decoration:none}.external-link:hover,.external-link:focus-visible{text-decoration:underline}.btn{border:0;border-radius:10px;padding:11px 14px;font-size:.96rem;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}.btn:active{transform:translateY(1px)}.btn.primary{color:#f4fffd;background:linear-gradient(140deg,var(--accent),var(--accent-dark))}.btn.secondary{color:var(--ink);background:#ecf3ef}.btn:disabled{opacity:.5;cursor:default}.status{min-height:1.4em;margin:0;color:var(--muted)}.status.error{color:var(--danger)}.terms-dialog{width:min(560px,calc(100vw - 32px));border:0;border-radius:14px;padding:18px;box-shadow:0 20px 45px #15232047}.terms-dialog::backdrop{background:#1523206b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.terms-title{margin:0 0 10px;font-size:1.2rem;font-family:Space Grotesk,sans-serif}.terms-body{color:var(--muted);font-size:.95rem;line-height:1.7}.terms-body p{margin:0 0 8px}.terms-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.hint{color:var(--muted);margin:0;font-size:.9rem}.preview{position:relative;min-height:520px}.preview canvas{width:100%;height:100%;display:block;transform:scaleY(-1);transform-origin:center}.preview-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-family:Space Grotesk,sans-serif;letter-spacing:.02em}@media(max-width:940px){.grid{grid-template-columns:1fr}.preview{min-height:360px}}