:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}[hidden]{display:none!important}body{color:#e6e6e6;background:#15171c;flex-direction:column;height:100vh;margin:0;display:flex}aside{background:#1d2027;flex-direction:column;gap:12px;width:280px;padding:16px;display:flex;overflow-y:auto}h1{letter-spacing:.01em;margin:0;font-size:16px;font-weight:600}select,button{color:inherit;background:#2a2e38;border:1px solid #3a3f4b;border-radius:4px;padding:6px}button{cursor:pointer;flex:1}.row{gap:8px;display:flex}#status{color:#9aa0ab;font-size:12px}#status.error{color:#ff7b7b;white-space:pre-wrap}main{flex:1;position:relative}h2{color:#9aa0ab;margin:0 0 4px;font-size:13px;font-weight:600}.body-row{align-items:center;gap:6px;height:24px;font-size:13px;display:flex}.body-row.off{color:#6b7180}.body-row i{border-radius:2px;flex:none;width:10px;height:10px}button.eye{color:inherit;background:0 0;border:none;flex:none;padding:2px;display:flex}button.eye:hover{color:#fff}button.eye.mixed{opacity:.55}aside{box-sizing:border-box;width:320px}#description{color:#b8bdc7;margin:0;font-size:13px;line-height:1.45}.group{border-top:1px solid #2c3039;flex-direction:column;gap:10px;padding-top:12px;display:flex}.group h2{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px}.param{flex-direction:column;gap:4px;font-size:13px;display:flex}.param .name{color:#d4d8df}.param .head{justify-content:space-between;align-items:center;gap:8px;display:flex}.param .value{align-items:center;gap:4px;display:flex}.param .unit{color:#8a909b;min-width:18px;font-size:12px}input.num{width:64px;color:inherit;font:inherit;text-align:right;background:#2a2e38;border:1px solid #3a3f4b;border-radius:4px;padding:3px 6px}input.num:focus,select:focus,button:focus-visible{outline-offset:1px;outline:2px solid #5b9bd5}input[type=range]{accent-color:#5b9bd5;width:100%;margin:0}small.help{color:#8a909b;font-size:12px;line-height:1.4}details.advanced{border-top:1px solid #2c3039;padding-top:12px}details.advanced>summary{cursor:pointer;color:#b8bdc7;font-size:13px}details.advanced[open]>summary{margin-bottom:4px}details.advanced .group{border-top:none}button.link{color:#7fb3e6;text-align:left;background:0 0;border:none;flex:none;align-self:flex-start;padding:0;font-size:13px}button.link:hover{text-decoration:underline}button.primary{background:#3d6fa3;border-color:#4a80b8}button.primary:hover{background:#4a80b8}.param .toggle-line{cursor:pointer;align-items:center;gap:8px;display:flex}.param.toggle input[type=checkbox]{accent-color:#5b9bd5;cursor:pointer;width:16px;height:16px;margin:0}.laser{flex-direction:column;gap:6px;display:flex}.topbar{background:#1d2027;border-bottom:1px solid #2c3039;flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 20px;display:flex}.topbar .brand{color:#5b9bd5;align-items:center;gap:10px;display:flex}.topbar .brand h1{color:#e6e6e6}.topbar .credit{color:#8a909b;font-size:13px}.topbar .credit strong{color:#d4d8df;font-weight:600}.layout{flex:1;min-height:0;display:flex}.layout aside{border-left:1px solid #2c3039}@media (width<=720px){.layout{flex-direction:column}.layout main{min-height:50vh}.layout aside{border-top:1px solid #2c3039;border-left:none;width:100%}}.topbar .units{border:1px solid #3a3f4b;border-radius:6px;margin-left:auto;display:flex;overflow:hidden}.topbar .units button{color:#9aa0ab;background:0 0;border:none;border-radius:0;flex:none;padding:4px 12px;font-size:13px}.topbar .units button+button{border-left:1px solid #3a3f4b}.topbar .units button[aria-pressed=true]{color:#fff;background:#3d6fa3}.param .alt{color:#6b7180;font-variant-numeric:tabular-nums;margin-right:4px;font-size:12px}#browse{margin-top:-4px}dialog#picker{width:min(860px,100vw - 32px);max-height:calc(100vh - 64px);color:inherit;background:#1d2027;border:1px solid #2c3039;border-radius:12px;padding:0;box-shadow:0 24px 64px #00000080}dialog#picker::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08090c99}.picker-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 8px;display:flex}.picker-head h2{color:#e6e6e6;margin:0 0 4px;font-size:18px}.picker-head p{color:#9aa0ab;margin:0;font-size:13px}.picker-head .close{color:#9aa0ab;background:0 0;border:none;flex:none;padding:4px 8px;font-size:16px}.picker-head .close:hover{color:#fff}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:16px 24px 24px;display:grid}.card{text-align:left;background:#23262e;border:1px solid #2c3039;border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;padding:0 0 14px;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.card:hover{border-color:#5b9bd5;transform:translateY(-2px)}.card.current{border-color:#3d6fa3}.card strong{padding:0 14px;font-size:14px}.card span{color:#9aa0ab;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:0 14px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.card .thumb{aspect-ratio:16/11;background:radial-gradient(circle at 50% 40%,#2c313b,#191b21);margin-bottom:6px}.card .thumb img{object-fit:contain;width:100%;height:100%;display:block}.card .thumb.loading{background:linear-gradient(100deg,#1d2027 30%,#2a2e38 50%,#1d2027 70%) 0 0/300% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}
