html,body,#root,.viewer{height:100%}.viewer .device{background:var(--bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.device-body{flex:1;min-height:0;position:relative}.statusbar{background:var(--bg);height:47px;color:var(--ink);z-index:60;flex:none;justify-content:space-between;align-items:center;padding:4px 30px 0 44px;display:flex;position:relative}.statusbar-time{font:600 16px/1 var(--font);letter-spacing:-.01em}.statusbar-icons{align-items:center;gap:6px;display:flex}.statusbar-icons svg{fill:currentColor}.home-indicator{background:var(--ink);opacity:.85;z-index:60;pointer-events:none;border-radius:3px;width:134px;height:5px;margin-left:-67px;position:absolute;bottom:8px;left:50%}.viewer.is-framed{--sab:22px;background:#eceff2;justify-content:center;align-items:center;gap:32px;height:auto;min-height:100%;padding:24px;display:flex}:root[data-theme=dark] .viewer.is-framed{background:#07080a}.viewer.is-framed .device{border-radius:44px;flex:none;width:390px;height:min(844px,100dvh - 48px);min-height:560px;box-shadow:0 0 0 1px #191f2814,0 2px 6px #191f280f,0 24px 64px #191f2829}:root[data-theme=dark] .viewer.is-framed .device{box-shadow:0 0 0 1px #eceef11a,0 24px 64px #0009}.panel{width:196px;color:var(--ink-2);font:400 13px/1.45 var(--font);flex-direction:column;flex:none;gap:18px;display:flex}.panel-title{font:600 14px/1.3 var(--font);color:var(--ink)}.panel-pages{flex-direction:column;gap:2px;display:flex}.panel-page{color:var(--ink-2);font:500 14px/1.3 var(--font);border-radius:8px;padding:7px 10px}.panel-page:hover{background:#191f280d}:root[data-theme=dark] .panel-page:hover{background:#eceef10f}.panel-page[aria-current=page]{background:var(--bg);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:600}.panel-group{flex-direction:column;gap:6px;display:flex}.panel-label{font:500 12px/1 var(--font);color:var(--ink-3)}.panel-seg{background:#191f280f;border-radius:9px;padding:2px;display:flex}:root[data-theme=dark] .panel-seg{background:#eceef114}.panel-btn{height:30px;color:var(--ink-2);font:500 13px/1 var(--font);border-radius:7px;flex:1;padding:0 10px}.panel-btn[aria-pressed=true]{background:var(--bg);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #191f281a}:root[data-theme=dark] .panel-btn[aria-pressed=true]{box-shadow:none;background:#eceef129}.panel-group>.panel-wide{flex:none}.panel-wide{text-align:left;width:100%;box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.panel-wide[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--green);color:var(--green-ink)}.panel-note{color:var(--ink-3);font-size:12px}.panel-note code{font-size:12px}