:root{font:16px/1.5 'Segoe UI',Arial,sans-serif;color:#183247;background:#edf2f7;--blue:#1457c5;--line:#cbd7e4}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid var(--line);padding:22px max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:18px}h1{font-size:24px;line-height:1.2;margin:0;font-weight:650}h2{font-size:21px;margin:0}h3{margin:0;font-size:18px}header p{margin:3px 0 0;color:#53687c}.mark{font-size:42px;line-height:1;color:var(--blue)}#board{margin-left:auto;max-width:290px;font-size:14px}main{max-width:1488px;margin:auto;padding:26px 24px 60px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:32px}.task{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:20px;display:grid;grid-template-columns:160px 1fr;gap:22px}.preview{width:160px;height:208px;object-fit:contain;image-rendering:pixelated;background-color:#fff;background-image:conic-gradient(#e4eaf1 25%,transparent 0 50%,#e4eaf1 0 75%,transparent 0);background-size:16px 16px;border:1px solid var(--line);border-radius:4px}.task p{margin:8px 0;color:#53687c}.task .controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.task label{font-size:14px}.task select,.task input{max-width:220px}progress{width:100%;height:10px;accent-color:#15734b}.badge{display:inline-block;font-size:13px;padding:2px 8px;border-radius:4px;background:#e7eef7;color:#38536e}.badge.good{background:#e3f4ec;color:#15734b}.badge.bad{background:#ffe8eb;color:#a82532}button,input,select{font:inherit}button{cursor:pointer;color:#183247;background:white;border:1px solid #9eb1c7;border-radius:5px;padding:8px 12px;line-height:1.3}button:hover{background:#f2f6fc}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button:disabled{opacity:.5;cursor:wait}input,select{display:block;border:1px solid #9eb1c7;background:#fff;border-radius:4px;padding:8px;width:100%;margin-top:5px;color:inherit}label{display:block;margin-bottom:12px}input[type=file]{max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #79aaff;outline-offset:3px}.fields{display:flex;flex-wrap:wrap;gap:16px}.fields label{flex:1;min-width:90px}.fields label:has(select){flex:2;min-width:200px}#upload,#login,#join-info{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:24px}#login{max-width:450px;margin:60px auto}#login h2{margin-bottom:24px}#error{background:#ffe8eb;color:#8d1e2b;padding:14px 18px;border:1px solid #e8a4ad;border-radius:6px;margin-bottom:20px}.agent{padding:18px 0;border-top:1px solid var(--line)}.agent p{margin:6px 0;font-size:14px;color:#53687c}.agent .controls{display:flex;gap:8px;flex-wrap:wrap}.agent select{flex:1;min-width:130px;margin:0;font-size:14px}.agent button{font-size:14px}.agent h3{display:inline;margin-right:10px}.danger{color:#a82532}pre{white-space:pre-wrap;word-break:break-word;background:#edf2f7;padding:12px;border-radius:4px;font-size:13px}details{margin-top:28px}summary{cursor:pointer}#audit{font-size:12px;padding-left:20px;color:#53687c}#audit li{margin:6px 0}#task-count,#agent-count{color:#6d7e8e;font-weight:400}#tasks:empty{min-height:160px}[hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:1fr}aside{max-width:none}}@media(max-width:600px){header{padding:18px;flex-wrap:wrap}header #board{margin-left:0}main{padding:20px 14px}.task{grid-template-columns:100px 1fr;padding:14px;gap:14px}.preview{width:100px;height:150px}.toolbar{align-items:flex-start}h1{font-size:21px}.mark{font-size:34px}}
#map{display:block;width:100%;height:420px;border:1px solid #9eb1c7;border-radius:5px;cursor:move;touch-action:none;background:#dce5ef}#placement{margin:12px 0 22px}#placement p{font-size:14px;color:#53687c}#placement-stats{min-height:26px}.agent .controls{align-items:center}

.task-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.active-toggle{display:flex;align-items:center;gap:8px;margin:0;font-size:14px!important;white-space:nowrap}.active-toggle input{appearance:none;width:36px!important;height:21px;min-width:36px;border:0;border-radius:20px;background:#8b9caf;position:relative;padding:0;margin:0;cursor:pointer}.active-toggle input:before{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;background:#fff;border-radius:50%}.active-toggle input:checked{background:#1457c5}.active-toggle input:checked:before{left:18px}.eta{font-size:14px;color:#1457c5!important}.current-job{color:#183247!important;font-weight:600}.editor .toolbar{align-items:flex-start}.editor .toolbar p{margin:4px 0 0;color:#53687c;font-size:14px}.editor-files{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0}.editor-files label{flex:1;min-width:180px;margin:0}.editor-files input[type=file]{font-size:14px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-top:22px}.map-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.segmented{display:flex;gap:0}.segmented button{font-size:13px;border-radius:0;margin-left:-1px}.segmented button:first-child{border-radius:5px 0 0 5px;margin-left:0}.segmented button:last-child{border-radius:0 5px 5px 0}.segmented button[aria-pressed=true]{background:#1457c5;color:#fff;border-color:#1457c5}.map-wrap{position:relative}.editor #map{height:540px}.map-wrap #map-hint{position:absolute;left:20px;right:20px;bottom:16px;pointer-events:none;background:#fff;padding:10px 14px;border-radius:5px;color:#53687c;font-size:14px}.editor-settings{background:#f5f8fc;border-radius:7px;padding:16px}.editor-settings h3{margin-bottom:14px}.editor-settings label{font-size:14px;margin-top:14px}.editor-settings input[type=range]{padding:0;border:0;accent-color:#1457c5}.editor-settings output{float:right;font-variant-numeric:tabular-nums}.editor-settings .check{display:flex;align-items:center;gap:8px}.check input{width:17px;height:17px;margin:0;accent-color:#1457c5}.help{color:#53687c;font-size:13px}.presets{display:flex;gap:6px;flex-wrap:wrap}.presets button{font-size:13px;padding:6px 8px}.swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:12px 0}.swatch{width:100%;aspect-ratio:1;padding:0;border-radius:3px;border:1px solid #8b9caf;opacity:.3}.swatch[aria-pressed=true]{opacity:1;outline:2px solid #1457c5;outline-offset:1px}.swatch.p0{background:#fff}.swatch.p1{background:#e4e4e4}.swatch.p2{background:#888}.swatch.p3{background:#222}.swatch.p4{background:#ffa7d1}.swatch.p5{background:#e50000}.swatch.p6{background:#e59500}.swatch.p7{background:#a06a42}.swatch.p8{background:#e5d900}.swatch.p9{background:#94e044}.swatch.p10{background:#02be01}.swatch.p11{background:#00d3dd}.swatch.p12{background:#0083c7}.swatch.p13{background:#0000ea}.swatch.p14{background:#cf6ee4}.swatch.p15{background:#820080}.editor-settings hr{border:0;border-top:1px solid #cbd7e4;margin:20px 0}.editor-settings details{margin-top:18px;font-size:14px}.editor-settings .fields{gap:10px}.editor-settings .fields label{min-width:85px}.editor-footer{display:flex;gap:16px;align-items:center;margin-top:22px}.editor-footer span{color:#53687c;font-size:14px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.compare figure{margin:0;background:#f4f7fb;border:1px solid #d5dfeb;border-radius:5px;padding:12px;text-align:center}.compare figcaption{font-size:13px;color:#53687c;margin-bottom:8px}.compare img{height:160px;max-width:100%;object-fit:contain}.compare img:not([src]){visibility:hidden}#palette-preview{image-rendering:pixelated}#placement-stats{font-size:14px;min-height:44px;color:#183247}#upload.editor{padding:22px}#upload-form button:disabled{opacity:.5}@media(max-width:1000px){.editor-layout{grid-template-columns:1fr}.editor-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-settings h3,.editor-settings .presets,.editor-settings .help,.editor-settings .swatches,.editor-settings hr,.editor-settings details{grid-column:1/-1}.editor-settings label{margin-top:0}.editor-settings .check{grid-column:1/-1}}@media(max-width:600px){.editor-files{gap:10px}.editor-files label{flex-basis:100%}.editor #map{height:400px}.editor-footer{align-items:flex-start;flex-direction:column}.editor-settings{display:block}.editor-settings label{margin-top:16px}.task-head{align-items:flex-start;flex-direction:column}.compare img{height:120px}.map-toolbar button{font-size:12px;padding:7px}.segmented button{font-size:11px}.editor .toolbar button{font-size:13px}#upload.editor{padding:14px}}