.discover{--controls-h:78px;--plate-w:96px;--plate-h:60px;--btn:50px;min-height:0;padding-bottom:var(--controls-h);flex-direction:column;flex:1;display:flex}.discover__body{flex-direction:column;display:flex}.discover__stage-wrap{padding:18px var(--gutter) 14px;flex-direction:column;display:flex}.discover__stage{border:2px solid var(--color-ink);background:var(--color-paper-2);height:max(360px,58dvh);position:relative;overflow:visible}.discover__stage>div{overflow:hidden}.discover__stage-tools{gap:8px;min-height:38px;margin-top:16px;display:flex}.discover__stage:fullscreen{border:0}.discover__panel{padding:22px var(--gutter) 32px;border-top:1px solid var(--color-ink)}.discover__specs{border-block:1px solid var(--color-ink);font-family:var(--font-display);grid-template-columns:minmax(84px,.55fr) 1fr;gap:7px 14px;padding:14px 0;font-size:14px;display:grid}.discover__specs dt{color:#171717b3}.discover__controls{z-index:30;height:var(--controls-h);padding:0 12px env(safe-area-inset-bottom);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;display:grid;position:fixed;inset:auto 0 0}.discover__controls-left,.discover__controls-right{align-items:center;gap:4px;display:flex}.discover__controls-right{justify-content:flex-end}.ctl{cursor:pointer;justify-content:center;align-items:center;gap:14px;min-width:44px;min-height:44px;padding:0 4px;transition:color .15s;display:flex}.ctl>svg{width:28px;height:28px}.ctl--wide{display:none}.ctl:hover{color:var(--color-warn)}.ctl:disabled{opacity:.35;cursor:not-allowed;color:inherit}.ctl__ring{border:2px solid;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.ctl__label{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:1}.ctl-sep{background:#f2f0e94d;align-self:stretch;width:1px;margin:22px 10px;display:none}.discover__button-plate{width:var(--plate-w);height:var(--plate-h);border-radius:8px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffffbf,inset 0 -2px #00000040,inset 2px 0 #ffffff4d,inset -2px 0 #0000001f,0 0 0 3px #0b0b0b,0 0 0 4px #f2f0e924}.discover__button-plate .screw{--s:8px}.discover__escape.escape{--size:var(--btn)}.discover__escape .escape__cap{view-transition-name:escape-cap}.discover__toast{left:50%;bottom:calc(var(--controls-h) + 18px);z-index:60;opacity:0;pointer-events:none;background:var(--color-paper);max-width:calc(100vw - 32px);color:var(--color-ink);border:2px solid var(--color-ink);box-shadow:5px 5px 0 var(--color-ink);font-family:var(--font-display);transition:opacity .2s, transform .25s var(--ease-out);overflow-wrap:anywhere;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%,16px)}.discover__toast.is-on{opacity:1;transform:translate(-50%)}@media (width>=768px){.discover{--controls-h:96px;--plate-w:132px;--plate-h:76px;--btn:62px}.discover__button-plate .screw{--s:9px}.discover__controls{padding-inline:var(--gutter);gap:8px}.ctl{padding:0 6px}.ctl--wide{display:flex}.ctl--narrow{display:none}.ctl-sep{display:block}.discover__controls-right{gap:6px}}@media (width>=1024px){body.is-terminal{height:100dvh;overflow:hidden}.discover{--controls-h:104px;--plate-w:148px;--plate-h:84px;--btn:68px;padding-bottom:0}.discover__body{flex:1;grid-template-columns:minmax(0,1fr) max(360px,30%);min-height:0;display:grid}.discover__stage-wrap{min-height:0;padding:22px 32px 14px var(--gutter)}.discover__stage{flex:1;height:auto;min-height:0}.discover__panel{border-top:0;border-left:1px solid var(--color-ink);min-height:0;padding:22px var(--gutter) 28px 24px;overflow-y:auto}.discover__controls{flex:none;position:relative;inset:auto}.discover__toast{bottom:calc(var(--controls-h) + 24px)}}@media (width>=1024px) and (height<=760px){.discover{--controls-h:88px;--plate-w:128px;--plate-h:70px;--btn:56px}}.discover.is-expanded{z-index:45;background:var(--color-paper);position:fixed;inset:0}.discover.is-expanded .discover__panel{display:none}.discover.is-expanded .discover__body{flex-direction:column;flex:1;min-height:0;display:flex}.discover.is-expanded .discover__stage-wrap{min-height:0;padding:14px var(--gutter) 10px;flex:1}.discover.is-expanded .discover__stage{flex:1;height:auto;min-height:0}html[data-details=off] .discover__panel{display:none}@media (width>=1024px){html[data-details=off] .discover__body{grid-template-columns:minmax(0,1fr)}html[data-details=off] .discover__stage-wrap{padding-right:var(--gutter)}}