*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}#root{min-height:100vh}.app-shell{min-height:100vh;padding:2rem 1rem 2.8rem;background:radial-gradient(circle at 8% 8%,rgba(45,132,255,.2),transparent 30%),radial-gradient(circle at 92% 12%,rgba(22,199,154,.2),transparent 34%),linear-gradient(180deg,#f5f8fc,#eef3f8);color:#1c2733;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif}.hero{max-width:1080px;margin:0 auto 1.1rem}.eyebrow{margin:0;font-size:.76rem;font-weight:800;letter-spacing:.11em;color:#265f8f}.hero h1{margin:.5rem 0;font-size:clamp(1.5rem,2.6vw,2.5rem)}.hero p{margin:0;max-width:62ch;color:#445261}.layout{max-width:1080px;margin:0 auto;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.panel,.report{background:#ffffffe6;border:1px solid #d9e3ee;border-radius:16px;box-shadow:0 14px 32px #2138521a}.panel{padding:1rem;display:flex;flex-direction:column;gap:.55rem}label{font-size:.87rem;font-weight:700;color:#334458}input,select,textarea,button{font:inherit}input,select,textarea{border-radius:10px;border:1px solid #cfd9e5;background:#fff;padding:.64rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid #8fbaff;border-color:#8fbaff}button{border:0;border-radius:999px;padding:.72rem 1rem;font-weight:700;color:#fff;background:linear-gradient(120deg,#1f7ad6,#2ca46e);cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.report{padding:1rem}.report-head h2{margin:0 0 .4rem;font-size:1.15rem}.report-head p{margin:.2rem 0;color:#435365;font-size:.92rem}pre{margin:.9rem 0 0;white-space:pre-wrap;line-height:1.55;color:#223140}.placeholder{min-height:240px;display:grid;align-content:center;color:#516173}.error{margin:.2rem 0 0;color:#c1364a;font-size:.88rem}