.po-host{--po-viewport:100svh;--po-height:var(--po-viewport);--po-min-height:600px;--po-ink:#f7ede0;--po-muted:#cdb8a0;--po-faint:#9c876f;--po-bg-1:#a9cbf5;--po-bg-mid:#6f9ee6;--po-bg-2:#3a6cc6;--po-panel:#2a1a10d6;--po-panel-solid:#2a1a10;--po-control:#2a1a10b8;--po-line:#ffe4c41a;--po-line-strong:#ffe4c438;--po-accent:#f2c14e;--po-accent-ink:#2a1a10;--po-hot:#ff7a3d;--po-radius:12px;--po-gutter:16px;--po-panel-w:264px;width:100%;color:var(--po-ink);font-size:13px;line-height:1.35;display:block;position:relative}.po-host *,.po-host :before,.po-host :after{box-sizing:border-box}.po-root{height:var(--po-height);min-height:var(--po-min-height);border-radius:var(--po-radius);background:radial-gradient(120% 90% at 30% 20%, var(--po-bg-1) 0%, var(--po-bg-mid) 45%, var(--po-bg-2) 100%);isolation:isolate;transition:background .4s;position:relative;overflow:hidden}.po-stage{position:absolute;inset:0}.po-canvas{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block}.po-canvas[data-dragging]{cursor:grabbing}.po-root[data-phase=out]:not([data-tool=""]) .po-canvas{cursor:none}.po-host [hidden]{display:none!important}.po-cursor-tip{pointer-events:none;z-index:5;will-change:transform;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0}.po-cursor-dot{background:var(--po-accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--po-panel-solid), 0 1px 6px #00000080;border-radius:50%;margin:-5px 0 0 -5px}.po-cursor-label{background:var(--po-panel-solid);border:1px solid var(--po-line-strong);color:var(--po-ink);white-space:nowrap;border-radius:999px;margin-top:26px;padding:4px 9px;font-size:12px;font-weight:600}.po-canvas:focus-visible{outline:2px solid var(--po-accent);outline-offset:-4px}.po-canvas-hint{left:calc((100% - var(--po-panel-w) - var(--po-gutter)) / 2);background:var(--po-control);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--po-muted);white-space:nowrap;pointer-events:none;opacity:0;border-radius:999px;margin:0;padding:4px 10px;font-size:11px;position:absolute;top:10px;transform:translate(-50%)}.po-canvas-hint.po-hint-show{animation:4s forwards po-hint}@keyframes po-hint{0%{opacity:0;transform:translate(-50%,-6px)}10%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.po-hud{border-radius:var(--po-radius);background:var(--po-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--po-line);width:220px;padding:10px 12px 10px 14px;position:absolute;top:18px;left:18px}.po-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--po-faint);margin:0 0 4px;font-size:10px}.po-stage-name{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.1;transition:color .4s}.po-root[data-stage=perfect] .po-stage-name{color:color-mix(in oklab, var(--po-accent), var(--po-hot) calc(var(--danger,0) * 100%))}.po-stage-name[data-shaking]{animation:po-shake calc(.42s - var(--danger,0) * .24s) linear infinite;display:inline-block}@keyframes po-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(calc(var(--danger,0) * -2px), calc(var(--danger,0) * 1px)) rotate(calc(var(--danger,0) * -1.2deg))}40%{transform:translate(calc(var(--danger,0) * 2px), calc(var(--danger,0) * -1px)) rotate(calc(var(--danger,0) * 1deg))}60%{transform:translate(calc(var(--danger,0) * -1.5px), calc(var(--danger,0) * -1px)) rotate(calc(var(--danger,0) * .8deg))}80%{transform:translate(calc(var(--danger,0) * 1.5px), calc(var(--danger,0) * 1px)) rotate(calc(var(--danger,0) * -.8deg))}}.po-hud-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.po-hud-top .po-eyebrow{margin:0}.po-sound{height:24px;color:var(--po-ink);font:inherit;white-space:nowrap;cursor:pointer;background:#ffe4c414;border:0;border-radius:999px;align-items:center;gap:5px;padding:0 9px 0 7px;font-size:11px;font-weight:600;display:inline-flex}.po-sound svg{flex:none;width:14px;height:14px}.po-sound:hover{background:#ffe4c429}.po-sound .po-mute{display:none}.po-sound[aria-pressed=false]{color:var(--po-faint)}.po-sound[aria-pressed=false] .po-wave{display:none}.po-sound[aria-pressed=false] .po-mute{display:inline}.po-root[data-stage=crispy] .po-stage-name,.po-root[data-stage=charcoal] .po-stage-name{color:var(--po-hot)}.po-stage-line{color:var(--po-muted);margin:3px 0 10px;font-size:12px}.po-meter{height:28px;position:relative}.po-meter-track{background:linear-gradient(90deg,#e9dcc0 0%,#d7a55b 30%,#f2c14e 47% 53%,#9c5a2a 70%,#3a1f12 86%,#0d0907 100%);border-radius:999px;height:5px;position:absolute;inset:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff1f}.po-meter-marker{top:-4px;left:var(--pos,0%);background:var(--po-ink);border:2px solid var(--po-panel-solid);border-radius:50%;width:13px;height:13px;margin-left:-6.5px;transition:left .15s linear;position:absolute}.po-meter-labels{color:var(--po-faint);justify-content:space-between;font-size:10px;display:flex;position:absolute;inset:10px 0 auto}.po-readouts{gap:14px;margin:0;display:flex}.po-readouts div{min-width:0}.po-readouts dt{letter-spacing:.06em;text-transform:uppercase;color:var(--po-faint);font-size:10px}.po-readouts dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:1px 0 0;font-size:14px;font-weight:600}.po-readouts dd[data-over=true]{color:var(--po-hot)}.po-root[data-phase=out] .po-hud .po-readouts{display:none}.po-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.po-transport{gap:6px;display:flex}.po-btn{appearance:none;border:1px solid var(--po-line-strong);background:var(--po-control);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:36px;color:var(--po-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.po-btn:hover:not(:disabled){border-color:var(--po-ink)}.po-btn:disabled{opacity:.4;cursor:not-allowed}.po-btn-primary{background:var(--po-accent);border-color:var(--po-accent);color:var(--po-accent-ink);min-width:112px}.po-btn-primary:hover:not(:disabled){background:#ffd36e;border-color:#ffd36e}.po-btn-ghost{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.po-btn-small{min-height:30px;padding:0 11px;font-size:12px}.po-host :focus-visible{outline:2px solid var(--po-accent);outline-offset:2px}.po-choice{border:0;min-width:0;margin:0;padding:0}.po-choice legend,.po-field-head label,.po-color-field>label{color:var(--po-muted);padding:0;font-size:12px}.po-choice legend{margin-bottom:6px}.po-chips{flex-wrap:wrap;gap:4px;display:flex}.po-chip{border:1px solid var(--po-line-strong);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.po-chip:hover{border-color:var(--po-ink)}.po-chip:has(input:checked){background:var(--po-ink);border-color:var(--po-ink);color:var(--po-accent-ink)}.po-chip:has(input:focus-visible){outline:2px solid var(--po-accent);outline-offset:2px}.po-section:disabled .po-chip{cursor:not-allowed}.po-swatch{background:var(--swatch);border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 1px #ffffff40}.po-speed{background:var(--po-control);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--po-line);border-radius:999px;align-items:center;gap:4px;padding:3px 3px 3px 12px;display:flex}.po-speed legend{float:left;color:var(--po-muted);margin:0;font-size:11px}.po-speed .po-chips{gap:1px}.po-speed .po-chip{font-variant-numeric:tabular-nums;border:0;justify-content:center;min-width:36px;min-height:26px;padding:0 7px;font-size:12px}.po-panel{top:var(--po-gutter);right:var(--po-gutter);width:var(--po-panel-w);max-height:calc(100% - 2 * var(--po-gutter));border-radius:var(--po-radius);background:var(--po-panel);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);border:1px solid var(--po-line);flex-direction:column;display:flex;position:absolute;overflow:hidden}.po-panel[data-collapsed=true]{width:auto}.po-panel-head{border-bottom:1px solid var(--po-line);justify-content:space-between;align-items:center;gap:16px;padding:8px 8px 8px 14px;display:flex}.po-panel[data-collapsed=true] .po-panel-head{border-bottom:0}.po-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--po-faint);font-size:11px}.po-panel-toggle{appearance:none;min-height:26px;color:var(--po-ink);font:inherit;cursor:pointer;background:#ffe4c414;border:0;border-radius:999px;padding:0 10px;font-size:12px}.po-panel-toggle:hover{background:#ffe4c429}.po-panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--po-line-strong) transparent;overflow-y:auto}.po-panel-body[hidden]{display:none}.po-section{border:0;border-top:1px solid var(--po-line);min-width:0;margin:0;padding:14px 14px 16px}.po-section:first-child{border-top:0}.po-section[hidden]{display:none}.po-section-title{float:left;width:100%;color:var(--po-ink);margin:0 0 10px;padding:0;font-size:14px;font-weight:700}.po-section-title+*{clear:both}.po-section:disabled>:not(legend){opacity:.45}.po-section>*+*{margin-top:12px}.po-field-head{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.po-out{font-variant-numeric:tabular-nums;color:var(--po-ink);font-size:12px}.po-hint-text{color:var(--po-faint);margin:4px 0 0;font-size:11px}.po-row{align-items:center;gap:6px;display:flex}.po-row-tight{margin-top:4px}.po-host input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.po-host input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--po-accent) var(--fill), #ffe4c42e var(--fill));border-radius:999px;height:3px}.po-host input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--po-accent) var(--fill), #ffe4c42e var(--fill));border-radius:999px;height:3px}.po-host input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--po-ink);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;box-shadow:0 1px 4px #0006}.po-host input[type=range]::-moz-range-thumb{background:var(--po-ink);border:0;border-radius:50%;width:14px;height:14px}.po-host input[type=range]:focus-visible{outline-offset:3px}.po-host input[type=range]:disabled{cursor:not-allowed}.po-result{border-radius:var(--po-radius);background:var(--po-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--po-line);width:264px;padding:12px 14px 14px;animation:.4s ease-out po-rise;position:absolute;bottom:18px;left:18px}.po-result[hidden]{display:none}.po-result-stage{margin:0 0 8px;font-size:18px;font-weight:700}.po-result .po-readouts{margin-bottom:12px}.po-root[data-phase=out] .po-actions{display:none}.po-modal{border:1px solid var(--po-line-strong);background:var(--po-panel-solid);width:min(320px,100vw - 32px);color:var(--po-ink);text-align:center;border-radius:16px;padding:24px 22px 20px;box-shadow:0 24px 60px #00000080}.po-modal[open]{animation:.35s cubic-bezier(.2,1.4,.4,1) po-pop}.po-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a06038c}.po-modal-face{color:var(--po-hot);margin-bottom:8px}.po-modal-face svg{margin:0 auto;animation:2.4s ease-in-out infinite po-sulk;display:block}.po-modal-title{margin:0 0 6px;font-size:20px;font-weight:700}.po-modal-text{color:var(--po-muted);margin:0 0 18px;font-size:13px}.po-modal-actions{flex-wrap:wrap;justify-content:center}@keyframes po-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes po-sulk{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(2px)}}@keyframes po-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.po-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.po-fallback{border-radius:var(--po-radius);background:var(--po-panel-solid);color:var(--po-ink);padding:48px 24px}@media (prefers-reduced-motion:reduce){.po-host *,.po-host :before,.po-host :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.po-root:has(.po-panel[data-collapsed=true]) .po-canvas-hint{left:50%}.po-section-head{justify-content:space-between;align-items:center;display:flex}.po-link-btn{appearance:none;color:var(--po-accent);font:inherit;cursor:pointer;background:#ffe4c41a;border:0;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.po-link-btn:hover{background:#ffe4c42e}.po-link-btn[data-visible=false]{visibility:hidden}.po-chip-action{appearance:none;color:var(--po-accent);font:inherit;background:0 0;border-style:dashed;font-size:12px;font-weight:600}.po-chip-action:hover{border-color:var(--po-accent)}.po-tones .po-chips{gap:8px}.po-tones .po-chip{border:0;border-radius:50%;min-height:0;padding:0}.po-tones .po-chip>span:not(.po-swatch){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.po-tones .po-swatch{width:28px;height:28px;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #fff3,0 1px 3px #00000059}.po-tones .po-chip:hover .po-swatch{transform:scale(1.08)}.po-tones .po-chip:has(input:checked){background:0 0}.po-tones .po-chip:has(input:checked) .po-swatch{box-shadow:0 0 0 2px var(--po-panel-solid), 0 0 0 4px var(--po-ink)}.po-ovenpanel{max-width:calc(100% - var(--po-panel-w) - 58px);border-radius:var(--po-radius);background:var(--po-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--po-line);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px;display:flex;position:absolute;bottom:18px;left:18px}.po-ovenpanel .po-actions{flex-direction:column;align-items:flex-start;gap:6px}.po-ovenpanel .po-btn-primary{min-width:104px}.po-ovenpanel .po-transport .po-btn{min-height:32px;padding:0 12px}.po-ovenpanel .po-speed{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.po-dials{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 3px),linear-gradient(#4a3a2e,#34271e);border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:10px 6px 4px;display:grid;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d}.po-dial-field{flex-direction:column;align-items:center;gap:2px;display:flex}.po-dial{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;width:92px;height:92px;position:relative}.po-dial[data-turning]{cursor:grabbing}.po-dial[aria-disabled=true]{opacity:.5;cursor:not-allowed}.po-dial:focus-visible{outline:2px solid var(--po-accent);outline-offset:0}.po-dial-face{position:absolute;inset:0}.po-dial-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.po-tick{stroke:#ffe4c459;stroke-width:1px}.po-tick-major{stroke:var(--po-ink);stroke-width:1.6px}.po-tick-label{fill:var(--po-muted);text-anchor:middle;dominant-baseline:central;font-size:7.5px;font-weight:600}.po-knob{background:radial-gradient(circle at 35% 28%,#fffaf0 0%,#efe3cf 38%,#cdbb9c 100%);border-radius:50%;transition:transform 80ms ease-out;position:absolute;inset:26%;box-shadow:0 4px 8px #00000073,inset 0 1px #fff9,inset 0 -2px 3px #0000002e}.po-knob-grip{background:linear-gradient(90deg,#d8c8ab,#fbf3e4 45%,#c9b797);border-radius:6px;width:26%;position:absolute;top:6%;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #00000059}.po-knob-pointer{background:var(--po-hot);border-radius:2px;width:3px;height:26%;position:absolute;top:9%;left:50%;transform:translate(-50%)}.po-dial-caption{flex-direction:column;align-items:center;line-height:1.2;display:flex}.po-dial-label{letter-spacing:.08em;text-transform:uppercase;color:var(--po-faint);font-size:10px}.po-dial-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.po-switch-field{justify-content:space-between;align-items:center;gap:10px;display:flex}.po-dials .po-switch-field{flex-direction:column-reverse;gap:6px;padding:0 10px 0 4px}.po-dials .po-switch-label{letter-spacing:.08em;text-transform:uppercase;color:var(--po-faint);font-size:10px}.po-switch-label{color:var(--po-muted);font-size:12px}.po-lightswitch{appearance:none;cursor:pointer;background:linear-gradient(160deg,#fbf6ec,#e2d6c1);border:0;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:center;width:30px;height:48px;padding:4px 0;display:flex;position:relative;box-shadow:0 2px 5px #00000073,inset 0 1px #fff,inset 0 -1px #0000001f}.po-ls-screw{background:radial-gradient(circle at 35% 35%,#fff,#b9ab93);border-radius:50%;width:5px;height:5px;box-shadow:inset 0 0 0 .5px #00000059}.po-ls-screw:after{content:"";background:#00000059;width:3px;height:.8px;margin:2.1px auto 0;display:block}.po-ls-slot{perspective:40px;background:linear-gradient(#9d907c,#c9bca6);border-radius:2px;width:10px;height:20px;position:relative;box-shadow:inset 0 1px 2px #00000080}.po-ls-lever{transform-origin:50% 0;background:linear-gradient(#fffdf8,#e6dac5);border-radius:2px;height:12px;transition:transform .12s cubic-bezier(.3,1.6,.5,1),top .12s,box-shadow .12s;position:absolute;top:50%;left:1px;right:1px;transform:rotateX(-35deg);box-shadow:0 2px 2px #00000059}.po-lightswitch[aria-checked=true] .po-ls-lever{transform-origin:50% 100%;top:0;transform:rotateX(35deg);box-shadow:0 -2px 2px #00000040}.po-lightswitch:focus-visible{outline:2px solid var(--po-accent);outline-offset:2px}.po-curtain{z-index:20;background:var(--po-bg-mid);opacity:0;pointer-events:none;transition:opacity .36s;position:absolute;inset:0}.po-curtain[data-on]{opacity:1}.po-root[data-phase=plated]{background:radial-gradient(110% 85% at 40% 25%,#9cc2f2 0%,#5f92e0 50%,#3466c4 100%)}.po-root[data-phase=plated] .po-hud,.po-root[data-phase=plated] .po-actions,.po-root[data-phase=plated] .po-canvas-hint{display:none}.po-scorecard{top:var(--po-gutter);right:var(--po-gutter);width:288px;max-height:calc(100% - 2 * var(--po-gutter));border-radius:var(--po-radius);background:var(--po-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--po-line);outline:none;flex-direction:column;animation:.45s ease-out po-rise;display:flex;position:absolute;overflow:hidden}.po-score-body{padding:14px 16px 6px;overflow-y:auto}.po-score-photo{aspect-ratio:4/3;object-fit:cover;background:var(--po-bg-mid);border-radius:8px;width:100%;margin:4px 0 12px;display:block}.po-score-title{margin:0;font-size:19px;font-weight:700;line-height:1.15}.po-score-line{color:var(--po-muted);margin:4px 0 12px;font-size:12px}.po-score-badge{background:#ffe4c412;border-radius:10px;grid-template-columns:auto 1fr;align-items:baseline;column-gap:6px;margin-bottom:12px;padding:10px 12px;display:grid}.po-score-num{color:var(--po-accent);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1}.po-score-of{color:var(--po-muted);font-size:12px}.po-score-stage{grid-column:1/-1;margin-top:4px;font-size:12px;font-weight:600}.po-score-rows{gap:6px;margin:0;display:grid}.po-score-rows div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.po-score-rows dt{color:var(--po-faint)}.po-score-rows dd{text-align:right;margin:0}.po-score-actions{padding:12px 16px 16px}.po-score-actions .po-btn{flex:1}.po-root:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(120% 90% at 40% 30%,#0a122873,#060a18c7);transition:opacity 1.2s;position:absolute;inset:0}.po-root[data-phase=baking]:before{opacity:1}.po-subhead{letter-spacing:.06em;text-transform:uppercase;color:var(--po-faint);margin:16px 0 -2px;font-size:11px;font-weight:700}@media (max-width:1023px){.po-root{border-radius:0;flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.po-stage{height:calc(var(--po-viewport) * .6);min-height:360px;position:relative;inset:auto}.po-hud{width:auto;max-width:420px;padding:10px 12px;top:12px;left:12px;right:12px}.po-stage-line{display:none}.po-stage-name{margin-bottom:10px}.po-meter{margin-bottom:4px}.po-canvas-hint{display:none}.po-ovenpanel,.po-result,.po-panel,.po-scorecard{width:auto;max-width:none;max-height:none;margin:10px var(--po-gutter) 0;background:var(--po-panel-solid);-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;inset:auto}.po-panel,.po-scorecard{margin-bottom:var(--po-gutter)}.po-ovenpanel{justify-content:space-between}.po-ovenpanel .po-dials{flex:320px;justify-items:center}.po-ovenpanel .po-actions{flex:260px}.po-transport{width:100%}.po-transport .po-btn{flex:1;min-width:0;padding:0 8px}.po-panel{overflow:hidden}.po-panel-head{z-index:1;background:var(--po-panel-solid);padding:10px 10px 10px 16px;position:sticky;top:0}.po-panel-title{letter-spacing:0;text-transform:none;color:var(--po-ink);font-size:13px;font-weight:700}.po-panel-toggle{min-height:32px;padding:0 14px}.po-panel[data-collapsed=true]{width:auto}.po-panel-body{overflow:visible}.po-hud{grid-template-columns:auto 1fr auto;grid-template-areas:"name name sound""label meter meter""read read read";align-items:center;gap:6px 10px;padding:8px 10px 8px 12px;display:grid}.po-hud-top{display:contents}.po-hud .po-sound{grid-area:sound}.po-hud .po-status-label{grid-area:label;margin:0}.po-hud .po-stage-name{grid-area:name;margin:0;font-size:20px}.po-hud .po-meter{grid-area:meter;height:22px;margin:0}.po-hud .po-meter-labels{inset:8px 0 auto}.po-hud .po-readouts{flex-wrap:wrap;grid-area:read;gap:4px 14px}.po-hud .po-readouts div{align-items:baseline;gap:5px;display:flex}.po-hud .po-readouts dd{font-size:13px}.po-ovenpanel{flex-direction:column;align-items:stretch;gap:10px}.po-ovenpanel .po-actions{flex:none;order:-1;align-items:stretch;width:100%}.po-ovenpanel .po-speed{align-self:flex-start}.po-ovenpanel .po-dials{flex:none;grid-template-columns:1fr 1fr auto;justify-items:center}.po-dials .po-switch-field{flex-direction:column-reverse;grid-column:auto;padding:0 6px 0 0}.po-canvas{-webkit-mask-image:linear-gradient(#000 calc(100% - 72px),#0000);mask-image:linear-gradient(#000 calc(100% - 72px),#0000)}}@media (max-width:560px){.po-dial{width:84px;height:84px}.po-dial-value{font-size:13px}}