:root{--bg:#f5f7fb;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#d8dee9;--primary:#2563eb;--primary-soft:#dbeafe;--good:#15803d;--warn:#fff7ed;--warn-border:#fed7aa;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}header{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:white;padding:28px 18px}.wrap{max-width:1080px;margin:0 auto}h1{margin:0 0 6px;font-size:30px}.subtitle{margin:0 0 6px;color:#e0ecff}.credit{margin:0;color:#bfdbfe;font-size:13px}main{max-width:1080px;margin:22px auto 50px;padding:0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.08);overflow:hidden}.head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.head h2{margin:0;font-size:20px}.badge{font-size:12px;background:#dcfce7;color:var(--good);padding:5px 8px;border-radius:999px;font-weight:700}.tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 14px;border-bottom:1px solid var(--line);background:#f8fafc}.tab-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 12px;min-width:max-content;font-size:13px;font-weight:700;cursor:pointer}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.body{padding:18px}.notice{background:var(--warn);border:1px solid var(--warn-border);color:#7c2d12;border-radius:12px;padding:12px;font-size:13px;line-height:1.45;margin-bottom:16px}.panel{display:none}.panel.active{display:block}.title{margin-bottom:16px}.title h3{margin:0 0 5px;font-size:22px}.title p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.zone{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:16px;background:#fbfdff}.zone h4{margin:0 0 5px;font-size:17px}.zone p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.45}.group{margin-bottom:16px}.group strong{display:block;margin-bottom:8px;font-size:14px}select,input[type=text],textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-family:Arial,Helvetica,sans-serif;font-size:16px;background:white}textarea{min-height:430px;resize:vertical;line-height:1.5}.desc{margin-top:8px;padding:11px;border-left:4px solid var(--primary);background:#eff6ff;border-radius:8px;color:#1e3a8a;font-size:13px;line-height:1.45}.desc b{display:block;margin-bottom:3px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip input,.radio input{position:absolute;opacity:0;pointer-events:none}.chip span,.radio span{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);font-size:13px;cursor:pointer;user-select:none}.chip input:checked+span,.radio input:checked+span{background:var(--primary-soft);border-color:var(--primary);color:#1d4ed8;font-weight:700}.chip.disabled span{opacity:.45;text-decoration:line-through}.other{margin-top:10px}.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}button{border:none;border-radius:12px;padding:12px 14px;font-size:15px;cursor:pointer;font-weight:700}button.primary{background:var(--primary);color:white}button.secondary{background:#111827;color:white}button.light{background:#eef2ff;color:#1e3a8a}button.good{background:var(--good);color:white}button.warn{background:#fee2e2;color:var(--danger)}.nav{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.progress{font-size:13px;color:var(--muted)}.summary{display:grid;gap:8px;margin-bottom:16px}.item{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfdff}.item b{display:block;margin-bottom:4px}.item span{color:var(--muted);font-size:13px}.small{font-weight:700;margin-bottom:8px}.help{color:var(--muted);font-size:12px;margin-top:7px;line-height:1.45}.status{margin-top:10px;min-height:18px;color:var(--good);font-size:13px}footer{max-width:1080px;margin:0 auto 30px;padding:0 16px;color:var(--muted);font-size:13px}.quality-note{margin-top:8px;padding:10px;border-left:4px solid #f97316;background:#fff7ed;border-radius:8px;color:#9a3412;font-size:13px;line-height:1.45}.quality-note b{display:block;margin-bottom:3px}.logic-note{margin-top:8px;padding:10px;border-left:4px solid #2563eb;background:#eff6ff;border-radius:8px;color:#1e3a8a;font-size:13px;line-height:1.45}.logic-note b{display:block;margin-bottom:3px}.compat-note{margin-top:8px;padding:10px;border-left:4px solid #dc2626;background:#fef2f2;border-radius:8px;color:#991b1b;font-size:13px;line-height:1.45}.compat-note b{display:block;margin-bottom:3px}.emotion-compat-note{margin-top:8px;padding:10px;border-left:4px solid #7c3aed;background:#f5f3ff;border-radius:8px;color:#4c1d95;font-size:13px;line-height:1.45}.emotion-compat-note b{display:block;margin-bottom:3px}.custom-field.flash-highlight{animation:flashCustomField 1.2s ease-in-out 1;border-color:#f59e0b !important;box-shadow:0 0 0 3px rgba(245,158,11,.25)}@keyframes flashCustomField{0%{background:rgba(245,158,11,.22)}100%{background:transparent}}.custom-field textarea{width:100%;min-height:88px;resize:vertical;border-radius:10px;border:1px solid var(--border);padding:10px 12px;font-family:inherit;font-size:14px;box-sizing:border-box}header a,footer a{color:inherit;text-decoration:underline}
#storyPresentationStyleZone,#confirmSurpriseCategoryThemeZone{border-top:1px solid rgba(255,255,255,.08)}