:root{font-family:'Noto Sans KR',sans-serif;color:#242526;background:#f4f4f1}
.top{height:60px;padding:0 19px;border-color:#deded9}.brand-mark{width:27px;height:27px;line-height:24px;border-radius:5px;background:#e46f32;box-shadow:none;transform:none;font-size:20px}.brand strong{font-size:15px;letter-spacing:-.5px}.brand-sub{font-size:10px;color:#999;margin-bottom:2px}.project-dot{background:#728c6d}.project input{color:#444;font-size:12px;font-weight:600}.saved{font-size:10px}.button{border-radius:5px;font-size:11px;padding:8px 11px}.button.primary{background:#262a2d;border-color:#262a2d;box-shadow:none}.button.light{border-color:#deded9;color:#4b4d4f}
.subbar{height:48px;background:#fafaf8;border-color:#deded9}.mode-switch{background:#ecece8;border-radius:6px;padding:3px}.mode-switch button{border-radius:4px;padding:6px 11px;font-size:11px}.mode-switch button.active{color:#202224;box-shadow:0 1px 2px #00000016}.subbar-note{color:#8d908e}.subbar-right{gap:13px}.subbar-right .plain{color:#4f5b62;font-size:11px}.status-pill{background:#e9eee8;color:#5a7459;border-radius:4px}.status-pill.warning{background:#f5ede0;color:#9e6f37}
.workspace{grid-template-columns:224px minmax(0,1fr) 260px}.sidebar,.inspector{background:#fafaf8}.aside-head,.inspector-head{padding:20px 16px 10px}.eyebrow{color:#a0a4a2;letter-spacing:1.2px;font-size:9px}.aside-head h2,.inspector-head h2{font-size:14px;margin:6px 0 4px}.aside-head p,.inspector-head p{font-size:10px;color:#999e9d}.search-wrap{border-radius:5px;background:#fff;margin:9px 13px 16px}.category{padding:0 12px 16px}.category-title{color:#9ca19f;font-size:9px;margin-bottom:7px}.library-card{border-radius:5px;border-color:#e1e3e0;box-shadow:none;padding:8px;margin-bottom:5px}.library-card:hover{transform:none;border-color:#a5aaa7;background:#fff}.block-symbol{border-radius:4px;width:29px;height:29px;font-size:15px}.library-card b{font-size:11px;font-weight:700}.library-card small{font-size:9px;color:#9a9e9e}.aside-foot{display:none}
.board-wrap{background:#f6f6f3}.board-toolbar,.bottom-bar{background:#fafaf8;border-color:#deded9}.board-icon{background:#eceeec;color:#555;border-radius:4px}.board-caption{color:#939894}.canvas-viewport{background-color:#f6f6f3;background-image:radial-gradient(#d9dcd7 .8px,transparent .8px);background-size:18px 18px}.canvas{width:3000px;height:1000px}.canvas-help{border-radius:4px;color:#8a8f8a;background:#fdfdfbdc}.node{border-radius:7px;border-width:1px;box-shadow:0 3px 12px #20262012;width:205px}.node.selected{box-shadow:0 0 0 2px #e46f32,0 4px 14px #2026201c}.node.simulated{border-color:#718c75}.node-header{height:41px;background:#fff;border-bottom:1px solid #e7e9e5;border-radius:6px 6px 0 0;padding:0 10px}.node-icon{font-size:15px}.node-header b{font-size:11px;color:#353839}.node-body{padding:9px 11px 10px;min-height:54px}.node-body p{font-size:9px}.node-meta{font-size:9px;color:#636b69;margin-top:7px}.port{top:62px;width:12px;height:12px;border-width:2px}.port.in{left:-7px}.port.out{right:-7px}.wire{stroke:#aeb4b0;stroke-width:2.2;pointer-events:stroke;cursor:pointer}.wire:hover{stroke:#d87339;stroke-width:5}.wire.active{stroke:#d87339;stroke-width:2.5}
.inspector{border-color:#deded9}.selected-summary{border-radius:5px;background:#fff!important;border:1px solid #deded9!important;padding:11px}.selected-summary b{color:#363a3a;font-size:12px}.selected-summary p{font-size:10px}.field label{font-size:10px;color:#656b69}.field input{border-radius:4px;font-family:'DM Mono',monospace;font-size:11px}.inspector-actions button{border-radius:4px}.check-panel{border-color:#e2e4df;margin:16px;padding-top:15px}.check-title{font-size:11px}.check-title span:first-child{color:#678872}.check-title span:last-child{background:#ecefeb;color:#678872;border-radius:4px}.check-item{font-size:10px}
.simulation{border-top:1px solid #e2e4df;margin:16px;padding-top:15px}.simulation>p{font-size:10px;line-height:1.55;color:#8c918f}.simulation .button{width:100%;margin:4px 0 10px}.sim-row{display:flex;gap:8px;border-top:1px solid #e6e8e4;padding:8px 0;align-items:flex-start}.sim-row>span{font:10px 'DM Mono',monospace;color:#a1a8a2}.sim-row b{display:block;font-size:10px}.sim-row small{display:block;font:9px 'DM Mono',monospace;color:#7a837d;margin-top:3px}.sim-row.sim-error small{color:#b36d44}.modal{border-radius:8px}.modal pre{background:#1f2428}.modal-head h2{font-size:16px}.code-tabs button.active{color:#d66d35;border-color:#d66d35}
@media(max-width:1050px){.workspace{grid-template-columns:185px minmax(0,1fr) 225px}}@media(max-width:760px){.workspace{grid-template-columns:1fr;grid-template-rows:135px minmax(420px,1fr) auto}.subbar-right .plain{display:inline-block}.subbar-right{gap:6px}.status-pill{display:none}.inspector{max-height:360px}}
html,body{height:100%;overflow:hidden}.app{height:100vh;height:100dvh;min-height:0;overflow:hidden}.top,.subbar{flex:none}.workspace{min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar #library{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.sidebar .search-wrap{flex:none}.inspector{overflow:hidden;display:flex;flex-direction:column}.inspector-head,.check-panel,.simulation{flex:none}.inspector #inspectorContent{min-height:0;overflow:auto;scrollbar-width:thin}.simulation{margin-top:auto}.simulation #simulationResults{max-height:min(24vh,190px);overflow:auto;scrollbar-width:thin}.custom-create{margin:0 12px 10px;padding:9px 10px;background:#fff;border:1px solid #d7dad5;border-radius:5px;color:#4b5c51;text-align:left;font-size:11px;font-weight:700;flex:none}.custom-create:hover{border-color:#8eaa96;background:#f5faf5}.custom-modal{width:min(900px,100%);height:min(760px,92dvh)}.custom-meta{display:flex;align-items:center;gap:12px;padding:0 25px 15px}.custom-meta label{font-size:11px;font-weight:700;white-space:nowrap}.custom-meta input{width:100%;padding:9px 11px;border:1px solid #dce0db;border-radius:5px;outline:0;font-size:12px}.custom-meta input:focus{border-color:#71927c}.custom-editor{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:0;flex:1;border-top:1px solid #e5e8e3;border-bottom:1px solid #e5e8e3}.custom-palette{overflow:auto;padding:16px;background:#f7f8f5;border-right:1px solid #e5e8e3}.custom-palette .eyebrow{display:block;margin-bottom:10px}.custom-palette button{display:block;width:100%;padding:9px 10px;margin-bottom:5px;text-align:left;border:1px solid #dde2dd;border-radius:5px;background:#fff;color:#424b45;font-size:11px;font-weight:700}.custom-palette button:hover{border-color:#9eb5a5}.custom-pipeline{overflow:auto;padding:20px 25px;background:#fcfcfa}.pipeline-terminal{padding:11px 14px;border:1px dashed #a9b8aa;border-radius:5px;background:#f5f8f4;color:#516b57;font-size:11px;font-weight:700}.pipeline-terminal small{float:right;color:#899a8c;font-size:10px;font-weight:400}.pipeline-stage{position:relative;border:1px solid #dce1db;background:#fff;border-radius:6px;padding:10px 12px;margin:22px 0 0;cursor:grab}.pipeline-stage::before,.pipeline-terminal:not(:first-child)::before{content:'';position:absolute;height:22px;width:1px;background:#bac5b9;top:-23px;left:50%}.pipeline-stage b{font-size:11px}.pipeline-stage .stage-controls{float:right;display:flex;gap:8px}.pipeline-stage .stage-controls button{border:0;background:transparent;color:#818d83;font-size:12px}.stage-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.stage-fields label{display:flex;align-items:center;gap:5px;color:#89918a;font-size:9px}.stage-fields input{width:60px;border:1px solid #dfe4de;border-radius:3px;padding:4px;font:10px 'DM Mono',monospace;color:#343b35}.custom-pipeline .pipeline-terminal:last-of-type{position:relative;margin-top:22px}.custom-pipeline #customHint{font-size:10px;color:#98a099;line-height:1.5;margin-top:18px}.custom-modal .modal-foot{flex:none}.custom-card-edit{margin-left:auto;border:0;background:transparent;color:#7a877f;padding:4px;font-size:12px}.custom-card-edit:hover{color:#28372c}.inspector .edit-custom{margin-top:2px;width:100%;padding:7px;border:1px solid #d6ded6;border-radius:4px;background:#fff;color:#52735c;font-size:10px;font-weight:700}
@media(max-width:760px){.app{height:100dvh;min-height:0}.workspace{grid-template-rows:118px minmax(0,1fr) minmax(160px,28vh)}.sidebar{max-height:none}.sidebar #library{overflow:auto}.inspector{max-height:none}.inspector #inspectorContent{overflow:auto}.custom-modal{height:94dvh}.custom-editor{grid-template-columns:125px minmax(0,1fr)}.custom-palette{padding:10px}.custom-pipeline{padding:12px}.custom-meta{padding:0 12px 10px}.pipeline-terminal small{display:none}.stage-fields input{width:45px}}
.custom-mode{display:flex;gap:5px;padding:0 25px 13px}.custom-mode button{border:1px solid #dce2db;background:#fff;color:#69756b;padding:7px 12px;border-radius:5px;font-size:12px}.custom-mode button.active{background:#eaf1ea;border-color:#9db6a1;color:#365b3e;font-weight:600}.formula-presets{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:17px}.formula-presets button{border:1px solid #dce2db;background:#fff;border-radius:5px;padding:5px 7px;color:#526b57;font-size:11px}.formula-presets button:hover{border-color:#91a996}.formula-stage{border-left:3px solid #85a38b}.formula-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.formula-sources label{display:flex;align-items:center;gap:5px;color:#69776d;font-size:11px}.formula-sources select,#formulaOutput{max-width:180px;border:1px solid #dce2db;background:#fff;border-radius:4px;padding:5px;color:#39453c;font-family:'Wanted Sans Variable',sans-serif;font-size:11px}.formula-expr{display:block;margin-top:6px;color:#84938a;font-size:10px}.formula-error{color:#a85145!important}.formula-shape{color:#4a7e56!important}#formulaOutputWrap{margin-top:13px;display:flex;align-items:center;gap:8px;font-size:11px;color:#64726a}#formulaOutputWrap[hidden],#formulaPresets[hidden]{display:none}
.field select{width:100%;border:1px solid #dce2db;background:#fff;border-radius:4px;padding:8px;color:#39453c;font-family:'Wanted Sans Variable',sans-serif;font-size:12px}