.auth-main{min-height:calc(100vh - 86px);padding:92px 0 118px;background:#020305}
.auth-shell{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(560px,1.22fr);gap:clamp(56px,8vw,110px);align-items:start}
.auth-intro{position:sticky;top:138px;padding-top:26px}
.auth-intro h1{max-width:620px;margin:0;font-size:clamp(3.7rem,6.8vw,7rem);font-weight:760;line-height:.91;letter-spacing:-.075em}
.auth-intro h1 span{display:block;color:#9ca7b2}
.auth-intro>p:not(.inner-kicker){max-width:470px;margin:28px 0 0;color:#9ca7b2;font-size:1rem;line-height:1.72}
.auth-panels{display:grid;gap:18px}
.auth-panel{padding:36px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#05070a}
.auth-panel-header{margin-bottom:28px}
.auth-panel-header h2{margin:0;font-size:clamp(1.85rem,3vw,2.55rem);font-weight:690;line-height:1.02;letter-spacing:-.05em}
.auth-panel-header p{margin:11px 0 0;color:#858f9a;font-size:.84rem;line-height:1.6}
.auth-form{display:grid;gap:20px}
.auth-field{display:grid;gap:8px}
.auth-field label{color:#c9d1d9;font-size:.74rem;font-weight:700}
.auth-field input,.auth-field textarea,.auth-field select{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.14);border-radius:10px;outline:0;padding:13px 14px;background:#090c10;color:#f4f7fa;font:inherit}
.auth-field textarea{resize:vertical;line-height:1.6}
.auth-field input::placeholder,.auth-field textarea::placeholder{color:#59636e}
.auth-field input:focus,.auth-field textarea:focus,.auth-field select:focus{border-color:#5cdfff;box-shadow:0 0 0 3px rgba(92,223,255,.12)}
.auth-field-hint{margin:0;color:#727d88;font-size:.69rem;line-height:1.5}
.auth-submit{width:100%;margin-top:2px}
.auth-submit:disabled,.account-logout:disabled,.profile-save:disabled{cursor:wait;opacity:.58;transform:none}
.auth-status{margin:0;border-left:2px solid #5cdfff;padding:11px 13px;background:rgba(92,223,255,.07);color:#c9d9e7;font-size:.77rem;line-height:1.55}
.auth-status[data-type="error"]{border-color:#ff7a86;background:rgba(255,77,94,.08);color:#ffd0d5}
.auth-status[data-type="success"]{border-color:#50dda0;background:rgba(80,221,160,.08);color:#ccf6e4}
.auth-status[hidden]{display:none}
.auth-assurance{margin:4px 0 0;color:#69747f;font-size:.68rem;line-height:1.55;text-align:center}
.account-shell{width:min(900px,calc(100% - 48px));margin-inline:auto}
.account-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}
.account-heading h1{margin:0;font-size:clamp(3.7rem,7vw,6.5rem);font-weight:760;line-height:.92;letter-spacing:-.075em}
.account-loading{margin:0;color:#8f9aa6}
.account-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#05070a}
.account-card[hidden]{display:none}
.account-row{display:grid;grid-template-columns:minmax(145px,.42fr) minmax(0,1fr);gap:28px;padding:24px 30px;border-bottom:1px solid rgba(255,255,255,.08)}
.account-row:last-child{border-bottom:0}
.account-row dt{color:#798490;font-size:.71rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.account-row dd{margin:0;color:#edf2f7;font-size:.96rem;overflow-wrap:anywhere}
.account-dashboard[hidden]{display:none}
.account-profile-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;margin-top:30px;border-block:1px solid rgba(232,232,232,.12);padding:30px 0}
.account-profile-action h2{margin:0;color:#E8E8E8;font-size:clamp(1.8rem,3.5vw,2.65rem);font-weight:710;line-height:1;letter-spacing:-.045em}
.account-profile-action p{max-width:560px;margin:11px 0 0;color:rgba(232,232,232,.62);font-size:.9rem;line-height:1.6}
.account-profile-cta{min-height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 27px;background:#E8E8E8;color:#080808;font-family:var(--button-font-family,var(--sans));font-size:var(--button-font-size,.875rem);font-weight:var(--button-font-weight,700);line-height:1.15;letter-spacing:var(--button-letter-spacing,0);white-space:nowrap;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.account-profile-cta:hover{background:#E8E8E8;box-shadow:0 12px 30px rgba(0,0,0,.25);transform:translateY(-1px)}
.account-profile-cta:active{transform:scale(.98)}
.account-profile-cta:focus-visible{outline:3px solid #007FFC;outline-offset:4px}
.account-session-actions{display:flex;justify-content:flex-end;margin-top:24px}
.account-logout{min-width:122px;border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:11px 20px;background:transparent;color:#f1f5f8;font-size:.78rem;font-weight:720;cursor:pointer;transition:border-color .18s,color .18s}
.account-logout:hover{border-color:#5cdfff;color:#5cdfff}
.account-products{margin-top:58px}
.account-products[hidden],.activation-view[hidden],.activation-success[hidden]{display:none}
.account-products-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.account-products-heading h2{margin:0;font-size:clamp(2rem,4vw,3.35rem);font-weight:710;line-height:1;letter-spacing:-.055em}
.account-products-heading a{flex:none;border-bottom:1px solid rgba(92,223,255,.45);padding-bottom:4px;color:#5cdfff;font-size:.76rem;font-weight:720}
.account-products-empty{margin:0;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:25px;background:#05070a;color:#8f9aa6}
.account-products-list{display:grid;gap:12px}
.account-product{display:grid;gap:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px 24px;background:#05070a}
.account-product-summary{display:flex;align-items:center;justify-content:space-between;gap:26px}
.account-product h3{margin:0;color:#edf2f7;font-size:1rem}
.account-product p,.account-product time{margin:7px 0 0;color:#798490;font-size:.72rem;line-height:1.5}
.account-product time{flex:none;margin:0;text-align:right}
.account-destination{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.account-destination>div{min-width:0}
.account-destination .account-destination-label{margin:0;color:#d8e2eb;font-size:.72rem;font-weight:740}
.account-destination .account-destination-status{max-width:570px;margin:5px 0 0;color:#7f8b97}
.account-destination .account-destination-status[data-type="success"]{color:#9ce8c6}
.account-destination .account-destination-status[data-type="error"]{color:#ffb7bf}
.account-destination-action{flex:none;border:1px solid rgba(92,223,255,.42);border-radius:999px;padding:10px 16px;background:rgba(92,223,255,.07);color:#7fe7ff;font:inherit;font-size:.7rem;font-weight:760;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.account-destination-action:hover{border-color:#7fe7ff;background:rgba(92,223,255,.13);color:#d5f8ff}
.account-destination-action:disabled{cursor:wait;opacity:.56}
.account-destination-link{flex:none;border-bottom:1px solid rgba(92,223,255,.45);padding-bottom:3px;color:#5cdfff;font-size:.7rem;font-weight:740}
.activation-shell{width:min(760px,calc(100% - 48px));margin-inline:auto}
.activation-heading{max-width:650px;margin-bottom:42px}
.activation-heading h1{margin:0;font-size:clamp(3.7rem,7vw,6.5rem);font-weight:760;line-height:.92;letter-spacing:-.075em}
.activation-heading>p:not(.inner-kicker){max-width:570px;margin:24px 0 0;color:#8f9aa6;line-height:1.7}
.activation-panel{max-width:680px}
.activation-success{border:1px solid rgba(80,221,160,.25);border-radius:24px;padding:36px;background:rgba(80,221,160,.06)}
.activation-success h2{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}
.activation-success p{margin:15px 0 24px;color:#a5b8ae;line-height:1.65}
.activation-success a{display:inline-flex}
.profile-main{padding-top:78px}
.profile-shell{width:min(1320px,calc(100% - 56px));margin-inline:auto}
.profile-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;margin-bottom:54px}
.profile-heading h1{max-width:920px;margin:0;font-size:clamp(3.6rem,6.5vw,6.6rem);font-weight:760;line-height:.91;letter-spacing:-.075em}
.profile-heading>div>p:not(.inner-kicker){max-width:660px;margin:27px 0 0;color:#909aa6;font-size:.98rem;line-height:1.72}
.profile-back-link{margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:4px;color:#cbd3dc;font-size:.75rem;font-weight:700}
.profile-back-link:hover{border-color:#5cdfff;color:#5cdfff}
.profile-loading{margin:0;color:#8f9aa6}
.profile-workspace{--studio-control-radius:14px;--studio-card-radius:18px;--studio-border:rgba(255,255,255,.1);--studio-border-hover:rgba(127,230,255,.38);display:grid;grid-template-columns:minmax(0,1.16fr) minmax(370px,.84fr);gap:30px;align-items:start}
.profile-workspace[hidden]{display:none}
.profile-editor-panel{border:1px solid rgba(255,255,255,.09);background:#05070a}
.profile-form{gap:0}
.profile-editor-section{padding:34px;border-bottom:1px solid rgba(255,255,255,.09)}
.profile-panel-heading,.profile-preview-label{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}
.profile-panel-heading h2,.profile-preview-label p{margin:0;color:#edf2f7;font-size:1.05rem;font-weight:740;letter-spacing:-.02em}
.profile-panel-heading p{margin:7px 0 0;color:#78838f;font-size:.72rem;line-height:1.5}
.profile-panel-heading>span,.profile-preview-label span{flex:none;color:#6f7a85;font-size:.68rem}
.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.profile-field-full{grid-column:1/-1}
.profile-media-grid{display:grid;gap:14px}
.profile-media-editor{display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;align-items:center;border:1px solid var(--studio-border);border-radius:var(--studio-card-radius);padding:18px;background:linear-gradient(145deg,#090d12,#070a0e)}
.profile-media-editor h3{margin:0;color:#edf2f7;font-size:.86rem}
.profile-media-editor>div>p{margin:6px 0 0;color:#717d88;font-size:.68rem;line-height:1.5}
.profile-media-thumb{position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#19253b,#4a3b75);color:#dce8f3;font-size:.68rem;font-weight:800}
.profile-media-thumb img{width:100%;height:100%;object-fit:cover}
.profile-media-thumb-avatar{width:78px;height:78px;border-radius:50%}
.profile-media-thumb-cover{width:94px;height:64px;border-radius:8px}
.profile-media-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.profile-media-actions button,.profile-text-button,.profile-public-link button,.profile-link-order button,.profile-link-controls button{border:0;padding:0;background:transparent;color:#5cdfff;font:inherit;font-size:.68rem;font-weight:720;cursor:pointer}
.profile-media-actions button+button,.profile-link-controls button{color:#f0a3ab}
.profile-media-actions button:disabled,.profile-text-button:disabled,.profile-public-link button:disabled{cursor:wait;opacity:.5}
.profile-inline-status{grid-column:1/-1;margin:0;border-left:2px solid #5cdfff;padding:8px 10px;background:rgba(92,223,255,.06);color:#aebdca;font-size:.68rem;line-height:1.45}
.profile-inline-status[data-type="error"]{border-color:#ff7a86;background:rgba(255,77,94,.08);color:#ffd0d5}
.profile-inline-status[data-type="success"]{border-color:#50dda0;background:rgba(80,221,160,.08);color:#ccf6e4}
.profile-inline-status[hidden]{display:none}
.profile-links-editor{display:grid;gap:12px}
.profile-link-row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;border:1px solid var(--studio-border);padding:18px;background:linear-gradient(145deg,#090d12,#070a0e)}
.profile-link-order{display:grid;align-content:start;gap:7px}
.profile-link-order button{width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#aeb8c3}
.profile-link-order button:disabled{opacity:.25;cursor:not-allowed}
.profile-link-fields{display:grid;grid-template-columns:.72fr 1fr;gap:12px}
.profile-link-fields .auth-field{gap:6px}
.profile-link-fields .auth-field label{display:grid;gap:6px}
.profile-link-fields input,.profile-link-fields select{min-height:46px;padding:10px 12px;font-size:.75rem}
.profile-link-url{grid-column:1/-1}
.profile-link-controls{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:16px}
.profile-link-controls label{display:flex;align-items:center;gap:8px;color:#9aa5b0;font-size:.69rem}
.profile-link-controls input{accent-color:#5cdfff}
.profile-empty-note{margin:0;border:1px dashed rgba(255,255,255,.12);padding:18px;color:#6f7a85;font-size:.72rem;text-align:center}
.profile-empty-note[hidden]{display:none}
.profile-visibility-controls{display:grid;gap:12px}
.profile-toggle{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;align-items:center;border:1px solid var(--studio-border);border-radius:var(--studio-card-radius);padding:17px 18px;background:linear-gradient(145deg,#090d12,#070a0e);cursor:pointer;transition:border-color .18s ease,background-color .18s ease}
.profile-toggle:hover{border-color:var(--studio-border-hover)}
.profile-toggle>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.profile-toggle-track{position:relative;width:44px;height:25px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:#171d25;box-shadow:inset 0 1px 3px rgba(0,0,0,.35);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.profile-toggle-track>span{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#8995a1;box-shadow:0 2px 6px rgba(0,0,0,.4);transition:transform .18s ease,background-color .18s ease}
.profile-toggle>input:checked+.profile-toggle-track{border-color:#5cdfff;background:rgba(92,223,255,.24);box-shadow:0 0 0 1px rgba(92,223,255,.1),inset 0 1px 3px rgba(0,0,0,.22)}
.profile-toggle>input:checked+.profile-toggle-track>span{transform:translateX(19px);background:#8ceaff}
.profile-toggle>input:focus-visible+.profile-toggle-track{outline:3px solid #5cdfff;outline-offset:3px}
.profile-toggle-copy{display:grid;gap:5px}
.profile-toggle strong{color:#edf2f7;font-size:.78rem}
.profile-toggle small{color:#7f8b97;font-size:.68rem;line-height:1.5}
.profile-toggle:has(input:checked){border-color:rgba(92,223,255,.22);background:linear-gradient(145deg,rgba(92,223,255,.065),#070a0e)}
.profile-toggle:has(input:disabled){cursor:not-allowed;opacity:.48}
.profile-public-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;border-left:2px solid #50dda0;padding:13px 15px;background:rgba(80,221,160,.07)}
.profile-public-link[hidden]{display:none}
.profile-public-link div{display:grid;gap:4px;min-width:0}
.profile-public-link span{color:#8aa497;font-size:.63rem}
.profile-public-link a{overflow:hidden;color:#d9f5e8;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}
.profile-form>.auth-status{margin:28px 34px 0}
.profile-form-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 34px 34px}
.profile-form-actions p{max-width:390px;margin:0;color:#69747f;font-size:.68rem;line-height:1.5}
.profile-save{min-width:166px;border-radius:999px}
.profile-preview-wrap{position:sticky;top:158px}
.profile-preview-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(160deg,#131b28,#0a0e16);color:#f7f8fb;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.profile-preview-cover{position:relative;height:190px;overflow:hidden;background:#151e2d}
.profile-preview-cover::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(8,11,18,.74));content:""}
.profile-preview-cover img,.profile-preview-cover-fallback{width:100%;height:100%;display:block;object-fit:cover}
.profile-preview-cover-fallback{background:radial-gradient(circle at 78% 28%,rgba(127,211,255,.52),transparent 12rem),linear-gradient(128deg,#19253b 0%,#483a75 58%,#121826 100%)}
.profile-preview-content{position:relative;padding:0 30px 34px}
.profile-preview-avatar{position:relative;z-index:1;width:112px;height:112px;margin-top:-56px;overflow:hidden;display:grid;place-items:center;border:4px solid #111722;border-radius:50%;background:#1a2331;box-shadow:0 14px 35px rgba(0,0,0,.34)}
.profile-preview-avatar img{width:100%;height:100%;object-fit:cover}
.profile-preview-initials{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#7fd3ff,#a99cff);color:#07101a;font-size:1.45rem;font-weight:780;letter-spacing:-.04em}
.profile-preview-identity{margin-top:20px}
.profile-preview-identity h2{margin:0;font-size:clamp(2.15rem,4vw,3.25rem);line-height:.98;letter-spacing:-.062em;overflow-wrap:anywhere}
.profile-preview-identity p{margin:10px 0 0;color:#dfe5ef;font-size:.88rem;line-height:1.45;overflow-wrap:anywhere}
.profile-preview-identity .profile-preview-company,.profile-preview-identity .profile-preview-location{display:inline;color:#aeb8c8;font-size:.7rem}
.profile-preview-company:not(:empty)+.profile-preview-location:not([hidden])::before{content:" · "}
.profile-preview-company:empty{display:none}
.profile-preview-actions{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;margin:23px 0}
.profile-preview-actions span{min-height:48px;display:grid;place-items:center;border-radius:14px;font-size:.72rem;font-weight:760}
.profile-preview-actions span:first-child{background:#f7f8fb;color:#090d14}
.profile-preview-actions span:last-child{border:1px solid rgba(255,255,255,.11);color:#7fd3ff;font-size:1rem}
.profile-preview-bio{margin:26px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.11);color:#ccd4df;font-size:.78rem;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}
.profile-preview-contact{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.profile-preview-contact span{max-width:100%;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:8px 11px;color:#dbe4f1;font-size:.65rem}
.profile-preview-links{display:grid;gap:8px;margin-top:24px}
.profile-preview-link{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:54px;border:1px solid rgba(255,255,255,.11);border-radius:15px;padding:8px 12px 8px 9px;background:rgba(255,255,255,.035);font-size:.7rem;font-weight:680}
.profile-preview-link-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,rgba(127,211,255,.16),rgba(169,156,255,.13));color:#7fd3ff;font-size:.58rem;font-weight:800}
.profile-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.09);padding:18px 30px;color:#778295;font-size:.64rem}
.profile-preview-footer strong{color:#d9e0ea;letter-spacing:.05em}
@media(max-width:1050px){.profile-workspace{grid-template-columns:1fr}.profile-preview-wrap{position:static;max-width:680px}.profile-preview-card{min-height:560px}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;gap:48px}.auth-intro{position:static;padding-top:0}.auth-intro h1{max-width:720px}.auth-intro>p:not(.inner-kicker){max-width:640px}.auth-panels{max-width:720px}}
@media(max-width:520px){.auth-main{min-height:calc(100vh - 70px);padding:68px 0 92px}.auth-shell{gap:38px}.auth-intro h1{font-size:clamp(3.25rem,16vw,4.25rem)}.auth-panel{padding:27px 20px;border-radius:18px}.auth-panel-header{margin-bottom:23px}.account-shell,.activation-shell,.profile-shell{width:calc(100% - 32px)}.account-heading{display:block;margin-bottom:34px}.account-heading h1,.activation-heading h1{font-size:clamp(3.35rem,16vw,4.5rem)}.account-row{grid-template-columns:1fr;gap:7px;padding:21px 20px}.account-profile-action{grid-template-columns:1fr;gap:22px;padding:26px 0}.account-profile-cta{width:100%;min-height:56px;padding-inline:20px}.account-products{margin-top:46px}.account-products-heading{display:grid;gap:18px}.account-products-heading a{width:max-content}.account-product{padding:20px;gap:16px}.account-product-summary,.account-destination{align-items:flex-start;flex-direction:column;gap:15px}.account-product time{text-align:left}.account-destination-action{width:100%;min-height:44px}.account-destination-link{width:max-content}.account-session-actions{justify-content:stretch}.account-logout{width:100%;min-height:48px}.activation-success{padding:28px 22px}.profile-main{padding-top:59px}.profile-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.profile-heading h1{font-size:clamp(3.2rem,15.5vw,4.35rem)}.profile-heading>div>p:not(.inner-kicker){margin-top:23px;font-size:.91rem}.profile-back-link{width:max-content;margin-bottom:0}.profile-workspace{gap:38px}.profile-editor-panel{padding:0}.profile-editor-section{padding:26px 20px}.profile-panel-heading{align-items:flex-start;flex-direction:column;gap:7px}.profile-form-grid{grid-template-columns:1fr}.profile-field-full{grid-column:auto}.profile-media-editor{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:13px}.profile-media-thumb-avatar{width:64px;height:64px}.profile-media-thumb-cover{width:72px;height:52px}.profile-link-row{grid-template-columns:1fr;padding:14px}.profile-link-order{grid-auto-flow:column;justify-content:start}.profile-link-fields{grid-template-columns:1fr}.profile-link-url,.profile-link-controls{grid-column:1}.profile-form>.auth-status{margin:24px 20px 0}.profile-form-actions{align-items:stretch;flex-direction:column;padding:24px 20px 28px}.profile-save{width:100%}.profile-preview-label{margin-bottom:18px}.profile-preview-card{min-height:0;padding:0;border-radius:22px}.profile-preview-cover{height:165px}.profile-preview-content{padding:0 20px 28px}.profile-preview-avatar{width:96px;height:96px;margin-top:-48px}.profile-preview-identity{margin-top:17px}.profile-preview-identity h2{font-size:clamp(1.85rem,10vw,2.55rem)}.profile-preview-bio{margin-top:25px}.profile-preview-footer{padding:17px 20px}}
@media(prefers-reduced-motion:reduce){.account-logout,.account-profile-cta,.account-destination-action{transition:none}}

/* POP Studio */
.profile-main{overflow-x:clip;overflow-y:visible}
.profile-workspace{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}
.profile-studio-command{position:sticky;z-index:12;top:72px;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:14px 16px;background:rgba(7,10,15,.94);box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.profile-studio-state{display:flex;align-items:center;gap:11px;min-width:0}
.profile-state-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#50dda0;box-shadow:0 0 0 5px rgba(80,221,160,.09)}
.profile-studio-state>div{display:grid;gap:2px;min-width:0}
.profile-studio-state strong{color:#e7edf5;font-size:.72rem;font-weight:760}
.profile-studio-state small{overflow:hidden;color:#75818e;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}
.profile-studio-command[data-state="dirty"] .profile-state-dot{background:#ffc56b;box-shadow:0 0 0 5px rgba(255,197,107,.09)}
.profile-studio-command[data-state="saving"] .profile-state-dot{background:#5cdfff;box-shadow:0 0 0 5px rgba(92,223,255,.09);animation:profile-state-pulse 1s ease-in-out infinite}
.profile-studio-command[data-state="error"] .profile-state-dot{background:#ff7a86;box-shadow:0 0 0 5px rgba(255,122,134,.09)}
.profile-studio-actions{display:flex;align-items:center;gap:9px;flex:none}
.profile-studio-actions button{min-height:42px}
.profile-command-secondary{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:0 16px;background:rgba(255,255,255,.025);color:#d8e1eb;font:inherit;font-size:.68rem;font-weight:760;cursor:pointer}
.profile-command-secondary:hover{border-color:rgba(92,223,255,.45);color:#7fe6ff}
.profile-command-secondary:focus-visible,.profile-studio-tabs button:focus-visible,.profile-theme-option:focus-within,.profile-link-drag:focus-visible,.profile-preview-label button:focus-visible{outline:3px solid #5cdfff;outline-offset:3px}
.profile-command-secondary:disabled{cursor:wait;opacity:.5}
.profile-preview-open{display:none}
.profile-editor-panel{overflow:clip;border-radius:22px;background:linear-gradient(180deg,#070a0f,#05070a)}
.profile-editor-panel .auth-field input,.profile-editor-panel .auth-field textarea,.profile-editor-panel .auth-field select{border-color:var(--studio-border);border-radius:var(--studio-control-radius);background:#080c11;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.profile-editor-panel .auth-field input:hover,.profile-editor-panel .auth-field textarea:hover,.profile-editor-panel .auth-field select:hover{border-color:var(--studio-border-hover)}
.profile-editor-panel .auth-field input:focus,.profile-editor-panel .auth-field textarea:focus,.profile-editor-panel .auth-field select:focus{background:#0a0f15}
.profile-editor-panel .auth-field label,.profile-field-label{color:#cbd4dd;font-size:.72rem;font-weight:720}
.profile-studio-actions .primary-action,.profile-form-actions .primary-action{border-radius:999px;padding-inline:22px;box-shadow:0 8px 24px rgba(52,193,229,.13)}
.profile-studio-actions .primary-action:focus-visible,.profile-form-actions .primary-action:focus-visible{outline:3px solid #5cdfff;outline-offset:3px}
.profile-studio-tabs{position:sticky;z-index:6;top:158px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.09);padding:0 20px;background:#070a0f}
.profile-studio-tabs button{min-height:64px;border:0;border-bottom:2px solid transparent;padding:0 10px;background:transparent;color:#788490;font:inherit;font-size:.7rem;font-weight:730;cursor:pointer}
.profile-studio-tabs button span{margin-right:7px;color:#4f5b67;font-size:.54rem;letter-spacing:.08em}
.profile-studio-tabs button[aria-selected="true"]{border-color:#5cdfff;color:#edf7fb}
.profile-studio-tabs button[aria-selected="true"] span{color:#5cdfff}
.profile-section-panel[hidden]{display:none}
.profile-section-panel{animation:studio-panel-enter .24s ease both}
.profile-editor-section,.profile-link-row,.profile-design-note,.profile-form-actions{scroll-margin-top:238px}
.profile-link-composer{margin-bottom:22px;border:1px solid rgba(92,223,255,.24);border-radius:16px;padding:16px;background:linear-gradient(145deg,rgba(92,223,255,.07),rgba(169,156,255,.04))}
.profile-link-composer>label{display:block;margin-bottom:9px;color:#dfe8f1;font-size:.7rem;font-weight:760}
.profile-link-composer>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.profile-link-composer input{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:0 13px;background:#070a0f;color:#edf2f7;font:inherit;font-size:.76rem}
.profile-link-composer input:focus{border-color:#5cdfff;outline:0;box-shadow:0 0 0 3px rgba(92,223,255,.1)}
.profile-link-composer button{min-height:48px;border-radius:10px}
.profile-link-composer p{margin:9px 0 0;color:#788692;font-size:.64rem;line-height:1.45}
.profile-link-composer p[data-type="error"]{color:#ffb4bc}
.profile-link-composer p[data-type="success"]{color:#8ae9bf}
.profile-link-row{grid-template-columns:38px minmax(0,1fr);border-radius:15px;transition:border-color .18s ease,transform .18s ease,opacity .18s ease}
.profile-link-row[data-dragging="true"]{z-index:2;border-color:#5cdfff;opacity:.72;box-shadow:0 16px 45px rgba(0,0,0,.35)}
.profile-link-row[data-drop-target="true"]{border-color:#a99cff;transform:translateY(2px)}
.profile-link-order{touch-action:none}
.profile-link-order .profile-link-drag{cursor:grab;color:#5cdfff}
.profile-link-order .profile-link-drag:active{cursor:grabbing}
.profile-link-fields{grid-template-columns:.68fr 1fr}
.profile-link-identity{grid-column:1/-1;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:12px}
.profile-link-identity>div{display:grid;gap:2px}
.profile-link-identity strong{color:#e9eff6;font-size:.72rem}
.profile-link-identity small{color:#687682;font-size:.58rem}
.profile-link-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(92,223,255,.09);color:#7fe6ff}
.profile-link-icon svg{width:17px;height:17px;fill:currentColor}
.profile-platform-select{position:relative;display:grid;margin-top:6px}
.profile-platform-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important;padding:0!important;white-space:nowrap!important}
.profile-platform-trigger{width:100%;min-height:46px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--studio-border);border-radius:var(--studio-control-radius);padding:7px 11px 7px 8px;background:#080c11;color:#eef3f8;font:inherit;font-size:.75rem;font-weight:690;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.profile-platform-trigger:hover{border-color:var(--studio-border-hover);background:#0a0f15}
.profile-platform-trigger:focus-visible,.profile-platform-trigger[aria-expanded="true"]{border-color:#5cdfff;outline:0;box-shadow:0 0 0 3px rgba(92,223,255,.12)}
.profile-platform-trigger-icon,.profile-platform-option-icon{display:grid;place-items:center;border-radius:9px;background:rgba(92,223,255,.09);color:#7fe6ff}
.profile-platform-trigger-icon{width:28px;height:28px}
.profile-platform-trigger-icon svg,.profile-platform-option-icon svg{width:15px;height:15px;display:block;fill:currentColor}
.profile-platform-chevron{width:15px;height:15px;color:#74818e;transition:transform .18s ease}
.profile-platform-trigger[aria-expanded="true"] .profile-platform-chevron{transform:rotate(180deg)}
.profile-platform-menu{position:fixed;z-index:1000;display:grid;gap:3px;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:7px;background:#0b0f15;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(92,223,255,.06);scrollbar-width:thin;scrollbar-color:#52616f #0b0f15}
.profile-platform-menu[hidden]{display:none}
.profile-platform-option{width:100%;min-height:42px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:11px;padding:6px 9px;background:transparent;color:#cbd5df;font:inherit;font-size:.72rem;font-weight:680;text-align:left;cursor:pointer}
.profile-platform-option:hover,.profile-platform-option:focus-visible{outline:0;background:rgba(255,255,255,.065);color:#fff}
.profile-platform-option[aria-selected="true"]{background:rgba(92,223,255,.1);color:#effcff}
.profile-platform-option[aria-selected="true"]::after{content:"";width:7px;height:7px;border-radius:50%;background:#5cdfff;box-shadow:0 0 0 4px rgba(92,223,255,.09)}
.profile-platform-option-icon{width:30px;height:30px}
.profile-theme-fieldset{margin:0;border:0;padding:0}
.profile-theme-fieldset legend{margin:0 0 12px;color:#aeb8c3;font-size:.68rem;font-weight:720}
.profile-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.profile-theme-option{position:relative;display:grid;gap:6px;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px;background:#080b10;cursor:pointer}
.profile-theme-option input{position:absolute;width:1px;height:1px;opacity:0}
.profile-theme-option:has(input:checked){border-color:#5cdfff;box-shadow:0 0 0 1px rgba(92,223,255,.22)}
.profile-theme-option strong{color:#eaf0f6;font-size:.72rem}
.profile-theme-option small{color:#76828e;font-size:.61rem;line-height:1.4}
.profile-theme-swatch{height:72px;border:1px solid rgba(255,255,255,.12);border-radius:10px}
.profile-theme-midnight{background:radial-gradient(circle at 75% 25%,#7fd3ff 0 7%,transparent 8%),linear-gradient(145deg,#131b28,#0a0e16)}
.profile-theme-pearl{background:radial-gradient(circle at 75% 25%,#315ee7 0 7%,transparent 8%),linear-gradient(145deg,#fff,#f4f1eb)}
.profile-theme-iris{background:radial-gradient(circle at 75% 25%,#b6a0ff 0 7%,transparent 8%),linear-gradient(145deg,#261d3b,#171126)}
.profile-design-custom{display:grid;gap:16px;margin-top:22px}
.profile-design-group{margin:0;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:16px;background:rgba(255,255,255,.018)}
.profile-design-group legend{padding:0 7px;color:#dce6ef;font-size:.69rem;font-weight:760}
.profile-qr-color-layout{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:18px}
.profile-qr-color-layout>div:first-child>p{max-width:46ch;margin:0 0 13px;color:#7f8b97;font-size:.66rem;line-height:1.55}
.profile-qr-color-group .profile-color-field{max-width:260px}
.profile-qr-color-preview{--qr-card-background:#f3f5f7;--qr-card-foreground:#07101a;--qr-card-accent:#05070a;aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid color-mix(in srgb,var(--qr-card-accent) 26%,transparent);border-radius:15px;padding:9px;background:var(--qr-card-background);color:var(--qr-card-foreground);box-shadow:0 10px 28px rgba(0,0,0,.22);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background-color .18s ease}
.profile-qr-color-preview:hover{border-color:#5cdfff;transform:translateY(-1px)}
.profile-qr-color-preview:focus-visible{outline:3px solid #5cdfff;outline-offset:3px}
.profile-qr-color-preview img{display:block;width:100%;height:auto;border-radius:8px;padding:4px;background:#fff;object-fit:contain}
.profile-qr-color-preview span{font-size:.5rem;font-weight:760;line-height:1.2;letter-spacing:.035em;text-align:center}
.profile-preview-qr-open{position:absolute;z-index:5;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--studio-text) 24%,transparent);border-radius:15px;background:color-mix(in srgb,var(--studio-background-base) 78%,transparent);color:var(--studio-text);box-shadow:0 10px 28px rgba(0,0,0,.3);backdrop-filter:blur(14px);cursor:pointer}
.profile-preview-qr-open:hover{border-color:var(--studio-accent);color:var(--studio-accent)}
.profile-preview-qr-open:focus-visible{outline:3px solid var(--studio-accent);outline-offset:3px}
.profile-preview-qr-open svg{width:20px;height:20px;fill:currentColor}
.studio-qr-dialog{width:min(100% - 28px,560px);max-height:min(92dvh,780px);overflow:auto;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:0;background:#05080d;color:#f3f7fa;box-shadow:0 38px 120px rgba(0,0,0,.74)}
.studio-qr-dialog::backdrop{background:rgba(0,2,6,.82);backdrop-filter:blur(12px)}
.studio-qr-shell{position:relative;display:grid;justify-items:center;padding:34px;text-align:center}
.studio-qr-close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.03);color:#dfe8ef;font:inherit;font-size:1.35rem;cursor:pointer}
.studio-qr-close:hover{border-color:#5cdfff;color:#5cdfff}
.studio-qr-close:focus-visible,.studio-qr-actions button:focus-visible{outline:3px solid #5cdfff;outline-offset:3px}
.studio-qr-shell>.inner-kicker{margin:0;color:#5cdfff}
.studio-qr-shell>h2{max-width:15ch;margin:10px 42px 0;font-size:clamp(2.25rem,8vw,3.6rem);line-height:.96;letter-spacing:-.05em}
.studio-qr-shell>#studio-qr-description{max-width:46ch;margin:15px 0 0;color:#8796a4;font-size:.74rem;line-height:1.6}
.studio-qr-ready{--qr-card-background:#f3f5f7;--qr-card-foreground:#07101a;--qr-card-muted:#53606d;--qr-card-accent:#05070a;width:100%;display:grid;justify-items:center;margin-top:25px;border:1px solid color-mix(in srgb,var(--qr-card-accent) 25%,transparent);border-radius:26px;padding:24px;background:var(--qr-card-background);color:var(--qr-card-foreground);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.studio-qr-frame{width:min(100%,350px);aspect-ratio:1;border-radius:23px;padding:14px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.36)}
.studio-qr-frame img{display:block;width:100%;height:100%;object-fit:contain}
.studio-qr-ready>strong{margin-top:18px;color:var(--qr-card-foreground);font-size:1rem}
.studio-qr-ready>a{max-width:100%;margin-top:7px;overflow-wrap:anywhere;color:var(--qr-card-muted);font-size:.63rem;text-decoration:underline;text-underline-offset:4px}
.studio-qr-brand{display:grid;justify-items:center;gap:4px;margin-top:18px;color:var(--qr-card-muted);font-size:.58rem}
.studio-qr-brand img{display:block;width:52px;height:auto;transform:translateX(4.6%);filter:grayscale(1);opacity:.72}
.studio-qr-draft-note{margin:14px 0 0;border-radius:999px;padding:7px 11px;background:rgba(255,197,107,.09);color:#ffd38f;font-size:.6rem;font-weight:680}
.studio-qr-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.studio-qr-actions button{min-height:48px;border:1px solid color-mix(in srgb,var(--qr-card-accent) 42%,transparent);border-radius:999px;padding:9px 12px;background:color-mix(in srgb,var(--qr-card-accent) 9%,transparent);color:var(--qr-card-foreground);font:inherit;font-size:.66rem;font-weight:760;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.studio-qr-actions button:hover{border-color:var(--qr-card-accent);background:color-mix(in srgb,var(--qr-card-accent) 14%,transparent);transform:translateY(-1px)}
.studio-qr-actions button:disabled{cursor:wait;opacity:.55;transform:none}
.studio-qr-empty{margin-top:25px;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;background:rgba(255,255,255,.025)}
.studio-qr-empty h3{margin:0;color:#eef3f7;font-size:1rem}
.studio-qr-empty p{margin:9px 0 0;color:#81909d;font-size:.7rem;line-height:1.6}
.studio-qr-status{width:100%;margin-top:17px}
@media(max-width:620px){.studio-qr-dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.studio-qr-shell{min-height:100%;padding:28px 20px calc(28px + env(safe-area-inset-bottom))}.studio-qr-actions{grid-template-columns:1fr}.studio-qr-actions button{min-height:52px}.profile-preview-qr-open{top:14px;right:14px}}
.profile-segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px}
.profile-segmented-control label,.profile-choice-stack label{position:relative;cursor:pointer}
.profile-segmented-control input,.profile-choice-stack input{position:absolute;width:1px;height:1px;opacity:0}
.profile-segmented-control span{display:grid;place-items:center;min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#080b10;color:#8c98a4;font-size:.67rem;font-weight:740}
.profile-segmented-control input:checked+span{border-color:#5cdfff;background:rgba(92,223,255,.09);color:#e8faff;box-shadow:0 0 0 1px rgba(92,223,255,.16)}
.profile-segmented-control input:focus-visible+span,.profile-choice-stack input:focus-visible+span,.profile-color-swatch:focus-visible,.profile-color-trigger:focus-visible,.profile-gradient-trigger:focus-visible{outline:3px solid #5cdfff;outline-offset:3px}
.profile-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-color-grid[hidden]{display:none}
.profile-color-field,.profile-gradient-field{min-width:0;display:grid;gap:9px;color:#9ba7b3;font-size:.63rem;font-weight:720}
.profile-color-label{color:#c3ccd5}
.profile-setting-help{min-height:2.7em;color:#758391;font-size:.55rem;font-weight:560;line-height:1.35}
.profile-setting-intro{margin:-2px 0 11px;color:#758391;font-size:.58rem;line-height:1.45}
.profile-color-trigger,.profile-gradient-trigger{width:100%;min-height:46px;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:10px;border:1px solid var(--studio-border);border-radius:var(--studio-control-radius);padding:6px 11px 6px 7px;background:#080c11;color:#eef3f8;font:inherit;font-size:.7rem;font-weight:700;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.profile-color-trigger:hover,.profile-gradient-trigger:hover{border-color:var(--studio-border-hover);background:#0a0f15}
.profile-color-trigger[aria-expanded="true"],.profile-gradient-trigger[aria-expanded="true"]{border-color:#5cdfff;box-shadow:0 0 0 3px rgba(92,223,255,.12)}
.profile-color-trigger>svg,.profile-gradient-trigger>svg{width:15px;height:15px;color:#74818e;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease}
.profile-color-trigger[aria-expanded="true"]>svg,.profile-gradient-trigger[aria-expanded="true"]>svg{transform:rotate(180deg)}
.profile-color-indicator{width:32px;height:32px;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:var(--profile-color,#0a0e16);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 5px 14px rgba(0,0,0,.2)}
.profile-gradient-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(92,223,255,.09);color:#7fe6ff;font-size:1rem}
.profile-select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;border:0!important;padding:0!important;white-space:nowrap!important}
.profile-floating-menu{position:fixed;z-index:1100;overflow-x:hidden;overflow-y:auto;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:8px;background:#0b0f15;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(92,223,255,.06);scrollbar-width:thin;scrollbar-color:#52616f #0b0f15}
.profile-floating-menu[hidden]{display:none}
.profile-color-menu{display:grid;gap:12px}
.profile-color-menu-title{margin:2px 4px 0;color:#e9eff6;font-size:.69rem;font-weight:760}
.profile-color-presets{display:grid;grid-template-columns:repeat(5,minmax(34px,1fr));gap:9px;padding:3px}
.profile-color-swatch{position:relative;width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;padding:0;background:var(--profile-swatch-color);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2),0 5px 14px rgba(0,0,0,.18);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.profile-color-swatch:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.5)}
.profile-color-swatch[aria-checked="true"]{border-color:#f6fbff;box-shadow:0 0 0 3px #121923,0 0 0 5px #5cdfff,0 6px 16px rgba(0,0,0,.22)}
.profile-color-swatch[aria-checked="true"]::after{content:"";position:absolute;inset:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px rgba(0,0,0,.48);color:#fff}
.profile-color-swatch[data-custom="true"]::before{content:"";position:absolute;inset:-5px;border:1px dashed rgba(255,255,255,.48);border-radius:50%}
.profile-color-trigger[data-invalid]{border-color:#ff8a8a;box-shadow:0 0 0 2px rgba(255,138,138,.12)}
.profile-color-custom{display:grid;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:12px 5px 4px;color:#c9d2dc;font-size:.66rem;font-weight:690}
.profile-color-custom-heading{display:grid;grid-template-columns:minmax(0,1fr) 22px 46px;align-items:center;gap:10px}
.profile-color-custom small{display:block;margin-top:3px;color:#74818e;font-size:.56rem;font-weight:560;line-height:1.35}
.profile-color-custom input[type="color"]{width:44px;height:34px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:3px;background:#080b10;cursor:pointer}
.profile-color-custom-sample{width:22px;height:22px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:var(--profile-custom-color,#0a0e16);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.profile-color-custom-sample[data-invalid]{outline:2px solid #ff8a8a;outline-offset:2px}
.profile-color-custom-controls{display:grid;gap:9px}
.profile-color-custom-controls label{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:9px;color:#8996a3;font-size:.58rem;font-weight:650}
.profile-color-custom-controls input[type="range"]{width:100%;margin:0;accent-color:#5cdfff;cursor:pointer}
.profile-color-custom-actions{display:flex;justify-content:flex-end;gap:7px}
.profile-color-custom-actions button{min-height:36px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:7px 13px;background:transparent;color:#aeb9c4;font:inherit;font-size:.59rem;font-weight:720;cursor:pointer}
.profile-color-custom-actions button:last-child{border-color:rgba(92,223,255,.38);background:rgba(92,223,255,.1);color:#e9fbff}
.profile-color-custom-actions button:focus-visible,.profile-color-custom-controls input:focus-visible,.profile-color-custom input[type="color"]:focus-visible{outline:3px solid #5cdfff;outline-offset:3px}
.profile-gradient-menu{display:grid;gap:3px}
.profile-gradient-option{width:100%;min-height:42px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:11px;padding:6px 9px;background:transparent;color:#cbd5df;font:inherit;font-size:.7rem;font-weight:680;text-align:left;cursor:pointer}
.profile-gradient-option:hover,.profile-gradient-option:focus-visible{outline:0;background:rgba(255,255,255,.065);color:#fff}
.profile-gradient-option[aria-selected="true"]{background:rgba(92,223,255,.1);color:#effcff}
.profile-gradient-option[aria-selected="true"]::after{content:"";width:7px;height:7px;border-radius:50%;background:#5cdfff;box-shadow:0 0 0 4px rgba(92,223,255,.09)}
.profile-gradient-option-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(92,223,255,.09);color:#7fe6ff;font-size:.95rem}
.profile-design-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-choice-stack{display:grid;gap:7px}
.profile-choice-stack span{display:grid;gap:2px;min-height:57px;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:10px 12px;background:#080b10}
.profile-choice-stack input:checked+span{border-color:#a99cff;background:rgba(169,156,255,.08);box-shadow:0 0 0 1px rgba(169,156,255,.14)}
.profile-choice-stack strong{color:#e5edf5;font-size:.68rem}
.profile-choice-stack small{color:#72808c;font-size:.58rem;line-height:1.4}
.profile-design-note{display:grid;gap:7px;margin-top:18px;border-left:2px solid #a99cff;padding:15px 17px;background:rgba(169,156,255,.06)}
.profile-design-note strong{color:#e8e2fa;font-size:.74rem}
.profile-design-note p{margin:0;color:#818b98;font-size:.66rem;line-height:1.55}
.profile-design-note[data-type="error"]{border-left-color:#ff7a86;background:rgba(255,122,134,.06)}
.profile-design-note[data-type="error"] strong,.profile-design-note[data-type="error"] p:first-of-type{color:#ffc0c6}
.profile-design-reset{justify-self:start;min-height:42px}
.profile-preview-label{align-items:center}
.profile-preview-label>div{display:grid;gap:3px}
.profile-preview-label>div span{color:#6f7a85;font-size:.64rem}
.profile-preview-label>button{display:none;border:0;background:transparent;color:#5cdfff;font:inherit;font-size:.7rem;font-weight:760;cursor:pointer}
.profile-preview-card{--studio-background:linear-gradient(135deg,#0a0e16,#18273d);--studio-background-base:#0a0e16;--studio-background-end:#18273d;--studio-surface:#131b28;--studio-text:#f7f8fb;--studio-muted:#aeb8c8;--studio-accent:#7fd3ff;--studio-button:#7fd3ff;--studio-button-text:#07101a;--studio-font-body:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--studio-font-display:var(--studio-font-body);background:var(--studio-background);color:var(--studio-text);font-family:var(--studio-font-body)}
.profile-preview-card .profile-preview-cover-fallback{background:radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--studio-accent) 52%,transparent),transparent 12rem),linear-gradient(128deg,var(--studio-surface),var(--studio-background-end))}
.profile-preview-card .profile-preview-avatar{border-color:var(--studio-background-base);background:var(--studio-surface)}
.profile-preview-card .profile-preview-initials{background:linear-gradient(135deg,var(--studio-accent),color-mix(in srgb,var(--studio-accent) 62%,#a99cff));color:var(--studio-button-text)}
.profile-preview-card .profile-preview-identity h2{color:var(--studio-text)}
.profile-preview-card .profile-preview-identity h2{font-family:var(--studio-font-display)}
.profile-preview-card .profile-preview-identity p,.profile-preview-card .profile-preview-bio,.profile-preview-card .profile-preview-contact span{color:var(--studio-muted)}
.profile-preview-card .profile-preview-actions span:first-child{background:var(--studio-button);color:var(--studio-button-text)}
.profile-preview-card .profile-preview-actions span:last-child,.profile-preview-card .profile-preview-link-mark{color:var(--studio-accent)}
.profile-preview-card .profile-preview-link,.profile-preview-card .profile-preview-contact span{border-color:color-mix(in srgb,var(--studio-text) 18%,transparent);background:color-mix(in srgb,var(--studio-surface) 80%,transparent)}
.profile-preview-card[data-studio-button-style="rounded"] .profile-preview-actions span:first-child,.profile-preview-card[data-studio-button-style="rounded"] .profile-preview-link{border-radius:999px}
.profile-preview-card[data-studio-button-style="minimal"] .profile-preview-actions span:first-child{justify-content:flex-start;border:0;border-bottom:1px solid currentColor;border-radius:0;padding-inline:0;background:transparent;color:var(--studio-button)}
.profile-preview-card[data-studio-button-style="minimal"] .profile-preview-link{border-width:0 0 1px;border-radius:0;padding-inline:3px;background:transparent;color:var(--studio-button)}
.profile-preview-card[data-studio-button-style="card"] .profile-preview-actions span:first-child,.profile-preview-card[data-studio-button-style="card"] .profile-preview-link{border-radius:9px;box-shadow:0 8px 24px color-mix(in srgb,var(--studio-background-base) 48%,transparent)}
.profile-preview-card[data-studio-typography="editorial"]{--studio-font-display:Georgia,"Times New Roman",serif}
.profile-preview-card[data-studio-typography="editorial"] .profile-preview-identity h2{font-weight:600;letter-spacing:-.045em}
.profile-preview-card[data-studio-typography="technical"]{--studio-font-body:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--studio-font-display:var(--studio-font-body)}
.profile-preview-card[data-studio-typography="technical"] .profile-preview-identity h2{font-size:2.15rem;letter-spacing:-.04em}
.profile-preview-link-mark svg{width:16px;height:16px;fill:currentColor}
.profile-preview-footer{width:100%;display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;align-items:start;gap:10px;text-align:center}
.profile-preview-state{color:var(--studio-muted);font-size:.58rem;opacity:.78}
.profile-preview-state{justify-self:center}
.profile-preview-brand{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;justify-self:stretch;width:100%;gap:4px;text-align:center}
.profile-preview-brand img{display:block;justify-self:center;width:44px;height:auto;margin-inline:auto;transform:translateX(4.6%);filter:grayscale(1);opacity:.72}
.profile-preview-brand span{color:var(--studio-muted);font-size:.56rem}
.profile-preview-backdrop{display:none}
.profile-form-actions{border-top:1px solid rgba(255,255,255,.09)}
@media(min-width:901px){
  .profile-workspace{grid-template-rows:auto minmax(calc(100dvh - 20px),auto)}
  .profile-editor-panel{position:sticky;top:158px;min-width:0;height:calc(100dvh - 178px);min-height:420px;display:grid;grid-template-rows:auto minmax(0,1fr)}
  .profile-studio-tabs{position:relative;top:auto}
  .profile-form{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#53616f #080b10}
  .profile-form::-webkit-scrollbar{width:10px}
  .profile-form::-webkit-scrollbar-track{background:#080b10}
  .profile-form::-webkit-scrollbar-thumb{border:2px solid #080b10;border-radius:999px;background:#53616f}
  .profile-form:focus-visible{outline:2px solid rgba(92,223,255,.72);outline-offset:-2px}
  .profile-preview-wrap{align-self:start;max-height:calc(100dvh - 178px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#53616f transparent}
}
@keyframes profile-state-pulse{50%{opacity:.4}}
@keyframes studio-panel-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

@media(max-width:1050px){
  .profile-studio-command{top:69px}
  .profile-studio-tabs{top:155px}
}
@media(min-width:901px) and (max-width:1050px){
  .profile-editor-panel,.profile-preview-wrap{top:155px;max-height:calc(100dvh - 175px)}
  .profile-editor-panel{height:calc(100dvh - 175px)}
  .profile-studio-tabs{top:auto}
}
@media(max-width:900px){
  .profile-workspace{display:block}
  .profile-studio-command{margin-bottom:16px}
  .profile-editor-panel{position:static;height:auto;min-height:0;display:block;overflow:clip;border-radius:18px}
  .profile-form{overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto}
  .profile-preview-open{display:inline-flex;align-items:center;justify-content:center}
  .profile-preview-wrap{position:fixed;z-index:120;inset:0;max-width:none;overflow:auto;visibility:hidden;padding:22px max(16px,calc((100vw - 680px)/2)) 48px;background:rgba(3,5,9,.96);opacity:0;transform:translateY(14px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
  .profile-preview-wrap[data-open="true"]{visibility:visible;opacity:1;transform:none}
  .profile-preview-wrap .profile-preview-label{margin-bottom:16px}
  .profile-preview-label>button{display:block}
  .profile-preview-backdrop{display:none!important}
  body.profile-preview-active{overflow:hidden}
}
@media(max-width:620px){
  .profile-shell{width:calc(100% - 24px)}
  .profile-studio-command{top:62px;align-items:stretch;flex-direction:column;gap:12px;border-radius:15px;padding:13px}
  .profile-studio-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .profile-studio-actions button{width:100%;min-width:0;padding-inline:9px}
  .profile-studio-tabs{top:184px;overflow-x:auto;grid-template-columns:repeat(4,minmax(92px,1fr));padding:0 8px;scrollbar-width:none}
  .profile-studio-tabs::-webkit-scrollbar{display:none}
  .profile-studio-tabs button{min-height:58px;padding:0 8px}
  .profile-studio-tabs button span{display:block;margin:0 0 2px}
  .profile-editor-section{padding:24px 17px}
  .profile-link-composer>div{grid-template-columns:1fr}
  .profile-link-composer button{width:100%}
  .profile-theme-grid{grid-template-columns:1fr}
  .profile-theme-option{grid-template-columns:86px minmax(0,1fr);align-items:center}
  .profile-theme-option strong,.profile-theme-option small{grid-column:2}
  .profile-theme-option strong{align-self:end}
  .profile-theme-option small{align-self:start}
  .profile-theme-swatch{grid-row:1/3;height:62px}
  .profile-color-grid,.profile-design-split{grid-template-columns:1fr}
  .profile-qr-color-layout{grid-template-columns:1fr}
  .profile-qr-color-preview{width:96px;justify-self:start}
  .profile-link-row{grid-template-columns:1fr}
  .profile-link-order{grid-auto-flow:column;justify-content:start}
  .profile-link-fields{grid-template-columns:1fr}
  .profile-link-identity,.profile-link-url,.profile-link-controls{grid-column:1}
  .profile-link-order button{width:42px;height:42px}
  .profile-preview-wrap{padding-top:16px}
  .profile-preview-card{border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  .profile-section-panel,.profile-studio-command[data-state="saving"] .profile-state-dot{animation:none}
  .profile-link-row,.profile-preview-wrap,.profile-toggle,.profile-toggle-track,.profile-toggle-track>span,.profile-platform-trigger,.profile-platform-chevron,.profile-qr-color-preview,.studio-qr-actions button{transition:none}
}

/* Official PLOSH application palette; profile-preview theme variables remain owner controlled. */
.auth-main,.account-main,.activation-main,.profile-main{background:#080808;color:#E8E8E8}
.auth-panel,.account-card,.account-products-empty,.account-product,.activation-success,.profile-editor-panel{border-color:rgba(232,232,232,.1);background:rgba(232,232,232,.035)}
.profile-workspace{--studio-border:rgba(232,232,232,.12);--studio-border-hover:rgba(0,127,252,.5)}
.profile-studio-command{border-color:rgba(232,232,232,.12);background:rgba(8,8,8,.95)}
.profile-editor-panel{background:rgba(232,232,232,.035)}
.profile-editor-panel .auth-field input,.profile-editor-panel .auth-field textarea,.profile-editor-panel .auth-field select,.profile-link-composer input,.profile-platform-menu,.profile-floating-menu{background:#080808;color:#E8E8E8}
.profile-studio-tabs{background:#080808}
.auth-field input:focus,.auth-field textarea:focus,.auth-field select:focus,.profile-link-composer input:focus,.profile-platform-trigger:focus-visible,.profile-platform-trigger[aria-expanded="true"],.profile-color-trigger[aria-expanded="true"],.profile-gradient-trigger[aria-expanded="true"]{border-color:var(--brand-blue,#007FFC);box-shadow:0 0 0 3px rgba(0,127,252,.14)}
.auth-status,.profile-inline-status{border-color:var(--brand-blue,#007FFC);background:rgba(0,127,252,.08)}
.account-products-heading a,.account-destination-link,.profile-back-link:hover,.profile-media-actions button,.profile-text-button,.profile-public-link button,.profile-link-order button,.profile-preview-label>button,.studio-qr-shell>.inner-kicker{color:var(--brand-blue,#007FFC)}
.account-products-heading a,.account-destination-link{border-color:rgba(0,127,252,.5)}
.account-logout:hover,.account-destination-action:hover{border-color:var(--brand-blue,#007FFC);color:var(--brand-blue,#007FFC)}
.account-destination-action{border-color:rgba(0,127,252,.48);background:rgba(0,127,252,.08);color:var(--brand-blue,#007FFC)}
.profile-toggle>input:checked+.profile-toggle-track{border-color:var(--brand-blue,#007FFC);background:rgba(0,127,252,.24);box-shadow:0 0 0 1px rgba(0,127,252,.12),inset 0 1px 3px rgba(0,0,0,.22)}
.profile-toggle>input:checked+.profile-toggle-track>span{background:var(--brand-blue,#007FFC)}
.profile-toggle>input:focus-visible+.profile-toggle-track{outline-color:var(--brand-blue,#007FFC)}
.profile-toggle:has(input:checked){border-color:rgba(0,127,252,.3);background:rgba(0,127,252,.065)}
.profile-link-controls input,.profile-color-custom-controls input[type="range"]{accent-color:var(--brand-blue,#007FFC)}
.profile-state-dot,.profile-studio-command[data-state="saving"] .profile-state-dot{background:var(--brand-blue,#007FFC);box-shadow:0 0 0 5px rgba(0,127,252,.1)}
.profile-command-secondary:hover{border-color:rgba(0,127,252,.55);color:var(--brand-blue,#007FFC)}
.profile-command-secondary:focus-visible,.profile-studio-tabs button:focus-visible,.profile-theme-option:focus-within,.profile-link-drag:focus-visible,.profile-preview-label button:focus-visible,.profile-studio-actions .primary-action:focus-visible,.profile-form-actions .primary-action:focus-visible,.profile-qr-color-preview:focus-visible,.studio-qr-close:focus-visible,.studio-qr-actions button:focus-visible,.profile-segmented-control input:focus-visible+span,.profile-choice-stack input:focus-visible+span,.profile-color-swatch:focus-visible,.profile-color-trigger:focus-visible,.profile-gradient-trigger:focus-visible,.profile-color-custom-actions button:focus-visible,.profile-color-custom-controls input:focus-visible,.profile-color-custom input[type="color"]:focus-visible{outline-color:var(--brand-blue,#007FFC)}
.profile-studio-tabs button[aria-selected="true"]{border-color:var(--brand-blue,#007FFC);color:#E8E8E8}
.profile-studio-tabs button[aria-selected="true"] span,.profile-link-order .profile-link-drag{color:var(--brand-blue,#007FFC)}
.profile-link-composer{border-color:rgba(0,127,252,.3);background:rgba(0,127,252,.055)}
.profile-link-row[data-dragging="true"],.profile-theme-option:has(input:checked){border-color:var(--brand-blue,#007FFC)}
.profile-link-icon,.profile-platform-trigger-icon,.profile-platform-option-icon,.profile-gradient-icon,.profile-gradient-option-icon{background:rgba(0,127,252,.1);color:var(--brand-blue,#007FFC)}
.profile-platform-option[aria-selected="true"],.profile-gradient-option[aria-selected="true"],.profile-segmented-control input:checked+span{background:rgba(0,127,252,.12);color:#E8E8E8}
.profile-platform-option[aria-selected="true"]::after,.profile-gradient-option[aria-selected="true"]::after{background:var(--brand-blue,#007FFC);box-shadow:0 0 0 4px rgba(0,127,252,.1)}
.profile-color-swatch[aria-checked="true"]{box-shadow:0 0 0 3px #080808,0 0 0 5px var(--brand-blue,#007FFC),0 6px 16px rgba(0,0,0,.22)}
.profile-color-custom-actions button:last-child{border-color:rgba(0,127,252,.5);background:rgba(0,127,252,.1);color:#E8E8E8}
.profile-qr-color-preview:hover,.studio-qr-close:hover{border-color:var(--brand-blue,#007FFC);color:var(--brand-blue,#007FFC)}
.profile-form:focus-visible{outline-color:rgba(0,127,252,.72)}
.profile-preview-link{grid-template-columns:34px minmax(0,1fr)}
