.portrait{display:block;flex-shrink:0;-o-object-fit:cover;object-fit:cover;background:var(--st-line)}.portrait-empty{display:grid;place-items:center;color:#65ae9a;background:#161b21;box-shadow:inset 0 0 0 1px #303b48}.portrait-empty svg{width:72%;height:72%}.view-as-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(7,9,11,.62)}.view-as-sheet{display:flex;flex-direction:column;gap:12px;width:min(460px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:hidden;border:1px solid #2f3a47;border-radius:16px;background:linear-gradient(170deg,var(--st-panel),var(--st-black));box-shadow:0 24px 60px rgba(4,5,6,.45);padding:18px 18px 16px;color:#dfe2e5;outline:none}.view-as-handle{display:none;align-self:center;width:44px;height:4px;border-radius:2px;background:#4a525b}.view-as-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px}.view-as-sheet h2{font-family:var(--st-sans);font-size:26px;color:var(--st-white)}.view-as-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:none;color:#d1d5da}.view-as-intro{font-size:14px;line-height:1.45;color:#abb2ba}.view-as-options{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0;padding:2px}.view-as-options h3{margin-top:8px;font-size:14px;color:#d1d5da}.view-as-option{display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:58px;border:1px solid #27303a;border-radius:12px;background:var(--st-panel);padding:8px 12px;cursor:pointer}.view-as-option:has(input:checked){border-color:#64e9c5;background:#181d24}.view-as-option:focus-within{outline:2px solid #64e9c5;outline-offset:2px}.view-as-option strong{display:block;font-size:16px;color:var(--st-white);overflow-wrap:anywhere}.view-as-option small{font-size:13px;color:#9099a4}.view-as-option input{width:20px;height:20px;accent-color:#64e9c5}.view-as-icon{justify-self:center;color:#c9cdd2}.view-as-thumb{width:44px;height:44px;border-radius:10px}.view-as-sheet footer{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding-top:4px}.view-as-sheet footer button{min-height:48px;border-radius:10px;font-size:15px}.view-as-cancel{border:1px solid #3b4858;background:#181d23;color:var(--st-white)}.view-as-banner{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 24px 0;border:1px solid #40ac8f;border-radius:12px;background:rgba(31,78,65,.9);backdrop-filter:blur(8px);padding:6px 8px 6px 14px;color:#e2e4e7;font-size:14px}.view-as-banner span{flex:1;min-width:0}.view-as-banner button{flex:none;min-height:34px;border:1px solid #53c6a7;border-radius:8px;background:var(--st-panel);color:var(--st-white);padding:4px 14px;font-size:14px}.view-as-notice{display:flex;align-items:flex-start;gap:10px;border:1px solid #40ac8f;border-radius:12px;background:rgba(31,78,65,.55);padding:10px 12px;color:#e2e4e7;font-size:13px;line-height:1.45}.view-as-notice svg{flex:none;margin-top:1px;color:#c9cdd2}.view-as-notice button{border:0;background:none;padding:0;color:#c9cdd2;text-decoration:underline}@media (max-width:600px){.view-as-backdrop{place-items:end stretch;padding:0}.view-as-sheet{width:100%;max-height:calc(100dvh - 48px);border-radius:18px 18px 0 0;border-bottom:0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.view-as-handle{display:block}.view-as-banner{top:62px;margin:8px 16px 0;border-radius:10px;font-size:13px}}