.phx{--phx-bg:#17191e;--phx-panel:#1f2228;--phx-line:#30343c;--phx-btn:#2a2e35;--phx-btn2:#343941;--phx-ink:#f4f4f1;--phx-ink2:#b9bec6;--phx-ink3:#8b919b;--phx-acc:#2bb8ee;--phx-ok:#43d392;--phx-warn:#f2b55a;--phx-bad:#ff7a72;background:var(--phx-bg);color:var(--phx-ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;font-family:Figtree,system-ui,sans-serif;display:flex}:where(.phx) *,:where(.phx) :before,:where(.phx) :after{box-sizing:border-box}:where(.phx) button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;margin:0;padding:0}:where(.phx) button:disabled{cursor:default;opacity:.38}:where(.phx) p{margin:0}.phx .phx-i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.phx .phx-top{border-bottom:1px solid var(--phx-line);flex:none;align-items:center;gap:18px;display:flex}.phx .phx-title{align-items:baseline;gap:12px;min-width:0;display:flex}.phx .phx-title b{letter-spacing:-.02em;white-space:nowrap;font-family:Bricolage Grotesque,Figtree,sans-serif;font-weight:800}.phx .phx-title span{color:var(--phx-ink3);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.phx .phx-hint{color:var(--phx-ink2);text-align:right;flex:1;min-width:0}.phx .phx-x{background:var(--phx-btn);border-radius:50%;flex:none;place-items:center;display:grid}.phx .phx-x:hover{background:var(--phx-btn2)}.phx .phx-body{flex:1;min-height:0;display:grid}.phx .phx-left{flex-direction:column;min-width:0;min-height:0;display:flex}.phx .phx-stage{background:#121418;border-radius:18px;flex:1;min-height:0;position:relative;overflow:hidden}.phx .phx-cv{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.phx .phx-cv.is-moving{cursor:grabbing}.phx .phx-cv:focus-visible{box-shadow:inset 0 0 0 3px var(--phx-acc)}.phx .phx-load{color:var(--phx-ink2);text-align:center;justify-content:center;align-items:center;gap:12px;padding:24px;font-weight:650;display:flex;position:absolute;inset:0}.phx .phx-err{color:var(--phx-warn)}.phx .phx-spin{border:3px solid #3a3f47;border-top-color:var(--phx-acc);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite phx-spin}@keyframes phx-spin{to{transform:rotate(360deg)}}.phx .phx-q{color:var(--phx-ok);pointer-events:none;background:#121418db;border-radius:999px;padding:6px 14px;font-weight:800;position:absolute;bottom:14px;left:14px}.phx .phx-q.is-good{color:var(--phx-warn)}.phx .phx-q.is-low{color:var(--phx-bad)}.phx .phx-zoom{flex:none;align-items:center;gap:12px;display:flex}.phx .phx-zoom input{flex:1;min-width:80px}.phx .phx-warn{color:var(--phx-warn);flex:none;align-items:center;gap:8px;font-weight:650;display:flex}.phx .phx-ib{background:var(--phx-btn);border-radius:50%;flex:none;place-items:center;display:grid}.phx .phx-b{background:var(--phx-btn);white-space:nowrap;text-align:center;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;font-weight:750;display:inline-flex}.phx .phx-ib:not(:disabled):hover,.phx .phx-b:not(:disabled):hover{background:var(--phx-btn2)}.phx .phx-done{color:#15171b;text-align:center;white-space:nowrap;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-family:Bricolage Grotesque,Figtree,sans-serif;font-weight:800;display:inline-flex}.phx .phx-done:not(:disabled):hover{background:#e9eaec}.phx .phx-ib:not(:disabled):active,.phx .phx-b:not(:disabled):active,.phx .phx-done:not(:disabled):active,.phx .phx-auto:not(:disabled):active,.phx .phx-chip:active{transform:scale(.97)}.phx .phx-panel{background:var(--phx-panel);border-left:1px solid var(--phx-line);scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.phx .phx-auto{text-align:left;border:1.5px solid var(--phx-line);background:#262a31;border-radius:16px;flex:none;align-items:center;gap:14px;display:flex}.phx .phx-auto span{flex-direction:column;gap:2px;min-width:0;display:flex}.phx .phx-auto b{font-weight:800}.phx .phx-auto em{color:var(--phx-ink3);font-style:normal;font-weight:600}.phx .phx-auto:not(:disabled):hover{border-color:#4a505a}.phx .phx-auto.is-on{border-color:var(--phx-acc);color:#fff;background:#2bb8ee24}.phx .phx-auto.is-on .phx-i{color:var(--phx-acc)}.phx .phx-auto.is-on em{color:var(--phx-ink2)}.phx .phx-sl{flex-direction:column;flex:none;display:flex}.phx .phx-sl-h{justify-content:space-between;align-items:center;display:flex}.phx .phx-sl-h label{font-weight:800}.phx .phx-val{text-align:right;font-variant-numeric:tabular-nums;min-width:54px;color:var(--phx-acc);border-radius:8px;font-weight:700}.phx .phx-val:disabled{opacity:1;color:var(--phx-ink3)}.phx .phx-sl-r{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.phx .phx-sl-r>span{color:var(--phx-ink3);font-weight:650}.phx .phx-sl-r>span:last-child{text-align:right}.phx input[type=range]{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;margin:0}.phx input[type=range]:focus{outline:none}.phx input[type=range]::-webkit-slider-runnable-track{height:var(--phx-track);background:linear-gradient(90deg, var(--phx-acc) var(--pct,50%), #3a3f47 var(--pct,50%));border-radius:999px}.phx input[type=range]::-moz-range-track{height:var(--phx-track);background:linear-gradient(90deg, var(--phx-acc) var(--pct,50%), #3a3f47 var(--pct,50%));border-radius:999px}.phx .phx-sl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#0000 calc(50% - 1px),#8b919b calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#3a3f47}.phx .phx-sl input[type=range]::-moz-range-track{background:linear-gradient(90deg,#0000 calc(50% - 1px),#8b919b calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px)),#3a3f47}.phx input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--phx-thumb);height:var(--phx-thumb);margin-top:calc((var(--phx-track) - var(--phx-thumb)) / 2);background:#fff;border:0;border-radius:50%;box-shadow:0 1px 6px #00000073}.phx input[type=range]::-moz-range-thumb{width:var(--phx-thumb);height:var(--phx-thumb);background:#fff;border:0;border-radius:50%;box-shadow:0 1px 6px #00000073}.phx input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #2bb8ee8c}.phx input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #2bb8ee8c}.phx .phx-fx{flex:none;gap:8px;display:flex}.phx .phx-chip{border:1.5px solid var(--phx-line);white-space:nowrap;text-align:center;background:#262a31;border-radius:12px;flex:auto;font-weight:750}.phx .phx-chip:hover{border-color:#4a505a}.phx .phx-chip.is-on{color:#15171b;background:#fff;border-color:#fff}.phx .phx-all{color:var(--phx-ink2);cursor:pointer;flex:none;align-items:center;gap:12px;font-weight:650;display:flex}.phx .phx-all input{accent-color:var(--phx-acc);flex:none;margin:0}.phx .phx-acts{flex:none;grid-template-columns:auto auto minmax(0,1fr);gap:10px;margin-top:auto;display:grid}.phx-k{z-index:40;--phx-track:12px;--phx-thumb:44px;font-size:22px;position:absolute;inset:0}.phx-k .phx-top{height:96px;padding:0 32px}.phx-k .phx-title b{font-size:34px}.phx-k .phx-title span{max-width:520px;font-size:22px}.phx-k .phx-hint{font-size:21px}.phx-k .phx-x{width:64px;height:64px}.phx-k .phx-body{grid-template-columns:minmax(0,1fr) 600px}.phx-k .phx-left{gap:18px;padding:24px 28px 24px 32px}.phx-k .phx-q{padding:8px 16px;font-size:20px;bottom:18px;left:18px}.phx-k .phx-zoom{gap:16px;height:72px}.phx-k .phx-ib{width:64px;height:64px}.phx-k .phx-b{border-radius:14px;height:68px;padding:0 22px;font-size:21px}.phx-k .phx-warn{font-size:19px}.phx-k .phx-panel{gap:18px;padding:24px 30px 26px}.phx-k .phx-auto{min-height:88px;padding:16px 20px}.phx-k .phx-auto b{font-size:26px}.phx-k .phx-auto em{font-size:18px}.phx-k .phx-sl{gap:2px}.phx-k .phx-sl-h label{font-size:22px}.phx-k .phx-val{padding:2px 8px;font-size:21px}.phx-k .phx-sl-r{gap:14px}.phx-k .phx-sl-r>span{min-width:64px;font-size:16px}.phx-k input[type=range]{height:56px}.phx-k .phx-chip{height:68px;padding:0 16px;font-size:20px}.phx-k .phx-all{min-height:56px;font-size:19px}.phx-k .phx-all input{width:32px;height:32px}.phx-k .phx-acts .phx-b{height:84px;padding:0 24px}.phx-k .phx-done{height:84px;font-size:28px}.phx-s{z-index:1000;--phx-track:6px;--phx-thumb:20px;font-size:15px;position:fixed;inset:0}.phx-s .phx-top{height:58px;padding:0 12px 0 20px}.phx-s .phx-title b{font-size:19px}.phx-s .phx-title span{max-width:300px;font-size:14px}.phx-s .phx-hint{font-size:13.5px}.phx-s .phx-x{width:40px;height:40px}.phx-s .phx-body{grid-template-columns:minmax(0,1fr) 360px}.phx-s .phx-left{gap:12px;padding:16px 18px}.phx-s .phx-q{font-size:13px}.phx-s .phx-zoom{gap:10px}.phx-s .phx-ib{width:38px;height:38px}.phx-s .phx-b{height:38px;padding:0 14px;font-size:14px}.phx-s .phx-warn{font-size:13.5px}.phx-s .phx-panel{gap:14px;padding:18px 20px 20px}.phx-s .phx-auto{padding:12px 14px}.phx-s .phx-auto b{font-size:16px}.phx-s .phx-auto em{font-size:13px}.phx-s .phx-sl{gap:0}.phx-s .phx-sl-h label{font-size:14.5px}.phx-s .phx-val{padding:2px 6px;font-size:13.5px}.phx-s .phx-sl-r{gap:10px}.phx-s .phx-sl-r>span{min-width:44px;font-size:12px}.phx-s input[type=range]{height:28px}.phx-s .phx-chip{height:40px;padding:0 10px;font-size:13.5px}.phx-s .phx-all{font-size:13.5px}.phx-s .phx-all input{width:18px;height:18px}.phx-s .phx-acts .phx-b{height:46px}.phx-s .phx-done{height:46px;font-size:16px}@media (max-width:860px){.phx-s .phx-hint{display:none}.phx-s .phx-title{flex:1}.phx-s .phx-body{grid-template-rows:minmax(0,50%) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.phx-s .phx-left{gap:8px;padding:10px 10px 8px}.phx-s .phx-stage{border-radius:12px}.phx-s .phx-zoom{flex-wrap:wrap;row-gap:6px}.phx-s .phx-zoom input{flex-basis:100%;order:-1}.phx-s .phx-zoom .phx-b{flex:1}.phx-s .phx-panel{border-left:0;border-top:1px solid var(--phx-line);gap:12px;padding:14px 14px 0}.phx-s .phx-acts{background:var(--phx-panel);padding:10px 0 calc(12px + env(safe-area-inset-bottom));margin-top:4px;position:sticky;bottom:0}}@media (prefers-reduced-motion:reduce){.phx .phx-spin{animation-duration:2s}}