:root{font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#17243a;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input[type=checkbox]{accent-color:#426cff}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#4169f8;color:#fff;font-size:26px;font-weight:800;box-shadow:0 7px 18px #426cff33}.brand div{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:16px;letter-spacing:-.03em}.brand div span{color:#8b98ad;font-size:9px;letter-spacing:.19em;margin-top:5px;font-weight:800}.top-right{display:flex;align-items:center;gap:20px}.project-pill{border:1px solid #dfe8f3;background:#f7faff;border-radius:30px;padding:8px 13px;color:#50617e;font-size:12px;display:flex;gap:8px;align-items:center;max-width:500px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-dot{width:7px;height:7px;background:#32be85;border-radius:50%;box-shadow:0 0 0 3px #32be8520;flex:none}.version{font-size:12px;color:#a2adc0}.workspace{display:grid;grid-template-columns:296px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid #e6ebf3;padding:32px 24px 30px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.sidebar-head{padding-bottom:19px}.eyebrow{font-size:10px;color:#7186ac;font-weight:800;letter-spacing:.16em}.sidebar h1{margin:10px 0 7px;font-size:23px;letter-spacing:-.05em}.sidebar p,.main-heading p{margin:0;color:#91a0b5;font-size:12px;line-height:1.65}.setting-section{border-top:1px solid #edf0f5;padding:22px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-weight:700;font-size:13px}.section-title small,.field small{font-weight:400;font-size:11px;color:#a8b4c6}.difficulty-list{display:grid;gap:7px}.difficulty-option{border:1px solid #e8edf5;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;background:#fff;text-align:left;color:#44536c;transition:.15s}.difficulty-option:hover{border-color:#a9baff}.difficulty-option.active{border-color:#4870ff;background:#f3f6ff;box-shadow:0 0 0 2px #4870ff12;color:#2f55db}.difficulty-option .radio{width:16px;height:16px;border:1.5px solid #cbd5e5;border-radius:50%;display:grid;place-items:center}.difficulty-option.active .radio{border-color:#426cff}.difficulty-option.active .radio:after{content:"";width:8px;height:8px;background:#426cff;border-radius:50%}.difficulty-option strong{font-size:12px}.difficulty-option small{margin-left:auto;font-size:10px;color:#9ba9bb}.field{display:block;margin-bottom:15px}.field>span,.output-field>span{display:flex;justify-content:space-between;font-size:12px;color:#55657e;margin-bottom:8px;font-weight:600}.field input{width:100%;height:37px;border:1px solid #e1e7f1;background:#fbfcff;border-radius:8px;padding:0 11px;outline:none;color:#243551}.field input:focus,.custom-fields input:focus{border-color:#5680ff;box-shadow:0 0 0 3px #5680ff18}.output-field{margin-bottom:0}.output-field code{display:block;padding:10px;background:#f7f9fd;border:1px solid #e9edf4;border-radius:8px;font-size:10px;word-break:break-all;color:#77869d;line-height:1.5}.output-field small{display:block;line-height:1.5;margin-top:6px}.toggle-line{display:flex;align-items:center;font-size:12px;font-weight:700;justify-content:space-between;cursor:pointer}.toggle-line input{position:absolute;opacity:0}.switch{width:32px;height:18px;background:#d7deea;border-radius:20px;position:relative;transition:.2s}.switch:after{content:"";width:12px;height:12px;position:absolute;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle-line input:checked+.switch{background:#426cff}.toggle-line input:checked+.switch:after{transform:translateX(14px)}.custom-fields{padding-top:15px;display:grid;gap:9px}.custom-fields[hidden]{display:none}.custom-row{display:grid;grid-template-columns:72px 1fr 12px 1fr;align-items:center;gap:5px;font-size:11px;color:#64748b}.custom-row input{width:100%;height:30px;border:1px solid #e1e7f1;border-radius:6px;padding:0 5px;min-width:0}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:9px;font-size:12px;font-weight:750;transition:.15s}.primary-button{height:43px;background:#426af7;color:#fff;box-shadow:0 6px 15px #426af733;padding:0 15px}.primary-button:hover{background:#3159ef}.sidebar>.primary-button{width:100%;display:flex;align-items:center;gap:9px;justify-content:center}.button-arrow{margin-left:auto}.sidebar-note{font-size:10px;color:#97a5ba;text-align:center;margin-top:13px}.sidebar-note span{color:#34b78a}.main{padding:32px 34px 45px;min-width:0;max-width:1800px;width:100%;margin:auto}.main-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.main-heading h2{font-size:26px;letter-spacing:-.05em;margin:7px 0}.batch-badge{font-size:11px;color:#71829d;background:#eaf0fa;border:1px solid #dce6f4;padding:8px 13px;border-radius:7px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.summary-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e7edf5;border-radius:12px;padding:17px 18px;height:93px;box-shadow:0 4px 18px #25334d07}.summary-card>span{font-size:11px;color:#8797af}.summary-card strong{display:block;font-size:24px;letter-spacing:-.05em;margin-top:7px}.summary-card strong small{font-size:13px;color:#9eacc0;font-weight:500}.card-accent{position:absolute;width:50px;height:50px;border-radius:50%;right:-12px;bottom:-18px;opacity:.13}.card-accent.blue{background:#4870ff}.card-accent.green{background:#24ba88}.card-accent.amber{background:#efa937}.card-accent.purple{background:#a482ea}.content-panel,.progress-panel,.bottom-panel>div{background:#fff;border:1px solid #e6ecf4;border-radius:12px;box-shadow:0 4px 20px #25334d07}.panel-toolbar{height:59px;border-bottom:1px solid #e8edf4;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.tabs{display:flex;height:100%;gap:22px}.tab{border:0;background:none;color:#94a1b3;font-weight:700;font-size:12px;padding:0 4px;position:relative}.tab.active{color:#3662ed}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#426cff;border-radius:2px}.toolbar-actions{display:flex;align-items:center;gap:16px}.toolbar-actions select{border:1px solid #e5ebf3;border-radius:7px;background:#fff;padding:6px;color:#77869c;font-size:11px}.select-all,.checkbox-row{font-size:11px;color:#7a8aa1;display:flex;gap:5px;align-items:center}.list-view{min-height:350px;max-height:480px;overflow:auto;padding:17px}.empty-state{height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2aec1}.empty-icon{width:65px;height:65px;border-radius:18px;background:#f1f5ff;color:#7c98ed;display:grid;place-items:center;font-size:34px;margin-bottom:15px}.empty-state h3{font-size:15px;color:#586a84;margin:0 0 8px}.empty-state p{margin:0;font-size:11px}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:12px}.level-card{border:1px solid #e5eaf2;border-radius:10px;padding:12px;background:#fff;transition:.15s}.level-card:hover{border-color:#bac9e9;box-shadow:0 6px 17px #334b7612}.card-top{display:flex;align-items:center;justify-content:space-between}.card-id{font-size:12px;font-weight:800}.card-id input{vertical-align:middle;margin-right:5px}.status-chip{font-size:10px;padding:4px 7px;border-radius:5px;background:#e8f8f1;color:#2daa79;font-weight:700}.status-chip.shifted{background:#fff4e1;color:#cc8b26}.status-chip.failed{background:#fee9ec;color:#df5b6e}.mini-board{width:100%;height:104px;border-radius:6px;background:#f8faff;margin:10px 0}.card-meta{font-size:10px;color:#95a3b7;display:flex;justify-content:space-between}.card-actions{display:flex;gap:6px;margin-top:11px}.card-actions button{border:1px solid #e2e9f4;border-radius:6px;background:#fff;padding:5px 8px;font-size:10px;color:#687b99}.card-actions button:first-child{color:#4166eb;border-color:#dce5ff}.detail-view{padding:20px;display:grid;grid-template-columns:minmax(300px,1.45fr) minmax(245px,1fr);gap:20px}.detail-view[hidden]{display:none}.preview-box{background:#f8faff;border:1px solid #e7edf8;border-radius:11px;padding:13px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#657993;font-weight:700}.playback-controls{display:flex;gap:4px}.playback-controls button{background:#fff;border:1px solid #e4eaf4;border-radius:6px;min-width:30px;height:26px;color:#5b6f90;font-size:11px}.preview-box canvas{width:100%;height:385px;display:block;margin:9px auto}.playback-progress{height:5px;border-radius:5px;background:#e6ecfa;overflow:hidden}.playback-progress div{height:100%;width:0;background:#426cff;transition:width .2s}.preview-box p{text-align:center;color:#9aa9c0;font-size:10px;margin:8px 0 0}.detail-head h3{font-size:22px;margin:7px 0 10px}.stat-rows{margin:18px 0;border-top:1px solid #edf1f6}.stat-row{padding:10px 0;border-bottom:1px solid #edf1f6;display:flex;justify-content:space-between;font-size:11px;color:#8090a8}.stat-row strong{color:#334560}.turn-chart strong{font-size:11px;color:#5d6e87}.turn-chart>div{height:74px;display:flex;align-items:end;gap:4px;margin-top:12px}.turn-bar{background:#8da6ff;border-radius:3px 3px 0 0;min-width:7px;flex:1}.detail-actions{display:flex;gap:8px;margin-top:18px}.secondary-button,.ghost-button{height:34px;padding:0 11px}.secondary-button{color:#4167e9;background:#f0f4ff;border:1px solid #dce5ff}.ghost-button{background:#fff;color:#8190a6;border:1px solid #e5eaf2}.progress-panel{padding:17px 20px;margin-top:19px}.progress-top,.progress-top>div,.progress-meta{display:flex;justify-content:space-between}.progress-top strong{font-size:12px}.progress-top>div{gap:12px;align-items:center}.progress-top span,.progress-meta{font-size:10px;color:#93a1b5}.progress-track{height:8px;border-radius:10px;background:#eaf0fa;margin:13px 0 10px;overflow:hidden}.progress-track div{width:0;height:100%;background:linear-gradient(90deg,#4670fb,#67a0ff);border-radius:10px;transition:width .2s}.bottom-panel{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:18px}.bottom-panel>div{padding:17px 18px;min-height:166px}.bottom-title{display:flex;justify-content:space-between;font-size:12px}.bottom-title button,.text-button{border:0;background:none;color:#5e78dc;font-size:10px}.logs{height:115px;overflow:auto;margin-top:10px;font:10px/1.9 Consolas,monospace;color:#5e6d86}.log-line{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.log-line.muted{color:#a7b4c6}.log-time{color:#a9b7c9;margin-right:7px}.export-panel p{font-size:10px;color:#96a5ba;line-height:1.5;margin:10px 0}.export-panel code{font-size:10px}.export-buttons{display:flex;gap:8px;margin-top:14px}.compact{height:34px}.export-panel .text-button{display:block;margin-top:12px;padding:0}.toast{position:fixed;bottom:24px;right:25px;background:#203653;color:#fff;border-radius:9px;padding:12px 17px;font-size:12px;box-shadow:0 12px 32px #22385844;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;z-index:30;max-width:440px}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.workspace{grid-template-columns:250px 1fr}.sidebar{padding:25px 17px}.main{padding:25px 20px}.detail-view{grid-template-columns:1fr}}@media(max-width:760px){.topbar{padding:0 15px}.version{display:none}.project-pill{max-width:190px}.workspace{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #e6ebf3}.main{padding:20px 13px}.summary-grid{grid-template-columns:repeat(2,1fr)}.bottom-panel{grid-template-columns:1fr}.main-heading h2{font-size:22px}.batch-badge{display:none}}
.grid-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.grid-config .field{min-width:0;margin-bottom:5px}.grid-config .field>span{font-size:11px}.grid-config input{padding:0 7px;text-align:center}.config-hint{font-size:10px;line-height:1.45;color:#8b9bb3;margin:0 0 16px}
.config-hint.invalid{color:#d74760}.field select{width:100%;height:37px;border:1px solid #e1e7f1;background:#fbfcff;border-radius:8px;padding:0 11px;color:#243551}.design-intent{font-size:11px;line-height:1.55;color:#7d8ba1;margin:9px 0 0}.level-theme{display:block;font-size:10px;color:#637aaa;margin-top:5px}
.field[hidden]{display:none}
.difficulty-label{display:inline-flex;margin:7px 8px 8px 0;padding:4px 10px;border-radius:999px;background:#fff0e8;color:#d25c26;font-size:11px;font-weight:800}.difficulty-label[hidden]{display:none}