:root{--bg:#f7f8fa;--surface:#fff;--border:#e5e7eb;--text:#1f2430;--muted:#6b7280;--primary:#ff7710;--pass:#16a34a;--fail:#dc2626;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.gnb{position:-webkit-sticky;position:sticky;top:0;z-index:60;height:60px;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid var(--border)}.gnb,.gnb-left{display:flex;align-items:center}.gnb-left{gap:20px}.gnb-logo{font-size:15px;font-weight:700;color:var(--text);text-decoration:none}.gnb-nav{display:flex;gap:14px}.gnb-nav a{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}.gnb-nav a.active,.gnb-nav a:hover,.gnb-recent{color:var(--text)}.gnb-recent{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px;border:none;background:transparent;font-size:13px;font-weight:600;line-height:0;cursor:pointer}.gnb-recent:hover{color:var(--primary)}.result-table{table-layout:fixed;width:100%}.result-table td,.result-table th{overflow:hidden;text-overflow:ellipsis;word-break:break-word}.result-table thead th{position:-webkit-sticky;position:sticky;top:40px;z-index:2;background:var(--surface);box-shadow:inset 0 -1px 0 var(--border)}.result-table tbody tr:hover{background:rgba(15,23,42,.02)}.result-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.result-table th.sortable:hover{color:var(--primary)}.result-table td:first-child,.result-table th:first-child{width:12%}.result-table td:nth-child(2),.result-table th:nth-child(2){width:6%}.result-table td:nth-child(3),.result-table th:nth-child(3){width:24%}.result-table td:nth-child(4),.result-table th:nth-child(4){width:9%}.result-table td:nth-child(5),.result-table th:nth-child(5){width:7%}.result-table td:nth-child(6),.result-table th:nth-child(6){width:6%}.result-table td:nth-child(7),.result-table th:nth-child(7){width:8%}.result-table td:nth-child(8),.result-table th:nth-child(8){width:9%}.result-table td:nth-child(9),.result-table th:nth-child(9){width:19%}.recording-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.recording-empty h2{margin:0 0 6px}.empty-recent-btn{margin-top:14px;display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.empty-recent-btn:hover{border-color:var(--primary);color:var(--primary)}.recent-row{cursor:pointer}.recent-row:hover{background:rgba(15,23,42,.04)}.run-meta .run-time{margin-left:auto}.container{width:100%;max-width:none;margin:0;padding:16px 40px 20px;height:calc(100vh - 60px);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}h1{font-size:22px;margin:0 0 4px}.sub{color:var(--muted);font-size:13px;margin:0 0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}.card--form{max-width:760px;display:flex;flex-direction:column;overflow:hidden}.form-top{flex:0 0 auto}.form-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;margin:16px 0;padding-right:6px}.form-bottom{flex:0 0 auto;margin-top:auto;border-top:1px solid var(--border);padding-top:16px}.run-buttons{display:flex;gap:12px;margin-top:16px}.top-header{flex:0 0 auto;display:flex;gap:20px;align-items:baseline;margin-bottom:14px}.top-header .header-left{flex:1 1;min-width:280px;margin:0}.top-header .header-center{flex:6 1;min-width:0}.header-left.nav{display:flex;align-items:baseline;gap:20px}.mode-nav{display:flex;gap:14px}.mode-nav a{font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent}.mode-nav a.active{color:var(--text);border-bottom-color:var(--primary)}.mode-nav a:hover{color:var(--text)}.main-grid{flex:1 1 auto;display:flex;gap:20px;align-items:stretch;margin-bottom:0;min-height:0}.main-grid>.sidebar-col{flex:1 1;min-width:280px;display:flex;flex-direction:column;gap:16px;height:100%}.sidebar-col>.add-card{flex:0 0 auto;margin-bottom:0}.sidebar-col>.sidebar{flex:1 1 auto;min-height:0;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden}.add-modal,.err-modal{padding:4px 24px 24px;box-sizing:border-box}.add-path-btn{flex:0 0 auto;width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);font-size:14px;font-weight:600;line-height:0;cursor:pointer}.add-path-btn:hover{border-color:var(--primary);color:var(--primary)}.add-modal{display:flex;flex-direction:column;gap:14px}.add-modal-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.add-modal-label{width:60px;flex:0 0 auto;font-size:13px;font-weight:600;color:var(--muted)}.add-field-grow{flex:1 1;min-width:200px}.add-modal .text-field-shell{background-color:#fff}.crit-item .text-field-shell{height:40px;border-color:#e5e7ea}.add-modal-row .add-envs{display:flex;gap:14px}.crit-section{border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:12px}.crit-head{display:flex;align-items:baseline;gap:10px}.crit-hint{font-size:12px}.crit-row{display:flex;align-items:center;gap:12px}.crit-add-btn{align-self:center;width:auto;padding:2px 8px;font-size:14px}.crit-scroll{gap:12px;max-height:340px;overflow-y:auto;padding-right:6px}.crit-item,.crit-scroll{display:flex;flex-direction:column}.crit-item{gap:10px;border:1px solid var(--border);border-radius:10px;padding:14px;background:rgba(15,23,42,.015)}.crit-item+.crit-item{margin-top:10px}.crit-flow-hint{flex:1 1;font-size:12px}.flow-steps{gap:10px}.flow-list,.flow-steps{display:flex;flex-direction:column}.flow-list{gap:8px}.flow-step{display:flex;align-items:center;gap:12px}.flow-no{flex:0 0 14px;font-size:12px;font-weight:700;color:var(--muted);text-align:center}.flow-action{flex:0 0 120px}.flow-value{flex:1 1;min-width:120px}.flow-actions{display:flex;align-items:center;gap:10px;margin-top:2px}.flow-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s}.flow-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.flow-btn:disabled{opacity:.5;cursor:default}.flow-btn.rec{color:#e01e5a}.flow-btn.rec:hover:not(:disabled){background:rgba(224,30,90,.06);border-color:#e01e5a;color:#e01e5a}.flow-btn .rec-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.flow-btn.rec.on{background:#e01e5a;color:#fff;border-color:#e01e5a}.flow-btn.rec.on:hover{background:#c81852}.flow-btn.rec.on .rec-dot{background:#fff;animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.crit-type{flex:0 0 146px}.crit-value{flex:1 1;min-width:120px}.crit-count{flex:0 0 90px}.crit-lane{flex:0 0 120px}.add-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.add-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.add-row1{align-items:center}.add-envs,.add-row1{display:flex;gap:14px}.add-input-row{display:flex;align-items:center;gap:8px}.add-input-row .path-input{height:40px}.add-input-row .action-button{height:40px;min-height:40px}.add-card .native-select{flex:1 1;height:40px;font-size:14px;color:var(--muted)}.main-grid>.center-col{flex:6 1;min-width:0;display:flex;flex-direction:column;gap:12px;height:100%}.center-head{display:flex;align-items:center}.center-title{font-size:16px;font-weight:700;color:var(--text)}.center-col>.center-card{flex:1 1 auto;min-height:0;margin-bottom:0;display:flex;flex-direction:column;overflow:hidden}.log-panel{flex:0 0 auto;border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.log-head{display:flex;align-items:center;gap:6px;width:100%;background:none;border:none;padding:6px 0;cursor:pointer;font-size:13px;font-weight:600;color:var(--text)}.log-body{margin:6px 0 0;height:400px;overflow:auto;background:rgba(15,23,42,.04);border:1px solid var(--border);border-radius:8px;padding:12px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rnb-open-btn{position:fixed;top:22px;right:24px;z-index:40;display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.06)}.rnb-open-btn:hover{border-color:var(--primary);color:var(--primary)}.rnb-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.18);z-index:50;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.rnb-backdrop.open{opacity:1;visibility:visible}.rnb{position:fixed;right:0;top:60px;width:520px;max-width:100vw;height:calc(100vh - 60px);z-index:51;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);border-radius:0;box-shadow:-8px 0 32px rgba(0,0,0,.14);overflow:hidden;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1)}.rnb.open{transform:translateX(0)}.rnb-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.rnb-body{flex:1 1;overflow:auto;padding:12px 20px 20px}.run-buttons--fill{display:flex;gap:10px}.run-buttons--fill button{flex:1 1;width:100%;min-width:0}.add-path--top{margin:10px 0 4px}.add-path--top .native-select{max-width:130px}.center-card .tab-body{flex:1 1 auto;min-height:0;overflow:auto}.top-grid>.checks-panel{flex:1.6 1 420px;display:flex;flex-direction:column;overflow:hidden}.checks-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin-top:12px;padding-right:6px}.tree-env{margin-bottom:6px}.tree-row{display:flex;align-items:center;gap:6px;padding:5px 0}.tree-row--env{font-size:14px;border-bottom:1px solid var(--border)}.tree-caret{cursor:pointer;width:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-caret:hover{color:var(--text)}.tree-count{margin-left:auto;font-size:12px}.tree-project{margin-left:11px;border-left:1px solid var(--border);padding-left:8px}.tree-row--proj{justify-content:flex-start}.tree-checks{margin-left:41px;display:flex;flex-direction:column;gap:4px;padding-bottom:6px}.tree-add{margin:4px 0 6px 14px}.selected-count{margin-top:12px;font-size:14px;color:var(--text)}.top-grid{display:flex;gap:20px;align-items:stretch;flex-wrap:wrap;margin-bottom:20px}.top-grid>.card{height:460px;margin-bottom:0}.top-grid>.card--form{flex:1 1 340px;max-width:none}.top-grid>.recent{flex:2 1 460px}.recent{display:flex;flex-direction:column;height:360px}.recent-body{max-height:340px;overflow:auto}.tab-body{margin-top:0}.running-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%}.running-state img{width:96px;height:96px}.running-state p{margin:0;font-size:15px;font-weight:600;color:var(--text)}.run-progress{font-size:20px;font-weight:700;color:var(--primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;color:var(--muted)}.empty-state img{width:56px;height:56px;opacity:.9}.empty-state p{margin:0;font-size:14px}.run-meta{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:var(--surface);display:flex;align-items:center;gap:8px;height:40px;margin-bottom:0}.recent-pager{padding-top:12px;display:flex;justify-content:center}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.form-stack{gap:20px}.field,.form-stack{display:flex;flex-direction:column}.field{gap:8px}.label{font-size:15px;font-weight:600;color:var(--text)}h1{font-size:20px}.card h3{font-size:15px;font-weight:600}.field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.head-actions{display:flex;gap:14px}.checks-scroll{max-height:150px;overflow-y:auto;padding-right:4px}.modal-checks{max-height:60vh;overflow-y:auto;padding:4px 2px}.modal-checks .checks{gap:12px;margin-top:6px}.modal-checks .check-item{padding:2px 0}.link-btn{background:none;border:none;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;padding:0}.link-btn:disabled{color:var(--muted);cursor:default}.add-path{display:flex;align-items:center;gap:8px;margin:10px 0 4px}.add-path .slash{color:var(--muted);font-weight:700}.path-input{flex:1 1;height:36px;border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:14px}.remove-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;padding:4px 6px;border-radius:6px}.remove-btn:hover{color:var(--fail);background:#fee2e2}.native-select,select{height:40px;border:1px solid #e5e7ea;border-radius:4px;padding:0 34px 0 12px;background-color:#fff;font-size:14px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.checks{display:flex;flex-direction:column;gap:8px;margin-top:4px}.check-item{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:14px}.tree-checks .check-item .remove-btn{opacity:0;transition:opacity .12s}.tree-checks .check-item:hover .remove-btn{opacity:1}.check-label{flex:1 1;min-width:0;text-align:left;background:none;border:none;padding:3px 6px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text)}.check-label:hover{background:rgba(15,23,42,.04)}.check-label .tag{margin-left:6px}.check-label .c-path{color:var(--text)}.check-label .c-title{color:var(--muted)}.tag.crit{background:rgba(245,158,11,.16);color:#b45309}.crit-list{display:flex;flex-direction:column;gap:3px;margin-top:4px}.crit-chip{font-size:11px;line-height:1.3;color:var(--muted);background:rgba(15,23,42,.04);border-radius:4px;padding:2px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-button-group__content{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}.env-row{gap:24px;flex-wrap:wrap}.env-row,.toggle-row{display:flex;align-items:center}.toggle-row{gap:8px;margin-top:0;font-size:13px;color:var(--muted)}.toggle-row+.toggle-row{margin-top:8px}.btn{height:44px;padding:0 22px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.tag.pass{background:#dcfce7;color:var(--pass)}.tag.fail{background:#fee2e2;color:var(--fail)}.tag.running{background:#e0e7ff;color:#4338ca}.tag.lane{background:#f1f5f9;color:#475569}.thumb{height:56px;width:auto;max-width:120px;border:1px solid var(--border);border-radius:6px;object-fit:cover;object-position:top;display:block}.muted{color:var(--muted)}.path[title]{cursor:help;-webkit-text-decoration:underline dotted var(--border);text-decoration:underline dotted var(--border);text-underline-offset:2px}.err{white-space:pre-wrap}.err,.err-line{color:var(--fail);font-size:12px}.err-line{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-top:4px}.err-modal{display:flex;flex-direction:column;gap:12px;text-align:left;width:100%;box-sizing:border-box}.err-modal-sub{color:var(--muted);font-size:13px}.err-modal-actions{display:flex;justify-content:flex-end}.err-pre{background:rgba(15,23,42,.04);border:1px solid var(--border);border-radius:8px;padding:12px;max-height:50vh;overflow:auto;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}a{color:var(--primary)}.portal{max-width:880px;margin:0 auto;padding:64px 24px}.portal-head{margin-bottom:40px}.portal-head h1{font-size:32px;letter-spacing:-.5px;margin:0 0 8px}.portal-head p{color:var(--text-secondary,#6b7280);font-size:15px;margin:0}.portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.portal-card{display:block;text-decoration:none;color:inherit;background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:24px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.portal-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 6px 20px rgba(0,0,0,.06)}.portal-icon{font-size:32px}.portal-card h2{font-size:18px;margin:12px 0 6px}.portal-card p{font-size:13.5px;color:var(--text-secondary,#6b7280);line-height:1.55;margin:0}