:root{--bg: #16181d;--bg-panel: #1e2128;--bg-node: #23262e;--border: #33373f;--text: #d7dae0;--text-dim: #8b919c;--accent: #4ea1f3;--error: #e05561;--warning: #d8a657;--ok: #7fbf7f}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;font-size:14px}.app{display:flex;flex-direction:column;height:100%}.toolbar{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.brand strong{color:var(--accent);font-size:16px}.brand-sub{margin-left:8px;color:var(--text-dim);font-size:12px}.graph-name{flex:0 0 220px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:6px 10px}.toolbar-actions{margin-left:auto;display:flex;gap:8px}.toolbar button,.toolbar select{background:var(--bg-node);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer}.toolbar button:hover{border-color:var(--accent)}.workspace{flex:1;display:grid;grid-template-columns:230px 1fr 460px;min-height:0}.palette{background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;padding:10px}.palette-header{font-weight:700;margin-bottom:8px;color:var(--text-dim);font-size:12px;letter-spacing:.06em}.palette-section h3{margin:12px 0 6px;font-size:12px;color:var(--accent)}.palette-item{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--bg-node);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;margin-bottom:6px;cursor:pointer;text-align:left}.palette-item:hover{border-color:var(--accent)}.level-badge{font-size:10px;border-radius:4px;padding:1px 5px;background:#2c3140;color:var(--text-dim)}.palette-tip{margin-top:16px;color:var(--text-dim);font-size:12px;line-height:1.7}kbd{background:var(--bg-node);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:11px}.canvas-wrap{position:relative;min-width:0;outline:none}.canvas{width:100%;height:100%;background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;overflow:hidden}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.canvas [data-testid=node]{background:var(--bg-node)!important;border:1px solid var(--border)!important;border-radius:10px!important;width:230px!important;height:auto!important;padding-bottom:6px!important;box-shadow:0 4px 14px #00000059;font-family:inherit!important;color:var(--text)}.canvas [data-selected=true] [data-testid=node]{border-color:var(--accent)!important;box-shadow:0 0 0 2px #4ea1f359}.canvas [data-testid=title]{color:var(--text)!important;font-size:13px!important;font-weight:700!important;background:#2b303b!important;border-radius:10px 10px 0 0!important;padding:8px 10px!important}.canvas [data-testid=input-title],.canvas [data-testid=output-title]{color:var(--text-dim)!important;font-size:12px!important}.ieum-control{display:flex;flex-direction:column;gap:2px;padding:3px 8px}.ieum-control label{font-size:11px;color:var(--text-dim)}.ieum-control input[type=text],.ieum-control select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);padding:4px 6px;font-size:12px}.ieum-control-row label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text)}.code-panel{display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-panel);min-height:0}.code-panel-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px}.status{font-size:12px;padding:2px 8px;border-radius:10px}.status-ok{background:#7fbf7f26;color:var(--ok)}.status-error{background:#e0556126;color:var(--error)}.copy-button{margin-left:auto;background:var(--bg-node);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;font-size:12px}.code-panel-editor{flex:1;min-height:0;overflow:auto}.code-panel-editor .cm-editor{height:100%;font-size:13px}.issues{max-height:180px;overflow-y:auto;border-top:1px solid var(--border);padding:6px}.issue{display:flex;gap:8px;align-items:baseline;padding:5px 8px;border-radius:6px;font-size:12.5px;line-height:1.5}.issue-clickable{cursor:pointer}.issue-clickable:hover{background:#ffffff0d}.issue-badge{flex:none;font-size:11px;padding:0 6px;border-radius:4px}.issue-error .issue-badge{background:#e0556133;color:var(--error)}.issue-warning .issue-badge{background:#d8a6572e;color:var(--warning)}