.media-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;min-height:44px;display:flex}.media-status{flex:340px;gap:11px;min-width:0;margin:0;line-height:1.45;display:flex}.media-status>i{background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px;margin-top:8px;transition:background-color .3s}.media-status[data-tone=good]>i{background:#2f6b3a}.media-status[data-tone=warn]>i{background:var(--accent)}.media-status b{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:600}.media-status b+span{color:var(--muted);font-size:14.5px}.media-controls{flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:end}.media-idle{place-items:center;padding:24px 16px;display:grid;position:relative}.media-go{color:var(--ink);text-align:center;background:0 0;border:0;border-radius:24px;justify-items:center;gap:4px;padding:10px 18px 14px;display:grid}.media-go-ico{background:var(--ink);color:#fff;width:76px;height:76px;transition:transform .45s var(--ease-spring);border-radius:50%;place-items:center;margin-bottom:12px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 14px 28px -12px #1916138c}.media-go:hover .media-go-ico{transform:scale(1.05)}.media-go:active .media-go-ico{transform:scale(.95)}.media-go:disabled{cursor:progress}.media-go:disabled .media-go-ico{opacity:.55;transform:none}.media-go b{letter-spacing:-.01em;font-size:17px;font-weight:600}.media-go small{color:var(--muted);font-size:14px}.media-switch{background:var(--surface);min-height:40px;box-shadow:var(--ring);color:var(--ink);text-align:left;border:0;border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:0 14px 0 10px;font-size:14px;font-weight:600;display:inline-flex}.media-switch:disabled{opacity:.45;cursor:default}.media-switch-track{background:#1916132e;border-radius:999px;flex:none;width:28px;height:16px;transition:background-color .25s;position:relative}.media-switch-track i{width:12px;height:12px;transition:transform .35s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.media-switch[aria-pressed=true] .media-switch-track{background:var(--accent)}.media-switch[aria-pressed=true] .media-switch-track i{transform:translate(12px)}.media-card{background:var(--tile);border-radius:20px;align-content:start;gap:12px;padding:18px;display:grid}.media-card h3{letter-spacing:-.005em;color:var(--ink);margin:0;font-size:14px;font-weight:600}.media-card .tool-btn.is-quiet{background:var(--surface);box-shadow:var(--ring)}.media-card .tool-note a{color:var(--ink);text-underline-offset:2px}.media-mono{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-size:12.5px}.media-unit{color:var(--muted);letter-spacing:0;font-size:.6em}.media-sub{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:12.5px;line-height:1.35;display:block}@media (max-width:679px){.media-controls{flex:100%;justify-content:stretch}.media-controls .media-pick{max-width:none}.media-idle:has(.media-help){padding:10px}}.media-pick{flex:220px;min-width:180px;max-width:340px}.media-pick select{appearance:none;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b645b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 14px center;background-repeat:no-repeat;width:100%;padding-right:38px}.media-help{background:var(--surface);width:min(100%,520px);box-shadow:var(--ring), var(--float);text-align:left;animation:media-in .5s var(--ease-out) both;border-radius:24px;margin:0 auto;padding:26px 26px 24px}.media-help-ico{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font-family:var(--font-mono);border-radius:999px;place-items:center;font-size:16px;font-weight:600;display:grid}.media-help h3{letter-spacing:-.015em;color:var(--ink);margin:14px 0 0;font-size:19px;font-weight:600}.media-help p{color:var(--muted);margin:6px 0 0;font-size:14.5px;line-height:1.55}.media-help ol{counter-reset:step;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.media-help li{counter-increment:step;color:var(--ink-2);overflow-wrap:anywhere;grid-template-columns:24px 1fr;gap:10px;font-size:14.5px;line-height:1.5;display:grid}.media-help li:before{content:counter(step);background:var(--tile);width:22px;height:22px;font-family:var(--font-mono);color:var(--ink);border-radius:999px;place-items:center;margin-top:1px;font-size:12px;font-weight:600;display:grid}.media-help details{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.media-help summary{color:var(--ink);cursor:pointer;border-radius:6px;font-size:14px;font-weight:600}.media-help summary::marker{color:var(--muted)}.media-help .tool-btn{margin-top:20px}@keyframes media-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@media (max-width:679px){.media-help{border-radius:20px;padding:22px 18px 20px}}