.viewer-chooser{background:radial-gradient(at 50% 0,#242332 0%,#0000 65%),#101114;border:1px solid #ffffff16;border-radius:24px;gap:30px;width:min(760px,100vw - 32px);max-height:calc(100dvh - 32px);padding:42px;overflow:auto;max-width:760px!important}.viewer-chooser-heading{text-align:center}.viewer-wordmark{letter-spacing:-1px;margin-bottom:28px;font-size:21px;font-weight:850;display:block}.viewer-chooser-heading [data-slot=dialog-title]{letter-spacing:-1px;font-size:clamp(24px,4vw,34px);line-height:1.15}.viewer-chooser-heading [data-slot=dialog-description]{margin-top:12px;line-height:1.6}.viewer-choice-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.viewer-choice{border-radius:18px;flex-direction:column;align-items:center;gap:10px;width:116px;padding:12px;transition:background .18s,transform .18s;display:flex}.viewer-choice:hover{background:#ffffff08;transform:translateY(-3px)}.viewer-choice strong{overflow-wrap:anywhere;width:100%;line-height:1.35}.viewer-choice small{color:#999ca7;font-size:11px}.viewer-portrait{isolation:isolate;background:linear-gradient(145deg,color-mix(in srgb,var(--viewer-color) 34%,#171920),#15171e);width:88px;height:88px;color:var(--viewer-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--viewer-color) 20%,transparent);border-radius:24px;flex-shrink:0;place-items:center;display:inline-grid;position:relative;overflow:hidden}.viewer-portrait>span{z-index:1;font-size:36px;font-weight:750}.viewer-portrait i{background:var(--viewer-color);opacity:.12;border-radius:50%;width:95px;height:95px;position:absolute;bottom:-45px;right:-38px}.viewer-ice{--viewer-color:#b4d7ff}.viewer-violet{--viewer-color:#b8a3ed}.viewer-rose{--viewer-color:#ecb0c2}.viewer-amber{--viewer-color:#e8c38c}.viewer-mint{--viewer-color:#99d6c1}.viewer-choice:focus-visible{outline-offset:3px;outline:2px solid #b6a9d080}.viewer-manager button:focus-visible{outline-offset:3px;outline:2px solid #b6a9d080}.viewer-manage-toggle:focus-visible{outline-offset:3px;outline:2px solid #b6a9d080}.viewer-status{color:#c6c7d1;justify-content:center;align-items:center;gap:9px;display:flex}.viewer-error{color:#e9a6a6;font-size:13px;line-height:1.5}.viewer-error button{margin-left:12px;text-decoration:underline}.viewer-manage-toggle{color:#b5b6c1;border:1px solid #ffffff18;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin:auto;padding:10px 18px;display:flex}.viewer-manager-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.viewer-manager-heading>div{flex:1}.viewer-manager-heading h2{font-size:18px;font-weight:700}.viewer-manager-heading p,.viewer-help{color:#999ca7;font-size:13px;line-height:1.7}.viewer-manager-heading>small{color:#888b99}.viewer-manage-list{gap:8px;display:grid}.viewer-manage-row{background:#ffffff03;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.viewer-manage-row .viewer-portrait{border-radius:14px;width:48px;height:48px}.viewer-manage-row .viewer-portrait>span{font-size:22px}.viewer-manage-row>div{flex:1;min-width:0}.viewer-manage-row strong{overflow-wrap:anywhere;font-size:14px;display:block}.viewer-manage-row small{color:#999ca7;margin-top:4px;font-size:11px;display:block}.viewer-manage-row>button,.viewer-current{color:#b9bbc6;border-radius:10px;place-items:center;width:40px;min-width:40px;height:44px;display:grid}.viewer-manage-row>button:hover{background:#ffffff0c}.viewer-current{color:#b8d8bd}.viewer-add{color:#c3c5cf;border:1px dashed #ffffff25;border-radius:12px;align-items:center;gap:9px;width:100%;margin-top:12px;padding:14px 16px;display:flex}.viewer-help{margin-top:20px;font-size:12px}.viewer-editor{background:#131419;border-color:#ffffff18;border-radius:20px}.viewer-editor form{gap:20px;display:grid}.viewer-editor label{gap:9px;font-size:13px;font-weight:600;display:grid}.viewer-editor input{background:#ffffff06;border:1px solid #ffffff20;border-radius:10px;width:100%;min-height:46px;padding:12px;font-size:15px}.viewer-editor-preview{text-align:center;margin:8px 0}.viewer-colors{gap:12px;display:flex}.viewer-colors legend{margin-bottom:12px;font-size:13px}.viewer-color{background:color-mix(in srgb,var(--viewer-color) 25%,#161820);width:42px;height:42px;color:var(--viewer-color);border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.viewer-color[aria-pressed=true]{border-color:var(--viewer-color)}.viewer-editor-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.viewer-editor-actions button{border:1px solid #ffffff20;border-radius:10px;min-height:44px;padding:10px 18px}.viewer-editor-actions .viewer-primary{color:#17151c;background:#e2ddec}.viewer-editor-actions .viewer-danger{color:#ffecee;background:#6f3339;border-color:#aa5b62}.viewer-manager button:disabled,.viewer-chooser button:disabled,.viewer-editor button:disabled{opacity:.5;cursor:wait}.nav-profile .viewer-portrait{border-radius:inherit;width:100%;height:100%;box-shadow:none}.nav-profile .viewer-portrait>span{font-size:16px}.nav-profile .viewer-portrait i{display:none}.profile-menu-viewer{align-items:center;gap:10px;display:flex}.profile-menu-viewer .viewer-portrait{border-radius:11px;width:38px;height:38px}.profile-menu-viewer .viewer-portrait>span{font-size:18px}@media (max-width:560px){.viewer-chooser{gap:22px;padding:30px 20px}.viewer-choice-grid{gap:8px}.viewer-choice{width:95px;padding:8px}.viewer-choice .viewer-portrait{border-radius:20px;width:70px;height:70px}.viewer-manage-row{gap:7px;padding:9px}.viewer-manage-row>button,.viewer-current{width:32px;min-width:32px}.viewer-manage-row .viewer-portrait{width:40px;height:44px}.viewer-manage-row small{font-size:10px}}@media (prefers-reduced-motion:reduce){.viewer-choice{transition:none}.viewer-choice:hover{transform:none}}:root[data-reduced-motion=true] .viewer-choice{transition:none}:root[data-reduced-motion=true] .viewer-choice:hover{transform:none}.nav-profile>.viewer-portrait{display:inline-grid}.nav-profile>.viewer-portrait>span{display:block}.viewer-pin-form{text-align:left;gap:16px;width:min(100%,340px);margin:24px auto;display:grid}.viewer-pin-form>svg{color:var(--accent,#b8d7ff);margin:auto}.viewer-pin-form>strong{text-align:center}.viewer-pin-form label{gap:8px;font-size:13px;display:grid}.viewer-pin-form input{height:48px;color:inherit;letter-spacing:.3em;background:#ffffff08;border:1px solid #ffffff28;border-radius:12px;padding:10px 14px;font-size:20px}.viewer-pin-reset{color:#aeb7c8;padding:8px;font-size:12px;line-height:1.6}.viewer-choice strong svg{vertical-align:middle;margin-left:3px;display:inline-block}