:root{--bg: #0d0d0f;--surface: #16161a;--surface2: #1e1e24;--surface3: #27272f;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--text: #f0f0f5;--text2: #8888a0;--text3: #55556a;--accent: #7c6aff;--accent2: #a594ff;--green: #3ecf8e;--amber: #f5a623;--red: #ff4f4f;--blue: #4aa8ff;--sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Pretendard Variable", Pretendard, ui-monospace, monospace;--display: "Pretendard Variable", Pretendard, sans-serif}[data-theme=light]{--bg: #ffffff;--surface: #f7f6f3;--surface2: #ededec;--surface3: #e3e2de;--border: rgba(0,0,0,.07);--border2: rgba(0,0,0,.13);--text: #37352f;--text2: #787672;--text3: #a5a29a;--accent: #7c6aff;--accent2: #5b4fd4;--green: #0f9d58;--amber: #e37400;--red: #d93025;--blue: #1a73e8}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;height:100vh;overflow:hidden;display:flex;flex-direction:column;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:2px}.header{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;gap:12px}.logo{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:7px;white-space:nowrap}.logo span{color:var(--accent2)}.header-center{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-label{font-size:11px;color:var(--text3);white-space:nowrap}.progress-bar-bg{width:90px;height:5px;background:var(--surface3);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-pct{font-size:11px;color:var(--accent2);min-width:26px}.header-right{display:flex;align-items:center;gap:8px}.icon-btn-header{width:28px;height:28px;border-radius:7px;background:var(--surface2);border:1px solid var(--border2);color:var(--text2);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn-header:hover{color:var(--text);background:var(--surface3)}.main{display:flex;flex:1;overflow:hidden}.sidebar{width:196px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:11px 13px 8px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1px}.proj-list{overflow-y:auto;flex:1;padding:5px}.proj-item{padding:8px 9px;border-radius:7px;cursor:pointer;transition:all .15s;margin-bottom:2px;display:flex;align-items:center;gap:7px}.proj-item:hover{background:var(--surface2)}.proj-item.active{background:var(--surface3)}.proj-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.proj-name{flex:1;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-meta{display:flex;align-items:center;gap:4px;flex-shrink:0}.proj-round{font-size:9px;color:var(--text3);background:var(--surface2);padding:1px 5px;border-radius:3px}.status-dot{width:6px;height:6px;border-radius:50%}.sd-idle{background:var(--text3)}.sd-run{background:var(--blue);animation:pulse 1.5s infinite}.sd-done{background:var(--green)}.sd-blocked{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.train-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.train-header{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px}.train-title{font-family:var(--display);font-size:15px;font-weight:700}.round-badge{font-size:11px;padding:3px 10px;border-radius:5px;background:#7c6aff26;color:var(--accent2);border:1px solid rgba(124,106,255,.25)}.train-acts{display:flex;gap:7px;align-items:center}.btn-sm{padding:5px 11px;border-radius:6px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--mono);font-size:11px;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-sm:hover{color:var(--text);background:var(--surface3)}.btn-sm.primary{border-color:#7c6aff66;color:var(--accent2)}.btn-sm.primary:hover{background:#7c6aff26}.train-scroll{flex:1;overflow-y:auto;padding:14px 18px}.train-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text3);gap:10px}.step-card{display:flex;gap:12px;align-items:flex-start;margin-bottom:7px;position:relative;transition:opacity .15s}.step-card.dragging{opacity:.4}.step-card.drag-over{border-top:2px solid var(--accent);margin-top:-2px}.step-connector{position:absolute;left:19px;top:40px;width:1px;height:calc(100% + 7px);background:var(--border)}.step-card:last-child .step-connector{display:none}.step-num{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:13px;font-weight:700;flex-shrink:0;border:1.5px solid var(--border);background:var(--surface);color:var(--text3);z-index:1;transition:all .2s;cursor:grab}.step-num.running{background:#4aa8ff26;border-color:var(--blue);color:var(--blue);box-shadow:0 0 10px #4aa8ff2e}.step-num.done{background:#3ecf8e26;border-color:var(--green);color:var(--green)}.step-num.blocked{background:#ff4f4f26;border-color:var(--red);color:var(--red)}.step-body{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 13px;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.step-body.copied{background:#3ecf8e0f;border-color:#3ecf8e59}.step-body:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--surface3);transition:background .2s}.step-body.running:before{background:var(--blue)}.step-body.done:before{background:var(--green)}.step-body.blocked:before{background:var(--red)}.step-body.next-up{border-color:#7c6aff66;box-shadow:0 0 14px #7c6aff1a}.step-body.next-up:before{background:var(--accent)}.step-body:hover{border-color:var(--border2)}.step-copy-zone{display:flex;gap:11px;align-items:flex-start}.copy-hint{display:none}.step-prompt{font-size:13px;color:var(--text);line-height:1.55;flex:1;word-break:break-all;padding-right:4px}.step-prompt-input{background:none;border:none;color:var(--text);font-family:var(--mono);font-size:13px;line-height:1.55;width:100%;resize:none;outline:none}.step-actions{display:flex;gap:5px;flex-shrink:0}.icon-btn{width:26px;height:26px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{background:var(--surface3);color:var(--text)}.icon-btn.del:hover{color:var(--red);border-color:#ff4f4f4d}.edit-icon-btn{opacity:0;transition:opacity .15s,color .15s}.step-body:hover .edit-icon-btn{opacity:1}.edit-icon-btn.active{opacity:1;color:var(--green);border-color:#3ecf8e59}.step-body.editing{border-color:#7c6aff66;box-shadow:0 0 0 2px #7c6aff14}.step-meta{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.next-tag{font-size:10px;color:var(--accent2)}.copy-fb{font-size:10px;color:var(--green);opacity:0;transition:opacity .3s}.copy-fb.show{opacity:1}.ts-label{font-size:10px;color:var(--text3)}.step-note-input{margin-top:8px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;color:var(--text2);font-family:var(--mono);font-size:11px;width:100%;resize:none;outline:none;display:none}.step-note-input.show{display:block}.step-note-text{margin-top:6px;font-size:11px;color:var(--text3);font-style:italic}.add-step-bar{padding:11px 18px;border-top:1px solid var(--border);display:flex;gap:8px;flex-shrink:0;background:var(--surface)}.add-step-input{flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:8px 13px;color:var(--text);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s}.add-step-input:focus{border-color:#7c6aff80}.add-step-input::placeholder{color:var(--text3)}.add-step-btn{padding:8px 15px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-family:var(--mono);font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.add-step-btn:hover{background:var(--accent2)}.tower-header{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tower-grid{flex:1;overflow-y:auto;padding:14px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;align-content:start}.tower-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.tower-card:hover{border-color:var(--border2)}.tower-card-header{padding:10px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px}.tower-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tower-name{font-family:var(--display);font-size:13px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower-round{font-size:10px;color:var(--text3)}.tower-prog{height:3px;background:var(--surface2)}.tower-prog-fill{height:100%;background:var(--accent);transition:width .4s}.tower-steps{padding:9px;display:flex;flex-direction:column;gap:3px}.tower-step{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:7px;cursor:pointer;transition:all .15s;border:1px solid transparent}.tower-step:hover{background:var(--surface2)}.tower-step.ts-running{background:var(--surface2);border-color:#4aa8ff40}.tower-step-num{width:19px;height:19px;border-radius:5px;background:var(--surface2);color:var(--text3);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tower-step.ts-done .tower-step-num{background:#3ecf8e26;color:var(--green)}.tower-step.ts-running .tower-step-num{background:#4aa8ff26;color:var(--blue)}.tower-step.ts-blocked .tower-step-num{background:#ff4f4f26;color:var(--red)}.tower-step-text{font-size:11px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.tower-copy-btn{width:20px;height:20px;border-radius:4px;background:none;border:1px solid transparent;color:var(--text3);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.tower-step:hover .tower-copy-btn{opacity:1;border-color:var(--border)}.tower-copy-btn:hover{color:var(--green);border-color:#3ecf8e4d!important}.tower-footer{padding:7px 9px;border-top:1px solid var(--border);display:flex;gap:5px}.ai-panel{width:292px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column}.ai-panel-header{padding:11px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.ai-panel-title{font-family:var(--display);font-size:13px;font-weight:600;display:flex;align-items:center;gap:7px}.ai-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}.api-key-row{padding:8px 13px;border-bottom:1px solid var(--border);display:flex;gap:6px;align-items:center}.api-key-input{flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;padding:5px 9px;color:var(--text);font-family:var(--mono);font-size:11px;outline:none}.api-save-btn{font-size:10px;padding:5px 8px;background:none;border:1px solid var(--border2);border-radius:6px;color:var(--text2);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--mono)}.api-save-btn:hover{color:var(--green);border-color:#3ecf8e4d}.api-saved-tag{font-size:10px;color:var(--green)}.ai-messages{flex:1;overflow-y:auto;padding:11px;display:flex;flex-direction:column;gap:7px}.ai-msg{padding:8px 11px;border-radius:9px;font-size:12px;line-height:1.55;max-width:92%}.ai-msg.user{background:#7c6aff26;border:1px solid rgba(124,106,255,.25);color:var(--text);align-self:flex-end}.ai-msg.assistant{background:var(--surface2);border:1px solid var(--border);color:var(--text);align-self:flex-start;white-space:pre-wrap}.ai-msg.system{background:none;border:none;color:var(--text3);font-size:11px;align-self:center;text-align:center}.ai-input-area{padding:9px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.ai-chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:10px;padding:3px 8px;border-radius:5px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all .15s;white-space:nowrap}.chip:hover{border-color:#7c6aff66;color:var(--accent2)}.ai-input-row{display:flex;gap:6px}.ai-input{flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:7px;padding:7px 10px;color:var(--text);font-family:var(--mono);font-size:12px;outline:none;resize:none;max-height:80px;transition:border-color .15s}.ai-input:focus{border-color:#7c6aff80}.ai-send-btn{width:32px;height:32px;background:var(--accent);border:none;border-radius:7px;color:#fff;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;align-self:flex-end}.ai-send-btn:hover{background:var(--accent2)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.modal-field{margin-bottom:11px}.modal-label{font-size:11px;color:var(--text3);margin-bottom:5px}.modal-input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:7px;padding:8px 11px;color:var(--text);font-family:var(--mono);font-size:13px;outline:none}.modal-input:focus{border-color:#7c6aff80}.color-picker{display:flex;gap:7px;margin-top:6px;flex-wrap:wrap}.color-opt{width:22px;height:22px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s}.color-opt.sel{border-color:#fff;transform:scale(1.2)}.modal-acts{display:flex;gap:7px;justify-content:flex-end;margin-top:18px}.modal-btn{padding:7px 15px;border-radius:7px;font-family:var(--mono);font-size:12px;cursor:pointer;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);transition:all .15s}.modal-btn.ok{background:var(--accent);border-color:var(--accent);color:#fff}.modal-btn.ok:hover{background:var(--accent2)}.modal-btn.danger-btn{border-color:#ff4f4f4d;color:var(--red)}.modal-btn.danger-btn:hover{background:#ff4f4f1a}.settings-section{margin-bottom:18px}.settings-section-title{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.settings-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap}.settings-label{font-size:12px;color:var(--text2);min-width:50px}.settings-value{font-size:12px;color:var(--text)}.theme-option-btn{padding:6px 14px;border-radius:7px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-family:var(--sans);font-size:12px;cursor:pointer;transition:all .15s}.theme-option-btn.active{border-color:var(--accent);color:var(--accent2);background:#7c6aff1a}.theme-option-btn:not(.active):hover{background:var(--surface3);color:var(--text)}.export-area{font-size:11px;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:10px;color:var(--text2);width:100%;height:120px;resize:none;outline:none;font-family:var(--mono)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(16px);background:var(--surface3);border:1px solid var(--border2);border-radius:8px;padding:7px 16px;font-size:12px;color:var(--text);z-index:999;opacity:0;transition:all .25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.ok{border-color:#3ecf8e66;color:var(--green)}