*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#202733;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.hero{height:var(--hero-height,180px);background:#e9edf2;overflow:hidden;display:grid;place-items:center}.hero img{width:100%;height:100%;object-fit:cover}.hero-placeholder{color:#8792a0;font-weight:700;letter-spacing:.12em}.wrap{width:min(900px,calc(100% - 32px));margin:28px auto 60px}.card{background:#fff;border:1px solid #e5e8ed;border-radius:16px;padding:clamp(20px,4vw,34px);box-shadow:0 8px 28px #1d29390a}.narrow{max-width:560px;margin:0 auto}.demo-banner{margin:0 0 16px;padding:10px 14px;border:1px solid #f0d28c;background:#fff8e8;color:#76510a;border-radius:9px;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:center}h1{font-size:clamp(24px,4vw,32px);line-height:1.2;margin:0 0 12px}p{color:#5f6875}label{display:block;font-size:14px;font-weight:650;margin:18px 0 7px}input,textarea{width:100%;padding:13px 14px;border:1px solid #d8dde5;border-radius:9px;font:inherit;background:#fff;color:#202733}button{display:block;width:100%;border:0;border-radius:9px;padding:14px 18px;margin-top:20px;background:#28394d;color:white;font:700 15px system-ui;cursor:pointer}button:hover{background:#1d2c3e}.hint{font-size:13px;color:#78818d;margin:16px 0 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.field{padding:14px;background:#f7f8fa;border:1px solid #edf0f3;border-radius:10px;overflow-wrap:anywhere}.field small{display:block;color:#747e8b;margin-bottom:4px}.field strong{font-size:15px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tag{font-size:11px;font-weight:800;background:#fff1d6;color:#805300;padding:5px 9px;border-radius:20px}.notice{padding:18px;border:1px solid #f0d28c;background:#fff8e8;border-radius:12px;margin:24px 0}.notice p{margin-bottom:0}.back{display:inline-block;color:#334b68;text-decoration:none;font-weight:650;margin-top:8px}.alert{padding:10px 12px;border-radius:8px;background:#fff0f0;color:#a12c2c}.success{padding:10px 12px;border-radius:8px;background:#ecf8ef;color:#216738}footer{text-align:center;padding:22px;color:#87909c;font-size:12px}.adminbar{padding:16px max(16px,calc((100% - 900px)/2));background:#202d3c;color:white;display:flex;justify-content:space-between}.adminbar a{color:#fff}.preview{max-width:100%;max-height:180px;border-radius:8px;border:1px solid #e3e7ec}@media(max-width:600px){.grid{grid-template-columns:1fr}.wrap{margin-top:18px}.hero{height:min(var(--hero-height),180px)}}
.values{display:grid;gap:12px;margin-top:16px}.value-card{padding:14px;background:#f7f8fa;border:1px solid #edf0f3;border-radius:10px}.value-card label{margin:0 0 8px}.copy-row{display:flex;gap:8px;align-items:center}.copy-row input{min-width:0;background:#fff}.copy-button{width:auto;min-width:104px;margin:0;padding:12px 15px;white-space:nowrap}.value-card input{font-size:14px}h2{font-size:20px;margin:26px 0 10px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #9ab8dd;outline-offset:2px}@media(max-width:480px){.copy-row{align-items:stretch}.copy-button{min-width:90px;padding:10px}.copy-row input{padding:10px}}
