:root{font-family:Segoe UI,system-ui,sans-serif;color:#292733;background:#f7f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:82px;border-bottom:1px solid #e5e0d8;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#605178;font-size:30px}.brand span{font-size:13px;font-weight:700;letter-spacing:2px}.local{font-size:12px;color:#73766d}main{max-width:1180px;margin:auto;padding:44px 28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#857b96}.intro h1{font-size:clamp(38px,5vw,60px);line-height:1.07;font-weight:500;letter-spacing:-2.5px;margin:18px 0}.intro>p:last-child{color:#78747e;font-size:16px;margin-bottom:32px}.monitor{background:#fff;border:1px solid #e4dfd8;border-radius:18px;padding:22px 26px;box-shadow:0 4px 20px #29273303}.monitor-top,.monitor-bottom,.section-heading,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.monitor h2{font-size:14px;margin:0}#state{font-size:12px;font-weight:400;color:#527262;background:#edf4ef;border-radius:20px;padding:6px 12px;margin-left:15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:28px 0 18px}.metrics>div{display:flex;flex-direction:column;gap:9px}.metrics span{font-size:11px;color:#827d88;letter-spacing:.6px}.metrics strong{font-size:21px;font-weight:500}.metrics small{font-size:10px;color:#827d88}meter{width:100%;height:6px;border:0;appearance:none;background:#eeeaf3;border-radius:6px}meter::-webkit-meter-bar{background:#eeeaf3;border:0;height:6px}meter::-webkit-meter-optimum-value{background:#9882bd}.monitor-bottom{font-size:11px;color:#827d88;border-top:1px solid #f1eeea;padding-top:15px}button{font:inherit;cursor:pointer;border:1px solid #dcd5e6;background:#fff;color:#615077;border-radius:8px;padding:9px 14px;font-size:12px}button:hover{background:#f5f0fa}button:disabled{opacity:.5;cursor:wait}.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.card{display:block;text-align:left;text-decoration:none;border:1px solid #e4dfd8;background:#fff;border-radius:15px;padding:25px;color:inherit;transition:transform .15s}.card:hover{transform:translateY(-3px);background:#fff;box-shadow:0 8px 24px #29273308}.symbol{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;font-size:25px}.lilac{background:#eee7f7;color:#8c69bc}.blue{background:#e7eef8;color:#6a8fbd}.orange{background:#f7eae0;color:#bf8d6a}.card h2{font-size:21px;font-weight:500;margin:17px 0 10px}.card p{font-size:13px;line-height:1.7;color:#827d88}.action{display:block;font-size:12px;margin-top:24px;color:#77618e}.apps-section{margin-top:44px}.section-heading h2{font-size:25px;font-weight:500;margin:4px 0 20px}.section-heading .eyebrow{margin:0}.apps{display:flex;gap:14px;flex-wrap:wrap}.app-card{min-width:240px;text-align:left;padding:18px 22px;border:1px solid #e4dfd8;border-radius:12px;background:#fff;font-size:15px;color:#39333f}.app-card small{display:block;margin-top:6px;color:#827d88;font-size:11px}.hint,footer{font-size:11px;color:#918b96;line-height:1.7}footer{margin-top:42px;border-top:1px solid #e5e0d8;padding-top:20px}#notice{font-size:12px;color:#79618f;margin-bottom:0}#notice:empty{display:none}dialog{border:1px solid #e4dfd8;border-radius:16px;padding:26px;max-width:650px;width:calc(100% - 32px);box-shadow:0 20px 90px #29273322}dialog::backdrop{background:#29273366}dialog p,dialog li{font-size:13px;line-height:1.8;color:#78747e}dialog h2{margin:0;font-size:22px;font-weight:500}.close{border:0}.row{display:flex;gap:10px}input,textarea,select{width:100%;padding:12px;border:1px solid #ddd5e5;border-radius:8px;font:inherit;background:#fff}textarea{min-height:120px;resize:vertical}label{font-size:12px;display:block;margin:20px 0 8px}dialog small{display:block;font-size:11px;color:#89818f;margin-top:20px}.project-item{display:block;width:100%;text-align:left;margin:8px 0}#mini-fields input[type=checkbox]{width:auto}#results img{width:100%;border-radius:10px}#results a{display:block;margin:12px 0;font-size:13px;color:#77618e}#run{margin-top:20px;background:#79618f;color:white}#run-state{font-size:13px}@media(max-width:700px){header{padding:0 22px}.local{max-width:110px;text-align:right}main{padding:26px 20px}.tools{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr);gap:22px}.monitor{padding:20px}.monitor-top{align-items:start}.monitor h2{display:flex;flex-direction:column;gap:10px}#state{margin-left:0}.monitor-bottom{align-items:start;flex-direction:column}.card p br{display:none}}
.header-options{display:flex;align-items:center;gap:16px}.theme-label{margin:0;font-size:12px}#theme{width:auto;padding:8px 12px;font-size:12px}
:root[data-theme=dark]{color-scheme:dark;color:#eeeaf3;background:#15141a}
[data-theme=dark] header,[data-theme=dark] footer{border-color:#34303d}
[data-theme=dark] .brand{color:#c4a9eb}[data-theme=dark] .local{color:#aaa5b3}
[data-theme=dark] .monitor,[data-theme=dark] .card,[data-theme=dark] .app-card,[data-theme=dark] dialog{background:#211f29;border-color:#393442;color:#eeeaf3}
[data-theme=dark] .card:hover{background:#292632}
[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#282431;border-color:#494052;color:#e2d4f5}
[data-theme=dark] button:hover{background:#35303f}[data-theme=dark] .card{background:#211f29;color:#eeeaf3}
[data-theme=dark] .metrics span,[data-theme=dark] .metrics small,[data-theme=dark] .monitor-bottom,[data-theme=dark] .card p,[data-theme=dark] .app-card small,[data-theme=dark] .hint,[data-theme=dark] footer,[data-theme=dark] dialog p,[data-theme=dark] dialog li,[data-theme=dark] dialog small{color:#b5aebf}
[data-theme=dark] .eyebrow,[data-theme=dark] .action,[data-theme=dark] #notice,[data-theme=dark] #results a{color:#c5a8eb}
[data-theme=dark] .monitor-bottom{border-color:#393442}[data-theme=dark] #state{color:#a2dbb6;background:#20382d}
[data-theme=dark] meter,[data-theme=dark] meter::-webkit-meter-bar{background:#3a3345}[data-theme=dark] meter::-webkit-meter-optimum-value{background:#b293d9}
[data-theme=dark] .lilac{background:#3c2f50;color:#d0adff}[data-theme=dark] .blue{background:#273b51;color:#a4cbf8}[data-theme=dark] .orange{background:#4b3527;color:#edba94}
[data-theme=dark] #run{background:#9371b9;color:#fff}[data-theme=light]{color-scheme:light}
@media(max-width:700px){header{height:auto;min-height:82px;gap:15px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.header-options{gap:10px}.header-options .local{display:none}}
header.topbar{position:sticky;top:0;z-index:30;min-height:64px;height:auto;padding:14px 24px;gap:16px;background:#f7f5f1;flex-wrap:wrap}.topbar .brand{font-size:24px;flex-shrink:0}.topbar .brand span{font-size:11px;letter-spacing:1.5px}.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto}.performance{display:flex;gap:3px;align-items:center}.perf-stat{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:47px;height:34px;padding:4px 6px;background:#ebe7ef;border-radius:4px;overflow:hidden}.perf-stat>span{font-size:8px;line-height:1;letter-spacing:.2px;color:#746a80}.perf-stat strong{font-size:11px;font-weight:600;line-height:1.2;text-align:right}.perf-stat meter{position:absolute;bottom:0;left:0;height:3px;border-radius:0}.perf-stat meter::-webkit-meter-bar{height:3px;border-radius:0}.perf-stat meter::-webkit-meter-optimum-value{background:#a48cbd}.topbar .icon-button,.topbar #theme{display:flex;align-items:center;justify-content:center;padding:0;width:32px;height:32px;flex-shrink:0;border-radius:7px;font-size:23px}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.topbar #state{font-size:10px;font-weight:400;border-radius:5px;padding:5px 7px;margin:0;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.server-info{font-size:11px;color:#827d88}.server-info:has(#queue:empty):has(#notice:empty){display:none}#queue:empty{display:none}.server-info #notice{margin:0 0 16px}.tools{margin-top:0}.server-info #queue:not(:empty){display:block;margin-bottom:12px}main{padding-top:28px}[data-theme=dark] header.topbar{background:#15141a}[data-theme=dark] .perf-stat{background:#282431}[data-theme=dark] .perf-stat>span{color:#b5aebf}[data-theme=dark] .server-info{color:#b5aebf}#cpu-stat meter::-webkit-meter-optimum-value{background:#a18acb}#ram-stat meter::-webkit-meter-optimum-value{background:#6dbb86}#gpu-stat meter::-webkit-meter-optimum-value{background:#6da3d0}#vram-stat meter::-webkit-meter-optimum-value{background:#a08ce0}.temp-stat{border-bottom:3px solid #c9a55c;height:34px;padding-bottom:1px}@media(max-width:700px){header.topbar{padding:12px 20px;gap:10px}.header-tools{gap:7px}.topbar #state{max-width:125px}.performance .perf-stat{min-width:43px}.topbar .brand{margin-right:auto}}@media(max-width:460px){.header-tools{width:100%;justify-content:flex-start}.topbar #state{order:4;max-width:none;width:100%;background:none;padding:3px 0}.performance{flex:1}.perf-stat{flex:1}.topbar .icon-button,.topbar #theme{width:30px;height:30px}}