.portrait-page{color:#fff;background:#000;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.portrait-top{min-height:56px;padding:calc(env(safe-area-inset-top) + 6px) 6px 6px;align-items:center;gap:6px;display:flex}.portrait-stage{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.portrait-frame{aspect-ratio:9/16;background:#000;width:min(100%,56.25cqh);display:grid;overflow:hidden}.portrait-bottom{min-height:64px;padding:8px 12px calc(env(safe-area-inset-bottom) + 10px);border-top:1px solid #ffffff14;align-items:center;gap:8px;display:flex}.portrait-desc{text-align:left;color:#ffffffbf;cursor:pointer;flex:none;align-items:flex-start;gap:8px;width:100%;padding:6px 12px 4px;display:flex}.portrait-desc:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.portrait-desc-text{-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.portrait-icon-btn{color:#fff;cursor:pointer;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}.portrait-icon-btn:hover{background:#ffffff1a}.portrait-icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.portrait-icon-btn.is-disabled{color:#ffffff4d;cursor:default}.portrait-icon-btn.is-disabled:hover{background:0 0}.portrait-pill{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff1a;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;height:44px;padding-inline:16px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.portrait-pill:hover{background:#ffffff29}.portrait-pill:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.portrait-icon-btn,.portrait-pill{transition:none}}