:root{--bg: #12151b;--panel: #1a1f28;--panel-2: #222836;--line: #2d3546;--text: #e6e9f0;--muted: #8b93a7;--accent: #4f8ef7;--accent-2: #6ea1f9;--plate: #39415a;--slot: #0e1116;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}#app{display:flex;height:100vh}#sidebar{width:340px;flex:none;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line);padding:16px 18px 32px}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-header h1{margin:0;font-size:20px;letter-spacing:.5px}.subtitle{margin:0;color:var(--muted);font-size:12px}.home-link{color:var(--muted);text-decoration:none;font-size:18px;padding:4px 8px;border:1px solid var(--line);border-radius:8px}.home-link:hover{color:var(--text);border-color:var(--accent)}.en{color:var(--muted);font-size:11px;font-weight:400}.group{border-top:1px solid var(--line);padding:12px 0 4px}.group h2{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--accent-2)}.row{margin-bottom:10px}.row label{display:block;margin-bottom:4px;color:var(--text)}.row output{color:var(--accent-2);font-weight:600}.hint{margin:4px 0 0;color:var(--muted);font-size:12px}input[type=range]{width:100%;accent-color:var(--accent);background:transparent}.fixed{margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px}.fixed li{margin:0 0 4px}.fixed b{color:var(--text);font-weight:600}.actions{padding-top:16px}button.primary{width:100%;padding:12px;font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:10px;cursor:pointer}button.primary:hover{background:var(--accent-2)}button.primary .en{color:#ffffffbf}.stats{color:var(--muted);font-size:12px;margin:10px 0 0}#preview{flex:1;overflow:auto;padding:28px 32px 40px;background:radial-gradient(circle at 50% 30%,#1c2230 0%,var(--bg) 72%)}.views{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:start}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.card h3{margin:0 0 8px;font-size:13px;color:var(--accent-2);font-weight:600}.card svg{width:100%;height:auto;display:block}.refs{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:20px}.refs figure{margin:0}.refs img{width:100%;border-radius:12px;border:1px solid var(--line);background:#1a2030;display:block}.refs figcaption{color:var(--muted);font-size:11px;margin-top:4px}@media(max-width:900px){#app{flex-direction:column;height:auto;min-height:100vh}#sidebar{width:100%;border-right:none;border-bottom:1px solid var(--line)}.views,.refs{grid-template-columns:1fr}}