:root{--bg: #2f7fd0;--surface: #ffffff;--line: #5d7088;--text: #000000;--muted: #4c4c4c;--accent: #003399;--accentText: #ffffff;--glass: rgba(165, 200, 235, .6);--glassLine: rgba(255, 255, 255, .55);--blur: 5px;--radius: 7px;--frameLine: rgba(8, 25, 50, .75);--sheen: linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, .22) 21%, rgba(255, 255, 255, 0) 27%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, .16) 61%, rgba(255, 255, 255, 0) 66%);--chrome: linear-gradient(180deg, color-mix(in srgb, var(--accent) 1%, var(--surface)) 0%, color-mix(in srgb, var(--accent) 7%, var(--surface)) 50%, color-mix(in srgb, var(--accent) 12%, var(--surface)) 50%, color-mix(in srgb, var(--accent) 8%, var(--surface)) 100%);--chromeLine: color-mix(in srgb, var(--accent) 28%, var(--surface));--chromeText: color-mix(in srgb, var(--accent) 80%, var(--text));--well: color-mix(in srgb, var(--text) 32%, var(--surface));--footer: color-mix(in srgb, var(--text) 6%, var(--surface));--footerLine: color-mix(in srgb, var(--text) 13%, var(--surface));--face: linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--surface)) 0%, color-mix(in srgb, var(--accent) 15%, var(--surface)) 50%, color-mix(in srgb, var(--accent) 24%, var(--surface)) 50%, color-mix(in srgb, var(--accent) 36%, var(--surface)) 100%);--faceLine: color-mix(in srgb, var(--accent) 55%, var(--surface));--grey: linear-gradient(180deg, #f2f2f2 0%, #ebebeb 50%, #dddddd 50%, #cfcfcf 100%);--press: transform .1s ease}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--text);font:13px/1.35 Segoe UI,Tahoma,Open Sans,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,select,input,a{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer}.wall,.net{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-size:cover;background-position:center}.window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1040px,calc(100vw - 48px));height:min(740px,calc(100vh - 48px));padding:0 8px 8px;display:flex;flex-direction:column;border-radius:var(--radius) var(--radius) 4px 4px;background:var(--sheen),var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--frameLine);box-shadow:inset 0 0 0 1px var(--glassLine),0 10px 30px #000f2d80;animation:windowIn .22s ease-out}@keyframes windowIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.97)}}.titlebar{height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.title{display:flex;align-items:center;gap:6px;padding-left:2px;min-width:0;font-size:12px;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 7px var(--surface),0 0 7px var(--surface),0 0 3px var(--surface)}.title svg{flex-shrink:0}.winBtns{display:flex;align-self:flex-start}.winBtns button,.winBtns a{width:26px;height:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff80,#ffffff47 50%,#ffffff14 50%,#ffffff47);border:1px solid rgba(8,25,50,.7);border-top:0;border-left:0}.winBtns>:first-child{border-left:1px solid rgba(8,25,50,.7);border-radius:0 0 0 4px;align-items:flex-end;padding-bottom:4px}.winBtns .close{display:flex;align-items:center;justify-content:center;width:43px;border-radius:0 0 4px;background:linear-gradient(180deg,#e5a08e,#cf6f57 50%,#be3d1c 50%,#cc6447);border-color:#521709}.winBtns>:active{filter:brightness(.92)}.winBtns i{display:block;width:8px;height:2px;background:var(--surface);box-shadow:0 0 0 1px #34495e}.winBtns .max i{width:7px;height:5px;background:none;border:1.5px solid var(--surface);outline:1px solid #34495e;box-shadow:none}.client{flex-grow:1;display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--line);overflow:hidden}.toolbar{height:32px;flex-shrink:0;display:flex;align-items:center;gap:2px;padding:0 6px;background:var(--chrome);border-bottom:1px solid var(--chromeLine);color:var(--chromeText)}.toolbar a,.toolbar button{height:24px;padding:0 9px;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;color:var(--chromeText);text-decoration:none;border:1px solid transparent;border-radius:3px}.toolbar a:hover,.toolbar button:hover{border-color:var(--chromeLine);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.toolbar svg{width:14px;height:14px}.toolbar .heart{fill:#d9342b;stroke:none;width:12px;height:12px}.toolbar .caret{width:7px;height:4px;fill:currentColor;stroke:none}.toolbar .grow{flex-grow:1}.toolbar .sep{width:1px;height:18px;margin:0 4px;background:var(--chromeLine)}.body{flex-grow:1;min-height:0;padding:16px 22px 14px;display:flex;flex-direction:column;gap:12px}h1{font-size:17px;font-weight:400;color:var(--accent)}.modes{display:flex;align-items:center;gap:22px}.modes label{display:flex;align-items:center;gap:6px;cursor:pointer}.modes input{margin:0;accent-color:var(--accent)}.well{flex-grow:1;min-height:0;border:1px solid var(--well);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);cursor:pointer}.well svg{width:44px;height:44px}body.dragging .well,.well.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.frame{flex-grow:1;min-height:0;position:relative;border:1px solid var(--well);overflow:hidden;background:var(--surface)}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;contain:paint;touch-action:none}.viewer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}.after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;clip-path:inset(0 50% 0 0)}.bglayer{position:absolute;background-size:cover;background-position:center}.bglayer.checker{background-color:var(--surface);background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%,transparent 75%,#e6e6e6 75%),linear-gradient(45deg,#e6e6e6 25%,transparent 25%,transparent 75%,#e6e6e6 75%);background-size:16px 16px;background-position:0 0,8px 8px}.handle{position:absolute;top:0;bottom:0;left:50%;z-index:2;width:1px;background:var(--surface);box-shadow:0 0 0 1px #00000040;cursor:ew-resize}.handle span{position:absolute;top:50%;left:50%;width:11px;height:22px;margin:-11px 0 0 -6px;border-radius:2px;border:1px solid #6f7e8f;background:linear-gradient(90deg,#f4f8fb,#dce6ef 50%,#c6d4e2 50%,#dce6ef);box-shadow:inset 0 0 0 1px #ffffffb3}.tag{position:absolute;top:8px;z-index:3;padding:1px 6px;font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--well)}.tag.l{left:8px}.tag.r{right:8px}.controls{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.controls>div,.controls label{display:flex;align-items:center;gap:8px}.swatches{display:flex;gap:2px}.swatch{width:24px;height:24px;padding:2px;display:flex;border:1px solid transparent;border-radius:2px}.swatch i{flex-grow:1;border:1px solid #7a7a7a;background-size:8px 8px;background-position:0 0,4px 4px}.swatch.on{border-color:#39f;background:#cce8ff}.swatch.clear i{background-color:var(--surface);background-image:linear-gradient(45deg,#cfcfcf 25%,transparent 25%,transparent 75%,#cfcfcf 75%),linear-gradient(45deg,#cfcfcf 25%,transparent 25%,transparent 75%,#cfcfcf 75%)}.swatch.add{align-items:center;justify-content:center;color:var(--muted)}.swatch.add svg{width:12px;height:12px}.short{display:none}select{height:23px;min-width:90px;padding:0 6px;color:var(--text);border-radius:3px;border:1px solid #707070;background:var(--grey)}.footer{flex-shrink:0;min-height:50px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 22px;background:var(--footer);border-top:1px solid var(--footerLine)}.push{height:25px;min-width:88px;padding:0 14px;color:var(--text);border-radius:3px;border:1px solid var(--faceLine);background:var(--face);box-shadow:inset 0 0 0 1px #ffffffb3,0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.push:hover{filter:brightness(1.04)}.push:active{transition:var(--press);filter:brightness(.94)}.push:disabled{color:#8d8d8d;border-color:#adb2b5;background:#f4f4f4;box-shadow:none;cursor:default}.job{display:flex;gap:16px;align-items:flex-start}.job .shot{width:96px;height:72px;flex-shrink:0;padding:3px;border:1px solid var(--well);background:var(--surface);box-shadow:1px 1px 3px #00000026}.job .shot img{width:100%;height:100%;object-fit:contain}.job .meta{flex-grow:1;display:flex;flex-direction:column;gap:9px;padding-top:6px;min-width:0}.job .meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track{height:15px;padding:1px;border:1px solid #bcbcbc;border-radius:2px;background:linear-gradient(180deg,#f3f3f3,#e3e3e3 50%,#d7d7d7 50%,#e9e9e9);overflow:hidden}.track i{display:block;width:0;height:100%;border-radius:1px;background:linear-gradient(180deg,#d5f5cd,#8ee07b 50%,#2cb93f 50%,#4ac95a);transition:width .3s ease}.track.waiting i{width:40%!important;animation:slide 1.1s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}#busyText{color:var(--muted)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#000f2d40}.sheetInner{width:min(380px,90vw);max-height:70vh;padding:0 4px 4px;display:flex;flex-direction:column;border-radius:var(--radius) var(--radius) 4px 4px;background:var(--sheen),var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--frameLine);box-shadow:inset 0 0 0 1px var(--glassLine),0 10px 30px #000f2d80}.sheetInner .bar{height:26px;display:flex;align-items:center;padding-left:6px;font-size:12px;text-shadow:0 0 7px var(--surface),0 0 7px var(--surface)}.sheetInner .pane{flex-grow:1;min-height:0;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line)}.pane label{color:var(--muted);font-size:12px}.pane input{height:23px;padding:0 6px;color:var(--text);border:1px solid #abadb3;background:var(--surface)}.pane input:focus{outline:1px solid var(--accent)}.pane .push{align-self:flex-end}.themeList{display:flex;flex-direction:column;gap:1px}.themeRow{display:flex;align-items:center;gap:10px;width:100%;padding:5px 6px;text-align:left;border:1px solid transparent}.themeRow:hover,.themeRow.on{border-color:#39f;background:#cce8ff}.preview{display:flex;border:1px solid #7a7a7a;flex-shrink:0}.preview i{width:11px;height:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;align-content:start;overflow:auto;flex-grow:1;min-height:0}.grid:empty{display:none}.card{display:flex;flex-direction:column;gap:8px;padding:8px;border:1px solid var(--well);background:var(--surface);box-shadow:1px 1px 3px #0000001f}.card .strip{display:flex;height:36px;border:1px solid #7a7a7a}.card .strip i{flex:1}.card img{width:100%;height:auto}.card .push{align-self:flex-start;min-width:72px}.cardName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 28px;text-align:center;color:var(--muted);border:1px solid var(--well)}.empty svg{width:28px;height:28px}.toast{position:fixed;left:50%;top:14px;z-index:8;transform:translate(-50%,-14px);padding:6px 12px;color:var(--text);background:var(--chrome);border:1px solid var(--chromeLine);border-radius:3px;box-shadow:0 6px 18px #000f2d59;opacity:0;transition:opacity .3s ease,transform .3s ease}.toast.up{opacity:1;transform:translate(-50%)}@media (max-width: 760px){.window{left:8px;right:8px;top:24px;bottom:24px;width:auto;height:auto;transform:none;padding:0 6px 6px;font-size:15px}@keyframes windowIn{0%{opacity:0}}body{font-size:15px}.winBtns .min,.winBtns .max{display:none}.winBtns .close{display:flex;align-items:center;justify-content:center;width:42px;border-left:1px solid rgba(8,25,50,.7);border-radius:0 0 4px 4px}.toolbar{height:44px;padding:0 4px;font-size:14px;overflow-x:auto;scrollbar-width:none}.toolbar a,.toolbar button{height:44px}.toolbar .label,.well .label{display:none}.short{display:inline}.body{padding:16px 14px 14px;gap:14px}h1{font-size:19px}.modes{flex-wrap:wrap;gap:4px}.modes label{min-height:44px;padding:0 8px 0 4px;gap:7px}.modes input{width:18px;height:18px}.controls{gap:14px}.footer{padding:10px 14px}.push{height:44px;min-width:130px;padding:0 18px;font-size:15px}.job{flex-direction:column}.job .shot{width:100%;height:220px}}@media (prefers-reduced-motion: reduce){*,*:after{animation:none!important;transition:none!important}}.toolbar button.on{border-color:var(--chromeLine);background:#cce8ff}.card .runHead{color:var(--accent)}.card .shot{height:130px;padding:3px;border:1px solid var(--well)}.card .shot img{width:100%;height:100%;object-fit:contain}.card .meta{font-size:12px;color:var(--muted);word-break:break-word}.prose{overflow-y:auto;max-width:68ch;line-height:1.55}.prose>*+*{margin-top:10px}.prose h1{font-size:20px;font-weight:400;color:var(--accent)}.prose h2{font-size:16px;font-weight:600;color:var(--accent);margin-top:20px}.prose h3{font-size:13px;font-weight:600;margin-top:14px}.prose ol{padding-left:20px}.prose li+li{margin-top:6px}.prose a{color:#06c}.prose code{font-family:Consolas,monospace;background:var(--footer);padding:0 3px}.prose table{border-collapse:collapse;width:100%;margin-top:12px}.prose th,.prose td{padding:5px 8px;text-align:left;border:1px solid var(--well);vertical-align:top}.prose th{background:var(--footer);font-weight:600}