.portrait-brand #portrait-sharing-open{margin-left:auto;border:0;background:transparent;color:#b9d8ff;font:inherit;cursor:pointer;padding:8px}
#portrait-sharing-page{--surface:#1b1c20;--line:#34363c;--muted:#b3b6bf;color-scheme:dark;box-sizing:border-box;background:#131417;color:#eceef2;border:1px solid var(--line);border-radius:16px;width:min(820px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;font:15px/1.5 'Segoe UI',system-ui,sans-serif;overscroll-behavior:contain}
#portrait-sharing-page::backdrop{background:#000b}
#portrait-sharing-page *{box-sizing:border-box}
.ps-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#131417;border-bottom:1px solid var(--line);padding:20px 28px}
.ps-top h1{font-size:24px;letter-spacing:-.5px;margin:0}
.ps-body{padding:24px 28px}.ps-body p{margin:8px 0 16px;color:var(--muted)}.ps-body h2{font-size:18px;margin:0 0 8px}.ps-body h3{font-size:15px;margin:0 0 8px}
#portrait-sharing-page button,.ps-action{font:inherit;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:#0a84ff;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
#portrait-sharing-page button.ps-secondary,.ps-action.ps-secondary{background:#292b31;color:#eceef2;border-color:var(--line)}
#portrait-sharing-page button:disabled{opacity:.45;cursor:wait}
#portrait-sharing-page :is(button,a,input,select,summary):focus-visible,#portrait-sharing-open:focus-visible{outline:2px solid #83bcff;outline-offset:3px}
.ps-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px}
.ps-notice:empty,.ps-error:empty{display:none}
#portrait-sharing-page .ps-tabs button{background:transparent;color:var(--muted)}#portrait-sharing-page .ps-tabs button[aria-selected=true]{background:#28364a;color:#c4dfff}
.ps-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:20px}.ps-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ps-row>*{flex:0 1 auto}
#portrait-sharing-page label{display:block;margin:16px 0 6px}#portrait-sharing-page input,#portrait-sharing-page select{width:100%;padding:12px;background:#111215;color:inherit;border:1px solid #4b4d55;border-radius:8px;font:inherit;min-height:44px}#portrait-sharing-page small{display:block;color:var(--muted);margin:6px 0 16px}.ps-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ps-link{overflow-wrap:anywhere;user-select:all;color:#c4dfff}.ps-new{border-color:#4c719c}.ps-list{display:grid;gap:12px}.ps-list article{border-top:1px solid var(--line);padding-top:16px}.ps-list article:first-child{border:0;padding:0}.ps-list article p{margin-bottom:8px}#portrait-sharing-page .ps-revoke{color:#ffb6af}.ps-error{color:#ffb6af;white-space:pre-wrap}.ps-notice{color:var(--muted);min-height:24px}.ps-body [hidden]{display:none!important}.ps-body details{margin-top:16px}.ps-body summary{cursor:pointer;min-height:44px;display:list-item}.ps-body ol{color:var(--muted);padding-left:22px}.ps-body li{margin-bottom:12px}
@media(max-width:560px){#portrait-sharing-page{width:100%;max-width:100vw;max-height:100%;height:100%;margin:0;border:0;border-radius:0}.ps-top{padding:16px}.ps-top h1{font-size:21px}.ps-body{padding:20px 16px}.ps-card{padding:16px}.ps-form-row{grid-template-columns:1fr;gap:0}.ps-top button{padding:8px 12px}.ps-row .ps-action{flex:1}.portrait-brand{gap:6px!important;padding:0 8px!important}.portrait-brand #portrait-sharing-open{font-size:12px;padding:8px 4px}#portrait_sync{font-size:11px}}