/* Interface typography and spacing; public profile choices remain independent. */
.collection-studio,.obsidian-auth{--ui-text:#eeeaf4;--ui-muted:#b5acbf;--ui-line:#ffffff12;font-family:Inter,Manrope,sans-serif;color:var(--ui-text);font-size:15px;line-height:1.5}
.collection-studio *{min-width:0}
.collection-studio button,.collection-studio input,.collection-studio select,.collection-studio textarea{font-family:Inter,Manrope,sans-serif}
.collection-studio .eyebrow{font-family:Manrope,Inter,sans-serif;font-weight:650}
.collection-studio .studio-heading{gap:24px;align-items:center}
.collection-studio .studio-heading h1{margin:8px 0 0;font-size:32px}
.collection-studio .studio-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:auto}
.collection-studio .studio-actions .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.3}
.collection-studio .studio-actions svg{width:17px;height:17px}
.preview-toggle[aria-pressed=true]{border-color:#bc9ce64d;background:#ad83dd12}
.studio-workspace[data-preview=false] .studio-grid{grid-template-columns:minmax(0,1fr)}
.studio-workspace[data-preview=false] .live-preview{display:none}
.collection-studio .studio-sidebar{padding:16px 10px;gap:5px}
.collection-studio .studio-sidebar button{font-family:Inter,Manrope,sans-serif;font-size:14px;line-height:1.45}
.collection-studio .studio-sidebar button[hidden]{display:none}
.collection-studio .studio-search{display:flex;align-items:center;gap:8px;border:1px solid var(--ui-line);border-radius:11px;padding:0 10px;background:#08070b55;margin:0 0 12px;height:42px}
.studio-search>svg{width:15px;height:15px;color:#b7a7cb}
.studio-search input{width:100%;font:400 12px Inter,sans-serif;border:0;background:transparent;color:#eeeaf4;padding:0;min-width:0;height:100%;outline-offset:2px}
.studio-search input::placeholder{color:#a89bb8}
.obsidian-auth .username-field input{border:0!important;box-shadow:none!important}
.studio-search-status{font-size:11px;padding:0 12px;color:#c2b5d3}
.studio-search-status:empty{display:none}
.studio-sidebar.is-searching>.eyebrow,.studio-sidebar.is-searching>.sidebar-signature{display:none}
.collection-studio .editor{min-width:0}
.collection-studio .editor>section{margin:0 0 20px;padding:28px;background:linear-gradient(135deg,#1b1721,#121015);border-color:var(--ui-line)}
.collection-studio .editor h2{font:650 21px/1.35 Manrope,Inter,sans-serif;color:#f3edf9;margin:0 0 24px;letter-spacing:-.5px}
.collection-studio .editor h2>span{color:inherit}
.collection-studio .editor label{display:block;font:500 14px/1.5 Inter,Manrope,sans-serif;color:#d4cadf;margin:0 0 20px}
.collection-studio .editor input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),.collection-studio .editor select,.collection-studio .editor textarea{display:block;width:100%;height:46px;min-height:46px;margin-top:8px;padding:11px 13px;border:1px solid #ffffff16;border-radius:11px;background:#0b090f99;font:400 14px/1.5 Inter,Manrope,sans-serif;color:#f0e9f7;box-shadow:none}
.collection-studio .editor textarea{height:auto;min-height:100px;resize:vertical}
.collection-studio .editor input::placeholder,.collection-studio .editor textarea::placeholder{color:#8f849d;opacity:1}
.collection-studio .editor input:focus,.collection-studio .editor textarea:focus,.collection-studio .editor select:focus{border-color:#b394d488}
.collection-studio .editor .field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.collection-studio .editor input[type=color]{width:100%;height:46px;padding:5px;margin-top:8px;border:1px solid #ffffff16;border-radius:11px;background:#0b090f99;cursor:pointer}
.collection-studio .editor input[type=range]{display:block;width:100%;height:22px;min-height:22px;margin:10px 0 0;accent-color:#bea0e5}
.collection-studio .editor .range-label output{font:500 12px Inter,sans-serif;color:#dbcaef;background:#b394d412;padding:3px 7px;border-radius:6px;white-space:nowrap}
.collection-studio .editor .design-details{padding:20px;margin:18px 0;border:1px solid #ffffff0e;border-radius:15px;background:#ffffff02}
.collection-studio .editor .design-details>summary{font:600 15px/1.5 Inter,Manrope,sans-serif;color:#e3d9ee;padding:0;cursor:pointer}
.collection-studio .editor .design-details[open]>summary{margin-bottom:22px}
.collection-studio .editor .detail-content{padding:0}
.collection-studio .editor .detail-content>label:last-child,.collection-studio .editor .field-pair>label{margin-bottom:0}
.collection-studio .editor .detail-content>.field-pair{margin-bottom:22px}
.collection-studio .editor .detail-content>label{margin-bottom:22px}
.collection-studio .editor .studio-flat{padding:0;margin:0;background:none;border:0}
.collection-studio .editor .studio-flat>summary{display:none}
.collection-studio .editor .motion-toggle{display:flex;align-items:center;gap:11px;padding:14px 15px;background:#ffffff03;border:1px solid var(--ui-line);border-radius:11px;font-weight:450;min-height:49px}
.collection-studio .editor .motion-toggle input{width:18px;height:18px;margin:0;accent-color:#c2a0eb;flex-shrink:0}
.collection-studio .editor small,.collection-studio .editor .design-hint,.collection-studio .music-feedback{font:400 12px/1.6 Inter,Manrope,sans-serif;color:#a99bb9}
.collection-studio .editor .upload-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px}
.collection-studio .editor .upload-controls .upload-button{margin:0;min-height:42px;padding:10px 14px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px}
.collection-studio .editor .upload-controls button{font-size:12px;min-height:38px;padding:9px 12px;border-radius:9px;line-height:1.4}
.collection-studio .editor .upload-controls small,.collection-studio .editor .upload-status{flex-basis:100%;margin:0;font-size:11px}
.collection-studio .editor .theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}
.collection-studio .editor .theme-choice{display:flex;flex-direction:column;height:100%;min-width:0;border-radius:14px;padding-bottom:15px}
.collection-studio .editor .theme-art{height:134px;width:100%;flex-shrink:0}
.collection-studio .editor .theme-choice strong{font:600 14px/1.5 Inter,sans-serif;margin:12px 13px 0}
.collection-studio .editor .theme-choice small{font:400 11px/1.5 Inter,sans-serif;margin:5px 13px 0}
.collection-studio .editor .background-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}
.collection-studio .editor .background-choice{padding:0 0 10px;border-radius:11px;overflow:hidden;line-height:1.5;font-size:12px}
.collection-studio .editor .background-swatch{height:72px;margin-bottom:9px}
.collection-studio .editor .badge-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.collection-studio .editor .badge-catalog>div{padding:16px 12px;border-radius:13px;height:100%}
.collection-studio .editor .badge-catalog strong{font:550 13px/1.5 Inter,sans-serif}
.collection-studio .editor .badge-catalog label{margin-bottom:0}
.collection-studio .save-bar{gap:15px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px}
.collection-studio .save-bar .button{padding:11px 16px;font-size:13px;min-height:43px;flex-shrink:0}
.collection-studio .save-bar>span{font-size:12px;color:#b9a8cb}
.collection-studio .live-preview{border:1px solid #ffffff0d;background:#100d15;border-radius:20px;padding:12px}
.collection-studio .preview-toolbar{font-size:10px;line-height:1.5;padding:8px 4px 17px;letter-spacing:.7px}
.collection-studio .preview-stage{border-radius:14px}
.collection-studio .preview-footer{margin:12px 0 0;min-height:43px;padding:10px 12px;font:12px/1.5 Inter,sans-serif}
.collection-studio .preview-tip{font:11px/1.5 Inter,sans-serif;color:#a294b1;margin:12px 5px 3px}
.collection-studio .dashboard-progress{appearance:none;display:block;width:100%;height:7px;margin:0 0 17px;border:0;border-radius:10px;overflow:hidden;background:#ffffff0a;accent-color:#b899dd}
.dashboard-progress::-webkit-progress-bar{background:#ffffff0a;border-radius:10px}
.dashboard-progress::-webkit-progress-value{background:linear-gradient(90deg,#8264a6,#ceb3f0);border-radius:10px}
.collection-studio .dashboard-stats{gap:16px}
.collection-studio .dashboard-stat{min-height:117px;padding:21px;border-radius:16px}
.collection-studio .dashboard-stat span{font-size:13px;color:#c1b4cf;align-self:center}
.collection-studio .dashboard-stat strong{font:650 32px/1.2 Manrope,Inter,sans-serif;overflow-wrap:anywhere;color:#f1e9fa}
.collection-studio .dashboard-section-heading{margin-top:28px;margin-bottom:16px}
.collection-studio .dashboard-section-heading h2{font-size:18px!important}
.collection-studio .dashboard-section-heading>span,.collection-studio .dashboard-section-heading button{font-size:12px}
.collection-studio .dashboard-account{padding:22px;gap:20px}
.collection-studio .dashboard-account>div{min-width:120px}
.collection-studio .dashboard-account span{font-size:12px}
.collection-studio .dashboard-account strong{font-size:15px}
.collection-studio .dashboard-checklist button{min-height:52px;padding:14px 16px;font-size:14px;border-radius:12px}
.collection-studio .dashboard-designs{gap:16px;align-items:stretch}
.collection-studio .dashboard-design{display:flex;flex-direction:column;min-height:240px;padding-bottom:17px}
.collection-studio .dashboard-mini{width:100%;min-height:170px}
.collection-studio .dashboard-design>strong{font-size:14px;margin-top:14px}
.collection-studio .dashboard-design>small{font-size:12px;line-height:1.5}
.link-platforms{container-type:inline-size;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;background:#0b090f66;border:1px solid var(--ui-line);border-radius:15px;margin-bottom:24px}
.platform-choice{display:grid;justify-items:center;align-content:center;grid-template-rows:24px auto;flex:0 1 clamp(78px,22cqi,94px);gap:8px;min-height:76px;padding:10px 5px;border:1px solid #ffffff16;border-radius:11px;color:#e1d6ed;background:#ffffff06;text-align:center;cursor:pointer}
.platform-choice:hover{background:#b294d714;border-color:#b294d74d}
.platform-choice svg{display:block;width:24px;height:24px;color:var(--brand-color,#c7b0e5)}
.platform-choice span{font:500 11px/1.25 Inter,sans-serif;overflow-wrap:anywhere}
.collection-studio .editor .link-row{display:grid;grid-template-columns:38px minmax(0,1fr) 38px 38px;gap:10px;align-items:center;padding:14px;margin-bottom:14px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff02}
.link-row-symbol{grid-column:1;grid-row:1;display:grid;place-items:center;color:#c6addf;width:36px;height:36px;border-radius:10px;background:#bd9be214}
.collection-studio .editor .link-row input{margin:0!important}
.collection-studio .editor .link-row [name=link-label]{grid-column:2/4;grid-row:1}
.collection-studio .editor .link-row [name=link-url]{grid-column:1/5;grid-row:2}
.collection-studio .editor .link-row [name=link-icon]{grid-column:1/3;grid-row:3;margin:0}
.collection-studio .editor .link-row .link-order{grid-column:3/5;grid-row:3;display:flex;justify-content:flex-end;gap:8px;margin:0}
.collection-studio .editor .link-row .link-order button,.collection-studio .editor .link-row .remove-link{width:36px;height:36px;padding:8px;border-radius:9px;display:grid;place-items:center;border:1px solid #ffffff10;line-height:1;color:#c8b8d8}
.collection-studio .editor .link-row .remove-link{grid-column:4;grid-row:1;margin:0}
.collection-studio .editor .link-row .remove-link:hover{background:#e17e9914;color:#efb6c5;border-color:#e17e9944}
.collection-studio .editor .add-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;border:1px dashed #b295d14d;border-radius:11px;font-size:13px;color:#d5c3e7;padding:12px}
.obsidian-auth .auth-card{font-family:Inter,Manrope,sans-serif}
.auth-emblem{display:block;object-fit:contain;margin-bottom:23px}
.obsidian-auth .auth-kicker{font:600 10px/1.5 Inter,sans-serif;letter-spacing:1.5px;color:#bb9fde}
.obsidian-auth .auth-card label{font:500 14px/1.5 Inter,sans-serif;color:#d5ccdf;margin:0 0 20px;display:block}
.obsidian-auth .auth-card input{font:400 15px/1.5 Inter,sans-serif;min-height:48px;border-radius:11px;color:#eee6f7}
.obsidian-auth .username-field{display:flex;align-items:center;min-height:48px;border-radius:11px;margin-top:9px;padding-left:13px}
.obsidian-auth .username-field span{font-size:13px;white-space:nowrap;color:#ad99c2}
.obsidian-auth .username-field input{min-width:0;margin:0;background:transparent}
.obsidian-auth .auth-description{font:400 15px/1.7 Inter,sans-serif;color:#b9aec5;margin-bottom:28px}
.obsidian-auth .auth-card .full{min-height:47px;font-size:14px;justify-content:center;border-radius:11px}
.obsidian-auth .switch-auth{font:400 13px/1.6 Inter,sans-serif;color:#b2a6be;margin-top:24px;text-align:center}
.obsidian-auth .switch-auth a{color:#d5b5f8}
.obsidian-auth .back{font-size:12px;color:#baaccc;margin-bottom:27px;display:inline-block}
.obsidian-auth.auth-login{display:block;max-width:480px;width:calc(100% - 36px);margin:58px auto 80px;padding:0;min-height:0}
.auth-login .auth-card{padding:32px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(140deg,#1a1520,#100e14);box-shadow:0 24px 70px #0003;width:100%;max-width:none}
.auth-login .auth-card h1{font:650 27px/1.25 Manrope,Inter,sans-serif;letter-spacing:-.8px;margin:14px 0}
.auth-login .auth-art{display:none}
.obsidian-auth .form-error{font-size:13px;line-height:1.5}
.auth-login .auth-emblem{width:44px;height:44px;margin-bottom:18px}
@media(min-width:1450px){.studio-workspace[data-preview=false] .editor .theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-workspace[data-preview=false] #appearance>.design-details:not(.studio-flat){display:inline-block;vertical-align:top;width:calc(50% - 10px);margin-right:10px}.studio-workspace[data-preview=false] #socials .link-platforms{grid-template-columns:repeat(14,minmax(0,1fr))}}
@media(max-width:1200px){.collection-studio .studio-workspace{grid-template-columns:180px minmax(0,1fr);gap:18px}.collection-studio .studio-grid{grid-template-columns:minmax(0,1fr) 320px;gap:18px}.collection-studio .editor>section{padding:22px}.collection-studio .editor .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-studio .dashboard-stats{gap:10px}.collection-studio .dashboard-stat{padding:14px}.collection-studio .editor .background-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-studio .studio-actions .button{font-size:12px;padding:10px 13px}}
@media(max-width:1000px){.collection-studio .studio-workspace{grid-template-columns:minmax(0,1fr)}.collection-studio .studio-sidebar{display:flex;flex-direction:row;padding:9px}.collection-studio .studio-sidebar .studio-search{display:none}.collection-studio .studio-sidebar button{font-size:12px;white-space:nowrap}.studio-search-status{display:none}}
@media(max-width:720px){.collection-studio .studio-grid{grid-template-columns:minmax(0,1fr)}.collection-studio .studio-heading{gap:20px}.collection-studio .studio-heading h1{font-size:28px}.collection-studio .studio-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-studio .studio-actions .button{font-size:11px;padding:11px 8px;gap:6px;min-height:42px}.collection-studio .studio-actions .button svg{width:14px;height:14px}.collection-studio .studio-actions .preview-toggle{display:none}.collection-studio .studio-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-studio .editor>section{padding:20px;border-radius:16px}.collection-studio .editor h2{font-size:20px;margin-bottom:22px}.collection-studio .editor label{font-size:13px}.collection-studio .editor input:not([type=range]):not([type=color]):not([type=checkbox]):not([type=file]),.collection-studio .editor select,.collection-studio .editor textarea{font-size:16px}.collection-studio .editor .field-pair{gap:12px}.collection-studio .editor .design-details{padding:16px}.collection-studio .editor .studio-flat{padding:0}.collection-studio .editor .background-grid{gap:8px}.collection-studio .editor .theme-grid{gap:10px}.collection-studio .editor .theme-art{height:115px}.collection-studio .editor .theme-choice strong{font-size:13px}.collection-studio .editor .theme-choice small{font-size:10px}.collection-studio .editor .badge-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-studio .dashboard-stats{gap:8px}.collection-studio .dashboard-stat{padding:13px 10px;min-height:100px}.collection-studio .dashboard-stat span{font-size:11px}.collection-studio .dashboard-stat strong{font-size:28px}.collection-studio .dashboard-stat svg{width:14px;height:14px}.collection-studio .dashboard-checklist button{font-size:12px;padding:12px;gap:8px}.collection-studio .dashboard-designs{gap:8px}.collection-studio .dashboard-design{min-height:215px}.collection-studio .dashboard-design>strong{font-size:12px}.collection-studio .dashboard-design>small{font-size:10px}.collection-studio .dashboard-mini{min-height:145px}.collection-studio .editor .link-row{padding:12px;gap:10px;grid-template-columns:30px minmax(0,1fr) 65px 30px}.collection-studio .editor .link-row .remove-link{width:30px;height:32px;padding:6px}.link-row-symbol{width:30px;height:32px}.link-platforms{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:11px}.platform-choice{min-height:71px}.platform-choice span{font-size:9px}.collection-studio .save-bar{gap:10px;padding:12px}.collection-studio .save-bar .button{font-size:12px;padding:10px 12px}.collection-studio .save-bar>span{font-size:11px}.auth-login .auth-card{padding:25px}.obsidian-auth.auth-login{margin-top:30px}.obsidian-auth .auth-card input{font-size:16px}.obsidian-auth .auth-card h1{font-size:28px;letter-spacing:-.6px}.obsidian-auth .auth-assurances{font-size:11px}}
@media(max-width:720px){.collection-studio .studio-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-studio .studio-actions .preview-toggle{display:inline-flex;font-size:10px}}
@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:Outfit;src:url('/assets/outfit.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Lora;src:url('/assets/lora.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Sora;src:url('/assets/sora.woff2') format('woff2');font-style:normal;font-weight:100 800;font-display:swap}
@font-face{font-family:Fraunces;src:url('/assets/fraunces.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.font-dm,.font-dm .profile-card h1,.font-dm .profile-card a{font-family:'DM Sans',Inter,sans-serif}
.font-outfit,.font-outfit .profile-card h1,.font-outfit .profile-card a{font-family:Outfit,Inter,sans-serif}
.font-lora,.font-lora .profile-card h1,.font-lora .profile-card a{font-family:Lora,Georgia,serif}
.font-library{margin:22px 0 26px}.font-library-label{display:block;font:500 13px Inter,sans-serif;color:#cdbfdd;margin-bottom:12px}
.font-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.font-options button,.premium-font-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:104px;padding:14px 8px;border:1px solid #ffffff12;border-radius:12px;color:#dfd1ee;background:#ffffff03;box-shadow:inset 0 1px #ffffff05}
.font-options button>span,.premium-font-card>span{font-family:var(--sample-font),serif;font-size:31px;line-height:1.1;font-weight:500}
.font-options [data-font=mono]>span{font-family:ui-monospace,Consolas,monospace}
.font-options button>strong,.premium-font-card>strong{font:500 11px/1.4 Inter,sans-serif;text-align:center}
.font-options button:hover,.font-options button[aria-pressed=true]{background:#b493d91a;border-color:#c5a0ed77;box-shadow:0 0 20px #bc8dee12,inset 0 1px #ffffff09}
.premium-font-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px;font:550 13px Inter,sans-serif;color:#ddc8ed}
.premium-font-heading>span{font:500 10px Inter,sans-serif;border:1px solid #ccb0f02b;border-radius:20px;padding:5px 8px;color:#bba2d2}
.premium-font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.premium-font-card{background:radial-gradient(ellipse at 50% 0%,#c792e514,transparent 75%),#16101e;border-color:#c292e528;color:#dac0ec}
.premium-font-card small{font-size:10px!important;color:#a58bbd!important;text-align:center}
.collection-studio .dashboard-orb{mask-image:linear-gradient(90deg,transparent 20%,#000 78%);animation:vyre-ambient-breathe 9s ease-in-out infinite alternate}
.collection-studio .dashboard-progress::-moz-progress-bar{background:linear-gradient(90deg,#8264a6,#ceb3f0);border-radius:10px}
.collection-studio .dashboard-stat,.collection-studio .dashboard-design,.collection-studio .dashboard-checklist button,.collection-studio .theme-choice,.collection-studio .platform-choice{transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.collection-studio .dashboard-stat:hover,.collection-studio .dashboard-design:hover,.collection-studio .theme-choice:hover{border-color:#cfa6f34d;box-shadow:0 0 28px #b17fe017,inset 0 1px #eedcff09}
.collection-studio .dashboard-checklist button:hover,.collection-studio .platform-choice:hover{box-shadow:0 0 18px #b17fe012;border-color:#cfa6f34d}
.collection-studio .studio-panel:not([hidden]){animation:vyre-panel-reveal .22s ease-out both}
.collection-studio .studio-sidebar button[aria-pressed=true]{box-shadow:inset 3px 0 #c2a0f1,0 0 22px #aa7ce710}
.collection-studio .button:hover,.obsidian-auth .button:hover{box-shadow:0 0 25px #c4a4e621;transition:box-shadow .2s ease}
.profile-wrap .profile-card{box-shadow:0 0 calc(var(--profile-glow,12px)*1.8) color-mix(in srgb,var(--accent,#c5a1ec) 13%,transparent)}
.profile-wrap .profile-links>a{position:relative;isolation:isolate;overflow:hidden;justify-content:center;transition:border-color .2s,box-shadow .2s,background-color .2s}
.profile-wrap .profile-links .link-label{justify-content:center;width:100%}
.profile-wrap .profile-socials>a{transition:color .2s,box-shadow .2s,background-color .2s}
.profile-wrap.link-fx-glow .profile-links>a:hover,.profile-wrap.link-fx-glow .profile-links>a:focus-visible,.profile-wrap.link-fx-glow .profile-socials>a:hover,.profile-wrap.link-fx-glow .profile-socials>a:focus-visible{box-shadow:0 0 19px color-mix(in srgb,var(--accent,#c5a1ec) 22%,transparent);border-color:color-mix(in srgb,var(--accent,#c5a1ec) 60%,transparent)}
.profile-wrap.link-fx-shine .profile-links>a::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(110deg,transparent 25%,#ffffff16 50%,transparent 75%);transform:translateX(-110%);opacity:0}
.profile-wrap.link-fx-shine .profile-links>a:hover::before,.profile-wrap.link-fx-shine .profile-links>a:focus-visible::before{opacity:1;animation:vyre-link-shine .8s ease-out both}
.profile-wrap.link-fx-shine .profile-socials>a:hover{box-shadow:inset 0 0 15px #ffffff0d}
@keyframes vyre-ambient-breathe{from{opacity:.65}to{opacity:.9}}
@keyframes vyre-panel-reveal{from{opacity:.35}to{opacity:1}}
@keyframes vyre-link-shine{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@media(max-width:720px){.font-options{gap:8px}.font-options button{min-height:95px;padding:12px 5px}.font-options button>strong{font-size:10px}.premium-font-heading{font-size:12px}}
@media(prefers-reduced-motion:reduce){.collection-studio .dashboard-orb,.collection-studio .studio-panel:not([hidden]),.profile-wrap.link-fx-shine .profile-links>a::before{animation:none!important}.collection-studio .dashboard-stat,.collection-studio .dashboard-design,.collection-studio .theme-choice,.profile-wrap .profile-links>a,.profile-wrap .profile-socials>a{transition:none!important}}
.vyre-emoji{display:inline-block!important;width:1em!important;height:1em!important;min-width:1em!important;max-width:none!important;margin:0 .05em!important;padding:0!important;border:0!important;border-radius:0!important;vertical-align:-.12em!important;object-fit:contain!important;filter:none!important;box-shadow:none!important;transform:none!important}
.profile-card h1 .vyre-emoji{width:1.03em!important;height:1.03em!important}
.discord-identity .vyre-emoji{vertical-align:-.15em!important}
.collection-studio .dashboard-welcome,.collection-studio .dashboard-stat,.collection-studio .live-preview{box-shadow:inset 0 1px 0 #f0dcff07,0 12px 40px #0002}
.collection-studio .studio-sidebar{border-color:#d5bdf017}
.collection-studio .dashboard-welcome{border-color:#c6ade52d}
input,textarea{font-family:Inter,Manrope,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif}

/* Commerce preview: shares studio typography and spacing. */
.commerce-intro{padding:24px 0}.commerce-intro h2{font-size:clamp(28px,3vw,42px);margin:12px 0}.commerce-intro p,.commerce-note{color:#b6afc2;font-size:15px;line-height:1.6}.commerce-plans,.commerce-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 32px}.commerce-card{min-width:0;padding:22px;border:1px solid #ffffff15;border-radius:22px;background:linear-gradient(145deg,#201a2a,#121016);display:flex;flex-direction:column;gap:12px}.commerce-card.is-plus{border-color:#b998e148;background:linear-gradient(145deg,#362443,#17121f)}.commerce-card h3{font-size:25px;margin:0;overflow-wrap:anywhere}.commerce-card h3 small{font-size:14px;font-weight:400;margin-left:5px}.commerce-card ul{padding-left:18px;line-height:1.7;font-size:15px;flex:1}.commerce-card p{font-size:15px;color:#c4bdcf;line-height:1.5}.commerce-card>small{font-size:13px;color:#b6afc2}.commerce-card button{margin-top:auto;min-height:42px;border-radius:12px;border:1px solid #ffffff20;background:#ffffff08;color:#c6becf;cursor:default}.commerce-art{height:130px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 65% 70%,#78519380,transparent 70%),#110f19}.art-aurora{background:radial-gradient(ellipse at 20% 40%,#71ccb875,transparent 70%),linear-gradient(140deg,#1c2936,#382142)}.art-companions{background:radial-gradient(ellipse at 65% 30%,#c476a875,transparent 70%),#281c31}.commerce-art img{object-fit:contain;filter:drop-shadow(0 5px 15px #c9a7ff55)}@media(max-width:1100px){.commerce-plans,.commerce-packs{grid-template-columns:1fr}}

.commerce-plans,.commerce-packs{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.commerce-card h3{overflow-wrap:normal}.commerce-card button{white-space:normal;padding:10px 12px}.commerce-panel{min-width:0}

.workflow-card{padding:22px;margin:20px 0;border:1px solid #ffffff15;border-radius:20px;background:linear-gradient(135deg,#241a303d,#151219)}.workflow-card p{line-height:1.6;color:#c4bdce}.workflow-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.workflow-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.workflow-block{display:flex;align-items:center;gap:12px;border:1px solid #ffffff15;border-radius:14px;padding:14px;margin:9px 0;background:#211a2a80;min-width:0}.workflow-block strong{flex:1}.workflow-block label{display:flex;align-items:center;gap:8px;margin:0}.workflow-block input[type=checkbox],.workflow-card input[type=checkbox],.link-options input[type=checkbox]{width:18px;min-height:18px;accent-color:#b69add}.workflow-block[draggable]{cursor:grab}.workflow-chart{display:flex;gap:5px;align-items:flex-end;min-height:150px;padding-top:20px;overflow:hidden}.workflow-chart>div{display:flex;gap:2px;align-items:flex-end;flex:1;min-width:0}.workflow-chart i,.workflow-chart b{display:block;flex:1;border-radius:4px 4px 0 0;background:#b69add}.workflow-chart b{background:#8ebdd8}.workflow-card code{display:block;overflow-wrap:anywhere;padding:16px;background:#0e0c13;border-radius:12px;user-select:all}.link-options{grid-column:1/-1;padding:8px 12px;border:1px solid #ffffff12;border-radius:12px}.link-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}.link-row{flex-wrap:wrap}.link-options label{font-size:13px}.link-options small{grid-column:1/-1}.featured-link{border-color:var(--accent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 25%,transparent)!important}.profile-card [data-block-hidden]{display:none!important}.studio-actions{flex-wrap:wrap}.workflow-card button{max-width:100%;white-space:normal}.studio-sidebar{max-height:calc(100vh - 40px);overflow-y:auto}@media(max-width:700px){.workflow-block{gap:7px;padding:12px 8px}.workflow-block label{font-size:12px}.workflow-block strong{font-size:14px}.link-options>div{grid-template-columns:1fr}}

#blocks>.section-note,#sharing>.section-note,#analytics .section-note,#account-tools .section-note,#templates .section-note{display:block!important;font-size:14px;line-height:1.6;color:#bdb4ca}.link-options{flex-basis:100%;width:100%}.link-options summary{cursor:pointer}.workflow-card label{line-height:1.5}.studio-workspace[data-section="sharing"] .save-bar,.studio-workspace[data-section="analytics"] .save-bar,.studio-workspace[data-section="account-tools"] .save-bar,.studio-workspace[data-section="commerce"] .save-bar{position:static;margin-top:20px}

/* Keep each panel sized to its own available space, including with preview open. */
.collection-studio {
  width: 100%;
  max-width: 1600px;
  padding-inline: clamp(14px, 3vw, 48px);
}
#app:has(> .collection-studio) > header {
  width: calc(min(100%, 1600px) - 2 * clamp(14px, 3vw, 48px));
  max-width: none;
}
.collection-studio .dashboard-orb {
  width: auto;
  max-width: 58%;
  aspect-ratio: 3 / 2;
  background: url('/assets/vyre-studio-ribbon-v1.webp') right center / contain no-repeat;
  mask-image: linear-gradient(90deg, transparent, #000 58%),
    linear-gradient(transparent, #000 16%, #000 84%, transparent);
  mask-composite: intersect;
}
.collection-studio .studio-actions .button,
.collection-studio .save-bar .button {
  text-align: center;
  white-space: normal;
}
.collection-studio .studio-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 34%);
}
.collection-studio .editor .theme-grid,
.studio-workspace[data-preview=false] .editor .theme-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 110px), 1fr));
}
.collection-studio .editor .background-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 85px), 1fr));
}
.collection-studio .theme-choice {
  align-items: center;
  text-align: center;
  overflow-wrap: anywhere;
}
.collection-studio .editor .badge-catalog {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr));
}
.collection-studio .badge-choice :is(strong, small, span) {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.collection-studio .editor .link-row select { margin: 0; }
.collection-studio .editor .link-row .link-order { gap: 5px; }
.collection-studio .editor .link-options label { margin: 0; }
.collection-studio .editor .link-options label:has(input[type=checkbox]) {
  display: flex;
  align-items: center;
  gap: 8px;
}
.collection-studio .link-options input[type=datetime-local] { min-inline-size: 0; }
.collection-studio .preview-stage {
  flex-direction: column;
  gap: 24px;
  padding-inline: clamp(10px, 1.5vw, 22px);
}
.collection-studio .preview-stage > .profile-wrap { margin-inline: auto; }
.collection-studio .preview-stage:has(.profile-pet:not(.pet-corner)) {
  row-gap: 78px;
}
.collection-studio .preview-stage:not(.has-preview-dock):has(.profile-pet:not(.pet-corner)) {
  padding-bottom: 84px;
}
.collection-studio .preview-stage .profile-pet:not(.pet-corner) {
  right: 0;
  bottom: -68px;
  width: min(var(--pet-size), 30%, 88px);
  height: auto;
  aspect-ratio: 1;
}
.collection-studio .preview-footer > span { overflow-wrap: anywhere; }
.collection-studio .preview-toolbar { align-items: center; gap: 8px; padding: 12px 6px; }
.collection-studio .preview-toolbar svg { display: block; }
.profile-card .avatar {
  max-width: 100%;
  object-position: center;
}
.profile-card .profile-cover {
  margin-inline: calc(-1 * var(--profile-padding, 28px));
  background-position: center;
}
.profile-card :is(h1, .username, .bio, .link-label) { overflow-wrap: anywhere; }
.profile-card .social-brand { display: inline-grid; place-items: center; flex-shrink: 0; }
.profile-card .social-brand svg { display: block; }
.profile-card .badge-tooltip { visibility: hidden; }
.profile-card .profile-badge:is(:hover, :focus-visible) .badge-tooltip { visibility: visible; }
.library-choose img { display: block; object-position: center; }
.collection-studio .save-bar { position: static; flex-wrap: wrap; }
.collection-studio .save-bar > span { flex: 1 1 120px; }
.collection-studio .studio-sidebar { scrollbar-width: thin; scrollbar-color: #51435f transparent; }
.share-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(224px, .4fr); align-items: start; gap: 18px; }
.share-sidebar { display: grid; gap: 14px; min-width: 0; }
.share-panel { margin: 0; min-width: 0; background: linear-gradient(155deg, #201a2a, #130f19); border: 1px solid #ffffff20; border-radius: 18px; }
.share-preview { overflow: hidden; }
.share-preview > img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; background: #100d16; }
.share-preview figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 15px; border-top: 1px solid #ffffff16; }
.share-preview figcaption small { display: block; margin-top: 4px; color: #b7adc5; font-size: .8rem; }
.share-controls { padding: 15px; }
.share-controls h3 { margin: 0 0 9px; font-size: 1rem; }
.share-address { display: block; margin-bottom: 13px; padding: 9px 11px; background: #100d16; border: 1px solid #ffffff18; border-radius: 9px; color: #e0d4f0; font-size: .875rem; overflow-wrap: anywhere; }
.share-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.share-grid .button { min-height: 40px; padding: 9px 12px; font-size: .85rem; text-align: center; }
.share-code { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.share-code img { display: block; width: 104px; height: 104px; border-radius: 10px; }
.collection-studio .editor .background-fields {
  margin: 0 0 20px;
  padding: clamp(16px, 3vw, 23px);
  border: 1px solid #ffffff22;
  border-radius: 16px;
  background: linear-gradient(145deg, #231b30, #16111d);
}
.background-fields h3 { margin: 0 0 8px; }
.background-fields [data-background-file] { margin: 0 0 13px; color: #d0c6dc; font-size: .9rem; }
.collection-studio .editor .background-fields .upload-controls { margin: 0 0 8px; }
.collection-studio .editor .background-fields .upload-button {
  background: #dfd2f3;
  color: #191323;
  border-color: #dfd2f3;
  min-height: 44px;
}
.collection-studio .editor .background-fields .upload-controls button { min-height: 44px; }
.background-fields .upload-button:focus-within { outline: 2px solid #e9d9ff; outline-offset: 3px; }
.background-fields .upload-help, .collection-studio .editor .background-fields .upload-status { color: #d0c6dc; font-size: .85rem; line-height: 1.5; }
.background-fields .upload-status:not(:empty) { margin-top: 8px; }
.background-legacy:not([hidden]) { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.background-adjustments {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 12px 18px;
  margin-top: 16px;
}
.background-adjustments label { min-width: 0; margin: 0; }
.studio-save-status { flex: 1 0 100%; color: #c9badb; font-size: .85rem; text-align: right; }
.vyre-wordmark {
  font-family: Space, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -.060606em;
  text-transform: lowercase;
  white-space: nowrap;
}
.brand .vyre-wordmark, .powered .vyre-wordmark { font-size: inherit; letter-spacing: -.060606em; }
.entry-gate { position: fixed; inset: 0; z-index: 100; isolation: isolate; overflow: hidden; background: #050506; }
.entry-gate .entry-background { position: absolute; inset: -30px; z-index: -1; filter: blur(var(--entry-blur)); }
.entry-gate.backdrop-profile .entry-background::before { content: ''; position: absolute; inset: 0; background: #050506a8; }
.entry-gate.backdrop-dark .entry-background { background: #050506; }
.entry-gate.backdrop-gradient .entry-background { background: radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--entry-color) 22%,#050506),#050506 72%); }
.entry-gate .entry-enter {
  position: absolute; inset: 0; width: 100%; height: 100%; padding: 30px;
  display: flex; align-items: center; justify-content: center; text-align: center;
  border: 0; outline: 0; box-shadow: none; background: transparent;
  color: var(--entry-color); text-decoration: none; overflow-wrap: anywhere;
  font: 600 clamp(20px, 6vw, var(--entry-size))/1.2 Inter, Manrope, sans-serif;
  cursor: pointer;
}
.entry-gate[data-align="left"] .entry-enter { justify-content: flex-start; text-align: left; padding-inline: max(30px, 8vw); }
.entry-enter > span { position: relative; min-width: 0; text-shadow: 0 0 var(--entry-glow) currentColor; }
.entry-gate[data-keyboard-focus] .entry-enter:focus-visible > span::before {
  content: ''; position: absolute; inset-inline-end: calc(100% + .2em); top: 50%;
  transform: translateY(-50%); width: .15em; height: .15em;
  border-radius: 50%; background: #f3e5ff; box-shadow: 0 0 8px #f3e5ff;
}
.entry-gate.entry-example { position: relative; inset: auto; min-height: 170px; margin-top: 14px; z-index: auto; border-radius: 12px; }
.entry-example .entry-enter { font-size: min(var(--entry-size), 32px); cursor: default; }
.studio-home-intro {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px;
  padding: clamp(20px,3vw,32px); border-radius: 20px; border: 1px solid #c5a3ff32;
  background: radial-gradient(ellipse at 82% 2%,#7950a255,transparent 65%),#191321;
}
.collection-studio .studio-home-intro h2 { margin: 6px 0; font-size: clamp(1.6rem,4vw,2.5rem); overflow-wrap: anywhere; }
.studio-home-intro p { margin: 0; color: #d0bedf; }
.studio-home-intro-actions,.studio-home-account-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.studio-home-metrics,.studio-home-actions,.studio-home-columns { display: grid; gap: 14px; margin: 16px 0; }
.studio-home-metrics { grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr)); }
.studio-home-actions { grid-template-columns: repeat(auto-fit,minmax(min(100%,145px),1fr)); margin-bottom: 0; }
.studio-home-columns { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); }
.studio-home-metrics button,.studio-home-actions button,.studio-home-card {
  min-width: 0; padding: 16px; color: #f1e9fa; border: 1px solid #ffffff20; border-radius: 15px;
  background: linear-gradient(145deg,#21182c,#16111d); text-align: left;
}
.studio-home-metrics button,.studio-home-actions button { display: grid; justify-items: start; gap: 8px; }
.studio-home-metrics button:hover,.studio-home-actions button:hover { border-color: #ac83d5; background: #291d37; }
.studio-home-metrics span,.studio-home-account > div,.studio-home-title { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.studio-home-metrics strong { font-size: clamp(1.55rem,3vw,2.15rem); line-height: 1; }
.studio-home-metrics svg,.studio-home-actions svg,.studio-home-account svg,.studio-home-checklist svg { width: 18px; height: 18px; flex: none; color: #d5aaf8; }
.studio-home-title { justify-content: space-between; margin-bottom: 12px; }
.studio-home-title h3 { margin: 0; font-size: 1.05rem; }
.studio-home-title > span,.studio-home-actions small { color: #c7b7d3; }
.studio-home-checklist { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr)); gap: 8px; }
.studio-home-checklist button { display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid #ffffff18; border-radius: 9px; background: #ffffff05; color: inherit; text-align: left; min-height: 44px; }
.studio-home-checklist small { margin-left: auto; color: #e0c7fa; }
.studio-home-checklist small.complete { color: #a6ead2; }
.studio-home-account > div { padding: 8px 0; }
.studio-home-account strong { margin-left: auto; overflow-wrap: anywhere; }
.studio-home-account-actions { margin-top: 12px; }
.badge-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.badge-filters button { padding: 8px 12px; min-height: 40px; border: 1px solid #ffffff29; border-radius: 9px; background: #1b1424; color: #e2d7ed; }
.badge-filters button[aria-pressed="true"] { background: #503565; border-color: #c09ae7; color: white; }
.collection-studio .editor .badge-catalog.studio-badges { grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr)); }
.collection-studio .studio-badges .badge-choice:not([hidden]) {
  display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 6px 12px; align-items: center; align-content: start;
  min-height: 100px; padding: 13px 34px 13px 13px; text-align: left; opacity: 1;
  background: linear-gradient(132deg,color-mix(in srgb,var(--badge-accent) 12%,#17101e),#17101e 75%);
}
.collection-studio .studio-badges .badge-choice[hidden] { display: none; }
.studio-badges .badge-choice > img { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(0 0 6px color-mix(in srgb,var(--badge-accent) 38%,transparent)); }
.studio-badges .badge-copy small { display: block; margin-top: 3px; font-size: .8rem; color: #c9bad6; }
.studio-badges .badge-owned { grid-column: 2; justify-self: start; color: #d8c6e7; }
.studio-badges .badge-choice > input:disabled { visibility: hidden; }
.collection-studio .studio-badges .badge-choice :is(strong, small, span) { overflow-wrap: normal; word-break: normal; }
.collection-studio .studio-badges .badge-copy strong { font-size: .925rem; }
.studio-badges .badge-copy .badge-edition { margin-inline-start: 6px; }
.collection-studio .studio-badges .badge-owned { white-space: nowrap; font-size: .72rem; }
.studio-panel-head:not([hidden]) {
  display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 15px 18px;
  border: 1px solid #c6a6e22e; border-radius: 16px; background: linear-gradient(120deg,#22182d,#17121d 72%);
}
.collection-studio .editor .studio-panel-head h2 { margin: 0; font: 650 1.4rem/1.2 Inter,Manrope,sans-serif; }
.studio-panel-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #e1bbff; background: #a879d224; }
.studio-panel-icon svg { width: 19px; height: 19px; }
.studio-panel:has(.studio-settings-card) > h2,.studio-panel-head:not([hidden]) ~ .studio-panel > h2 { display: none; }
.studio-settings-card { margin: 0 0 14px; padding: clamp(14px,2vw,20px); border: 1px solid #ffffff20; border-radius: 14px; background: #15111b; }
.studio-settings-card h3 { margin: 0 0 12px; font-size: 1rem; }
.studio-settings-card > :last-child { margin-bottom: 0; }
.studio-settings-card > summary,.studio-activity summary { color: #e4d6f1; cursor: pointer; padding-block: 5px; }
.studio-field-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,205px),1fr)); gap: 10px 14px; }
.studio-field-grid > label { min-width: 0; margin: 0; }
.studio-field-grid > small { grid-column: 1 / -1; }
.entry-control-grid { margin-top: 12px; }
.entry-control-grid > label { padding: 10px; border-radius: 10px; background: #ffffff06; }
#discord-settings > .studio-settings-card { margin-top: 14px; }
#discord-settings > .studio-settings-card button { min-height: 42px; margin-right: 8px; margin-bottom: 8px; }
.studio-panel .template-tabs,.studio-panel .badge-filters { padding: 8px; border: 1px solid #ffffff16; border-radius: 12px; background: #110d16; }
.collection-studio .studio-panel .background-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,98px),1fr)); }
.studio-settings-card .studio-switch { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px 10px; border-radius: 8px; background: #ffffff06; }
.studio-settings-card .studio-switch input { width: 17px; height: 17px; margin: 0; accent-color: #c69ceb; }
.studio-inline-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.studio-inline-title h3,.studio-inline-title > label { margin: 0; }
.studio-inline-title select { min-width: 160px; }
.studio-empty-links { display: none; }
#links:empty + .studio-empty-links { display: block; }
.collection-studio .editor #socials .link-platforms { margin: 14px 0 0; }
.collection-studio .editor #socials .link-row { background: #110d16; grid-template-columns: 36px minmax(0,1fr) 36px; }
.collection-studio .editor #socials .link-row [name=link-label] { grid-column: 2; }
.collection-studio .editor #socials .link-row [name=link-url],.collection-studio .editor #socials .link-row .link-options { grid-column: 1 / -1; }
.collection-studio .editor #socials .link-row .remove-link { grid-column: 3; }
.studio-metrics { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr)); }
.studio-metrics strong { display: block; margin-top: 6px; font-size: 1.7rem; }
.studio-activity figcaption,.studio-chart-range,.studio-metric-row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.studio-activity svg { display: block; width: 100%; height: auto; background: #100c15; border-radius: 10px; }
.studio-activity svg > * { fill: none; vector-effect: non-scaling-stroke; }
.studio-activity .chart-guide { stroke: #ffffff16; }
.chart-views,.chart-clicks { stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.chart-views { stroke: #cba5ff; }
.chart-clicks { stroke: #82dce8; stroke-dasharray: 4 3; }
.studio-chart-range,.studio-chart-legend { color: #c4b4d0; font-size: .8rem; }
.studio-chart-range { margin-top: 8px; }
.studio-chart-legend { display: flex; gap: 10px; }
.studio-chart-legend span:first-child { color: #d5b3ff; }
.studio-chart-legend span:last-child { color: #8fe4ee; }
.studio-activity table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.studio-activity :is(td,th),.studio-metric-row { padding: 8px; border-bottom: 1px solid #ffffff16; text-align: left; }
.studio-account-info { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,170px),1fr)); gap: 12px; }
.studio-account-info > div { padding: 12px; border-radius: 9px; background: #ffffff06; }
.studio-account-info dt { color: #c5b4d1; font-size: .85rem; }
.studio-account-info dd { margin: 5px 0 0; overflow-wrap: anywhere; }
.studio-mobile-picker { display: none; }
@media(max-width:720px) {
  .collection-studio .studio-sidebar > :not(.studio-mobile-picker) { display: none; }
  .studio-mobile-picker { display: grid; width: 100%; gap: 7px; color: #e6d8ee; }
  .studio-mobile-picker select { width: 100%; min-height: 44px; padding: 8px 10px; color: inherit; background: #191120; border: 1px solid #674e77; border-radius: 9px; }
}
@media(max-width:950px) { .studio-home-columns { grid-template-columns: minmax(0,1fr); } }
.studio-search kbd { flex: none; padding: 3px 4px; border: 1px solid #ffffff29; border-radius: 5px; color: #c6b7d7; font: .63rem Inter,sans-serif; }
.collection-studio .studio-sidebar .studio-premium-trigger { color: #ead4ff; background: #38244e70; border: 1px solid #b990e437; }
.studio-dialog {
  position: fixed;
  width: min(100% - 32px, 460px);
  max-height: calc(100dvh - 32px);
  padding: 25px;
  background: #18121f;
  color: #f7efff;
  border: 1px solid #9b76b86b;
  border-radius: 22px;
  box-shadow: 0 24px 90px #000a;
}
.studio-dialog[open] { animation: studio-dialog-in .23s ease-out both; }
.studio-dialog::backdrop { background: #09060bc2; }
.studio-dialog h2,.studio-dialog h3 { margin: 0 2rem 14px 0; overflow-wrap: anywhere; }
.studio-dialog .studio-dialog-close { position: absolute; z-index: 1; inset: 12px 12px auto auto; width: 38px; height: 38px; }
@keyframes studio-dialog-in { from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }
@media(prefers-reduced-motion:reduce) { .studio-dialog[open] { animation: none; } }
.premium-dialog { padding: 0; }
.premium-card { padding: 30px; background: radial-gradient(ellipse at 83% 20%, #7445a264, transparent 46%), linear-gradient(145deg,#24162e,#150f1d 70%); }
.premium-card img { display: block; margin: 12px 0; object-fit: contain; }
.premium-card h2 { font-size: clamp(1.8rem,5vw,2.5rem); }
.premium-card p { line-height: 1.5; color: #e5d6ed; }
.premium-card ul { display: grid; gap: 12px; list-style: none; padding: 0; }
.premium-card li { display: flex; align-items: center; gap: 9px; }
.premium-card li svg { width: 17px; height: 17px; color: #d7a9ff; }
.premium-price small { display: block; margin-top: 4px; color: #d4badf; }
.premium-card > button { width: 100%; }
.template-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.template-tabs button { min-height: 42px; padding: 8px 13px; border: 1px solid #ffffff23; border-radius: 10px; background: #ffffff06; color: #ddd1e8; }
.template-tabs button[aria-pressed="true"] { border-color: #b085d9; background: #563776; color: white; }
.template-gallery:not([hidden]) { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 14px; }
.template-tile { border: 1px solid #ffffff21; border-radius: 14px; overflow: hidden; background: #17121f; }
.template-tile > div:last-child { padding: 13px; }
.template-tile h3 { margin: 0; overflow-wrap: anywhere; }
.template-tile p { color: #c8b8d5; font-size: .85rem; margin: 6px 0 14px; }
.template-art { display: grid; place-items: center; min-height: 150px; background: radial-gradient(ellipse at 75% 12%,color-mix(in srgb,var(--sample-accent) 40%,transparent),transparent 70%),#100d16; }
.template-art[data-background="glacier"] { background: center / cover url('/assets/vyre-glacier-v1.webp'); }
.template-art[data-background="ember"] { background: center / cover url('/assets/vyre-ember-v1.webp'); }
.template-art[data-background="nocturne"] { background: center / cover url('/assets/vyre-nocturne-v1.webp'); }
.template-art[data-background="carbon"] { background: radial-gradient(ellipse at 65% 0%,#2e293b,#09080b 75%); }
.template-mini { position: relative; isolation: isolate; width: min(64%,160px); display: grid; justify-items: center; gap: 6px; padding: 12px; border: 1px solid color-mix(in srgb,var(--sample-accent) 55%,transparent); border-radius: var(--sample-radius); color: #fff; box-shadow: 0 6px 20px #0006; }
.template-mini::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: var(--sample-fill); opacity: var(--sample-opacity); }
.template-art-none .template-mini { border-color: transparent; box-shadow: none; text-shadow: 0 1px 6px #000; }
.template-art-none .template-mini::before { content: none; }
.template-mini i { width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--sample-accent); background: radial-gradient(circle at 32% 24%, #fff, var(--sample-accent) 32%, #1e1826 95%); }
.template-mini span { width: 74%; height: 7px; border-radius: 8px; background: color-mix(in srgb,var(--sample-accent) 35%,transparent); }
.template-font-serif strong { font-family: Georgia,serif; }
.template-font-mono strong { font-family: monospace; }
.template-dialog .template-art { min-height: 220px; border-radius: 13px; margin-bottom: 16px; }
.template-owned { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; padding: 13px; margin-top: 10px; border: 1px solid #ffffff22; border-radius: 12px; }
.template-owned small { display: block; margin-top: 4px; color: #c6b3d3; }
.template-owned .workflow-actions { margin: 0; }
.link-dialog label { display: grid; gap: 8px; margin-bottom: 14px; }
.link-dialog input { width: 100%; padding: 11px; color: inherit; border: 1px solid #635071; border-radius: 9px; background: #100c16; }
@media(max-width:720px) { .studio-save-status { grid-column: 1 / -1; text-align: left; } }
@media (max-width: 1050px) {
  .share-grid { grid-template-columns: minmax(0, 1fr); }
  .share-sidebar { grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
}

@media (max-width: 720px) {
  .collection-studio .studio-grid { grid-template-columns: minmax(0, 1fr); }
  .collection-studio .studio-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .collection-studio .studio-actions .button { font-size: 12px; }
  .collection-studio .editor > section { padding: clamp(14px, 4vw, 20px); }
  .collection-studio .editor .link-row {
    grid-template-columns: 34px minmax(0, 1fr) 34px 34px;
    gap: 8px;
    padding: 10px;
  }
  .collection-studio .editor .link-row .link-order button,
  .collection-studio .editor .link-row .remove-link { width: 34px; height: 38px; }
  .collection-studio .link-row-symbol { width: 34px; height: 38px; }
  .collection-studio .platform-choice span { font-size: 11px; }
  .collection-studio .profile-wrap .profile-card { padding-inline: min(var(--profile-padding, 28px), 20px); }
  .collection-studio .profile-card .profile-cover { margin-inline: calc(-1 * min(var(--profile-padding, 28px), 20px)); }
  .collection-studio .live-preview { padding: 10px; }
}

.profile-wrap .profile-card.card-style-none {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  overflow: visible;
}
.card-style-none :is(.profile-texture, .profile-cover) { display: none; }
.profile-wrap .profile-card.card-style-none::before,
.profile-wrap .profile-card.card-style-none::after { content: none; }
.profile-card.has-name-glow h1 { filter: drop-shadow(0 0 var(--name-glow) var(--text-glow-color)); }
.profile-card.has-bio-glow .bio { text-shadow: 0 0 var(--bio-glow) var(--text-glow-color); }
.public-profile .profile-report { color: #d3ccd9; font-size: .875rem; min-height: 44px; padding: 8px 12px; }
.report-dialog { width: min(500px, calc(100% - 28px)); }
.report-dialog label { display: grid; gap: 8px; margin: 16px 0; }
.report-dialog input { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #51425f; border-radius: 10px; background: #100d16; color: inherit; }
.report-dialog p, .report-dialog small { line-height: 1.55; }
.report-dialog .report-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.report-item { overflow-wrap: anywhere; }
.report-item p { white-space: pre-wrap; }
.report-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; }
.discord-auth-option { max-width: 380px; margin-bottom: 16px; }
.button.discord-auth-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  background: #424acb;
  border-color: #7e84ff;
  color: white;
}
.button.discord-auth-button:hover { background: #4d56d7; }
.discord-auth-button svg { width: 20px; height: 20px; fill: currentColor; }
.discord-auth-status { color: #d9d0e8; font-size: .875rem; line-height: 1.45; }
.discord-auth-status:empty { display: none; }
.discord-auth-divider { display: flex; align-items: center; gap: 10px; margin-top: 16px; color: #b6acbf; font-size: .8rem; }
.discord-auth-divider::before, .discord-auth-divider::after { content: ''; flex: 1; border-top: 1px solid #393440; }

/* Studio workspace, shared by every editor section. */
.studio-shell.collection-studio {
  --studio-base: #0d0d11;
  --studio-card: #15151a;
  --studio-active: #302136;
  --studio-edge: #ffffff14;
  max-width: none;
  width: 100%;
  min-height: 100dvh;
  margin: 0;
  padding: 0;
  background: var(--studio-base);
}
.studio-shell.collection-studio .studio-workspace {
  display: grid;
  grid-template-columns: clamp(202px, 15vw, 258px) minmax(0, 1fr);
  gap: 0;
}
.studio-shell.collection-studio .studio-sidebar {
  display: flex;
  position: sticky;
  top: 0;
  height: 100dvh;
  max-height: none;
  overflow: hidden;
  padding: 20px 14px 14px;
  gap: 16px;
  border: 0;
  border-inline-end: 1px solid var(--studio-edge);
  border-radius: 0;
  background: #121217;
}
.studio-shell .studio-sidebar .studio-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 4px 8px;
  color: #f5effa;
  flex: none;
  border: 0;
  font-size: 26px;
}
.studio-shell .studio-brand img { object-fit: contain; }
.studio-shell .studio-brand > span { margin-left: 3px; color: #b8a6c3; font: 500 13px Inter,sans-serif; }
.studio-nav-items { min-height: 0; overflow-y: auto; flex: 1; scrollbar-width: thin; }
.studio-nav-items > .sidebar-group { display: block; margin: 15px 9px 5px; color: #b4a8c0; font-size: 11px; letter-spacing: .04em; }
.studio-nav-items.is-searching > .sidebar-group { display: none; }
.studio-shell .studio-nav-items > button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 39px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #d7d1dd;
  text-align: left;
}
.studio-shell .studio-nav-items > button:hover { background: #1e1a22; color: #fff; }
.studio-shell .studio-nav-items > button[aria-pressed=true] { background: var(--studio-active); border-color: #79558770; color: #fff; box-shadow: none; }
.studio-shell .studio-nav-items > button svg { width: 18px; height: 18px; flex: none; }
.studio-rail-footer { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 6px; border-top: 1px solid var(--studio-edge); padding-top: 9px; }
.studio-rail-footer a { color: #d8c2e2; overflow-wrap: anywhere; }
.studio-rail-footer button { padding: 8px; }
.studio-shell .studio-main { min-width: 0; padding: 0 clamp(18px, 2.5vw, 48px) 32px; }
.studio-shell.collection-studio .studio-heading {
  position: sticky;
  top: 0;
  z-index: 5;
  margin: 0 0 26px;
  padding: 16px 0;
  border-color: var(--studio-edge);
  background: var(--studio-base);
}
.studio-shell.collection-studio .studio-heading h1 { margin: 4px 0 0; font: 700 clamp(1.28rem, 2vw, 1.7rem)/1.2 Inter,sans-serif; letter-spacing: -.04em; }
.studio-shell .studio-save-status { color: #bfb4c6; }
.studio-shell.collection-studio .studio-actions .button { font-size: .82rem; min-height: 40px; padding: 8px 13px; }
.studio-shell.collection-studio .editor > section { padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.studio-shell .studio-panel-head:not([hidden]) { margin-bottom: 16px; padding: 0; background: transparent; border: 0; }
.studio-shell .studio-settings-card,
.studio-shell .studio-home-card,
.studio-shell.collection-studio .editor .design-details,
.studio-shell .live-preview,
.studio-shell .share-panel,
.studio-shell .template-tile,
.studio-shell .workflow-card,
.studio-shell .template-owned {
  background: var(--studio-card);
  border-color: var(--studio-edge);
  box-shadow: none;
}
.studio-shell.collection-studio .editor .design-details.studio-flat { padding: 18px; }
.studio-shell .studio-panel :is(.template-tabs,.badge-filters) { width: fit-content; max-width: 100%; background: var(--studio-card); }
.studio-shell .studio-home-metrics button,.studio-shell .studio-metrics article { background: #261c2c; border-color: #a269bc35; }
.studio-shell .studio-home-actions button { background: var(--studio-card); }
.studio-shell .studio-home-intro { background: radial-gradient(ellipse at 100% 0%, #56326970, transparent 65%), var(--studio-card); }
.studio-shell .studio-asset-grid,.studio-shell .studio-insight-grid,.studio-shell .template-tile-actions { display: grid; gap: 12px; }
.studio-asset-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,150px),1fr)); }
.studio-asset-grid button {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 7px;
  padding: 16px 10px;
  min-height: 112px;
  color: #f1e8f7;
  background: #101015;
  border: 1px dashed #bba5c64a;
  border-radius: 10px;
}
.studio-asset-grid button:hover,.studio-asset-grid button:focus-visible { background: #24192c; border-color: #c49add; }
.studio-asset-grid button svg,.studio-audio-sources svg,.studio-shell [data-edit-music] svg { width: 21px; height: 21px; vertical-align: middle; }
.studio-asset-grid small { color: #baafc2; }
.studio-shell #appearance .design-details .detail-content { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,205px),1fr)); gap: 14px 18px; align-items: start; }
.studio-shell #appearance .detail-content > :is(.field-pair,.gradient-control,.font-library) { grid-column: 1 / -1; margin: 0; }
.studio-shell #appearance .detail-content > label { margin: 0; }
.studio-color-field {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 12px;
  margin-top: 7px;
  border-radius: 10px;
  border: 1px solid var(--studio-edge);
  background: #0e0d12;
}
.studio-shell.collection-studio .editor .studio-color-field input[type=color] { flex: none; width: 28px; height: 28px; margin: 0; padding: 0; border: 0; background: transparent; }
.studio-color-field output { color: #d5c7df; font: 500 13px Inter,sans-serif; }
.studio-audio-sources { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.studio-audio-sources span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; border-radius: 7px; background: #ffffff0a; font-size: .8rem; }
.studio-shell.collection-studio .editor #socials .link-platforms { grid-template-columns: repeat(auto-fill,minmax(min(100%,77px),1fr)); gap: 9px; }
.studio-shell #socials .platform-choice { justify-items: center; min-height: 69px; padding: 8px 3px; background: #101015; }
.studio-shell #socials .platform-choice span { font-size: .69rem; }
.studio-shell #socials .platform-choice:hover { background: #251a2b; }
.studio-shell .template-gallery { grid-template-columns: repeat(auto-fill,minmax(min(100%,245px),1fr)); }
.studio-shell .template-tile { display: grid; grid-template-rows: auto 1fr; }
.studio-shell .template-tile > div:last-child { display: flex; flex-direction: column; }
.studio-shell .template-tile-actions { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: auto; }
.studio-shell .template-tile-actions .button { min-height: 40px; padding: 6px 9px; }
.studio-shell .studio-insight-grid { grid-template-columns: minmax(0,2.3fr) minmax(0,1fr); align-items: start; }
.studio-shell .studio-activity { margin-inline: 0; }
.studio-shell .studio-activity .chart-area { fill: url(#studio-views-fill); }
.studio-shell .studio-period select { min-width: min(100%,220px); }
.studio-shell .studio-period > p { margin: 0; }
.studio-shell .studio-account-info dd { color: #f2edf7; }
.studio-shell #account-tools .studio-account-info > div { background: #101015; }
.studio-shell #account-tools .studio-settings-card { max-width: 960px; }
.studio-shell.collection-studio .editor .badge-catalog.studio-badges { grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr)); gap: 10px; }
.studio-shell.collection-studio .studio-badges .badge-choice:not([hidden]) {
  grid-template-columns: 32px minmax(0,1fr);
  gap: 3px 12px;
  align-content: center;
  min-height: 92px;
  margin: 0;
  padding: 10px 36px 10px 12px;
  background: #111116;
  border-color: var(--studio-edge);
}
.studio-shell .studio-badges .badge-choice[data-earned=true] { cursor: pointer; }
.studio-shell .studio-badges .badge-choice[data-earned=true]:is(:hover,:focus-within) { border-color: var(--badge-accent); }
.studio-shell .studio-badges .badge-choice > img { width: 32px; height: 32px; grid-row: span 2; }
.studio-shell .studio-badges .badge-owned { background: transparent; border: 0; padding: 0; color: #baafc3; }
.studio-shell .studio-badges [data-earned=true] .badge-owned { color: #99dfc4; }
@media(max-width: 1050px) {
  .studio-shell.collection-studio .studio-heading { position: static; align-items: start; }
  .studio-shell .studio-insight-grid { grid-template-columns: minmax(0,1fr); }
}
@media(max-width: 760px) {
  .studio-shell.collection-studio .studio-workspace { grid-template-columns: minmax(0,1fr); }
  .studio-shell.collection-studio .studio-sidebar { position: static; height: auto; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px 14px; border-inline-end: 0; border-bottom: 1px solid var(--studio-edge); }
  .studio-shell.collection-studio .studio-sidebar .studio-brand { display: flex; padding: 0; }
  .studio-shell .studio-brand > span { display: none; }
  .studio-shell.collection-studio .studio-sidebar > :is(.studio-nav-items,.studio-rail-footer) { display: none; }
  .studio-shell.collection-studio .studio-mobile-picker { display: block; width: min(53%,240px); order: 2; }
  .studio-shell .studio-mobile-picker > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .studio-shell .studio-mobile-picker select { width: 100%; min-height: 42px; padding: 6px 10px; border: 1px solid var(--studio-edge); border-radius: 8px; color: #f1e8f7; background: #211a28; }
  .studio-shell.collection-studio .studio-heading { gap: 11px; margin-bottom: 15px; }
  .studio-shell.collection-studio .studio-actions { justify-content: start; gap: 6px; }
  .studio-shell .studio-save-status { flex-basis: 100%; }
  .studio-shell .studio-main { padding-inline: 13px; }
  .studio-shell.collection-studio .studio-grid { grid-template-columns: minmax(0,1fr); }
}

.studio-shell .studio-search { flex: none; margin-bottom: 0; }
.studio-shell .studio-search-status { margin-top: -11px; }
.studio-shell .studio-premium-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  padding: 9px 12px;
  margin-bottom: 14px;
  border: 1px solid #945bbd56;
  border-radius: 999px;
  color: #e9d8f6;
  background: linear-gradient(100deg,#261a30,#31203d,#261a30);
}
.studio-shell .studio-premium-banner:hover { border-color: #d39ce8; }
.studio-shell .studio-premium-banner svg { width: 17px; height: 17px; color: #d6a0f3; }
.studio-shell.collection-studio .editor :is(.studio-general,.studio-shortcuts) label { margin: 0; }
.studio-shell .studio-shortcuts .studio-field-grid { align-items: center; }

/* Workbench navigation and always-visible setting groups. */
.studio-workbench.collection-studio { --studio-base:#101119; --studio-card:#191b25; --studio-edge:#aeb8ec23; --studio-active:#322951; }
.studio-workbench.collection-studio .studio-workspace {
  grid-template-columns: clamp(186px,14vw,228px) minmax(0,1fr);
  grid-template-rows: auto 1fr;
  column-gap: 0;
}
.studio-navigation {
  position: sticky; top: 0; grid-row: 1 / 3; height: 100dvh;
  display: flex; flex-direction: column; gap: 18px; overflow-y: auto;
  padding: 25px 15px 16px; background: #151620; border-inline-end: 1px solid var(--studio-edge);
}
.studio-navigation .studio-brand { display: flex; align-items: center; gap: 8px; font-size: 27px; }
.studio-navigation .studio-brand > span { font-size: 12px; color: #c4bfd1; }
.studio-navigation .studio-search { background: #101119; }
.studio-nav-groups { display: grid; gap: 5px; }
.studio-nav-groups button,.studio-workbench .studio-nav-items > button {
  display: inline-flex; align-items: center; gap: 9px; min-height: 43px;
  border: 1px solid transparent; border-radius: 8px; padding: 8px 12px;
  font-size: 14px; font-weight: 600; color: #ccc9dd; background: transparent; text-align: left;
}
.studio-nav-groups button svg,.studio-workbench .studio-nav-items > button svg { width: 17px; height: 17px; flex: none; }
.studio-nav-groups button:hover,.studio-workbench .studio-nav-items > button:hover { background: #272739; color: #fff; }
.studio-nav-groups button[aria-pressed=true],.studio-workbench .studio-nav-items > button[aria-pressed=true] {
  color: #f5edff; background: var(--studio-active); border-color: #ac90ee53;
}
.studio-nav-account { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: auto; padding: 12px 4px 0; border-top: 1px solid var(--studio-edge); }
.studio-nav-account a { color: #e0cffa; overflow-wrap: anywhere; }
.studio-subnavigation { padding: 12px clamp(16px,2.6vw,46px); border-bottom: 1px solid var(--studio-edge); background: #151620; }
.studio-subnavigation:has(.studio-nav-items[hidden]) { display: none; }
.studio-workbench .studio-nav-items { display: flex; flex-wrap: wrap; gap: 5px; overflow: visible; }
.studio-workbench .studio-nav-items > button { width: auto; min-height: 37px; }
.studio-workbench .studio-nav-items[hidden],.studio-workbench .studio-nav-items > button[hidden] { display: none; }
.studio-workbench .studio-main { grid-column: 2; }
.studio-workbench.collection-studio .studio-heading { margin-bottom: 20px; }
.studio-workbench .studio-panel-head:not([hidden]) { margin: 5px 0 22px; gap: 13px; }
.studio-workbench.collection-studio .editor .studio-panel-head h2 { font-size: clamp(1.5rem,3vw,2rem); letter-spacing: -.035em; }
.studio-workbench .studio-setting-group {
  margin: 0 0 23px; padding: 0 0 19px; border-bottom: 1px solid var(--studio-edge);
}
.studio-workbench .studio-setting-group h3 { margin: 0 0 13px; color: #f1ecff; font-size: 1.05rem; }
.studio-workbench.collection-studio .editor .studio-setting-group .detail-content { padding: 0; }
.studio-workbench #appearance .studio-setting-group .detail-content,
.studio-workbench #discord-settings .studio-setting-group .detail-content,
.studio-workbench #extras .studio-setting-group .detail-content {
  display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,195px),1fr)); align-items: start; gap: 14px 18px;
}
.studio-workbench #appearance .detail-content > label,.studio-workbench #extras .detail-content > label { margin: 0; }
.studio-workbench #extras .detail-content > :is(.sticker-grid,.sticker-controls) { grid-column: 1 / -1; }
.studio-sticker-position { padding: 12px; background: var(--studio-card); border-radius: 10px; }
.studio-sticker-position h4 { margin: 0 0 9px; }
.studio-workbench .link-options > div { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit,minmax(min(100%,143px),1fr)); align-items: center; }
.studio-workbench .link-options > div > small { grid-column: 1 / -1; }
.studio-workbench .studio-chart-table { max-height: 240px; overflow: auto; margin-top: 14px; }
.studio-chart-table caption { text-align: start; padding: 8px; font-weight: 650; }
@media(max-width:760px) {
  .studio-workbench.collection-studio .studio-workspace { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto 1fr; }
  .studio-navigation { position: static; grid-row: auto; height: auto; flex-direction: row; align-items: center; justify-content: space-between; padding: 12px; border-inline-end: 0; border-bottom: 1px solid var(--studio-edge); }
  .studio-navigation :is(.studio-nav-groups,.studio-search,.studio-search-status) { display: none; }
  .studio-nav-account { margin: 0; border: 0; padding: 0; }
  .studio-nav-account a { display: none; }
  .studio-workbench .studio-main { grid-column: 1; }
  .studio-workbench .studio-subnavigation:has(.studio-nav-items[hidden]) { display: block; }
  .studio-workbench .studio-subnavigation .studio-nav-items { display: none; }
  .studio-workbench .studio-mobile-picker { width: 100%; }
}

.studio-workbench .share-link-strip {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px;
  padding: clamp(14px,3vw,24px); border: 1px solid #af98e54a; border-radius: 13px;
  background: linear-gradient(110deg,#29213b,#1b2134);
}
.share-link-strip h3,.share-workbench h3 { margin: 0 0 8px; }
.studio-workbench .share-link-strip .share-address { margin: 0; }
.share-local-note { padding: 10px 13px; color: #dfd1eb; font-size: .86rem; border-inline-start: 2px solid #ba9be8; }
.share-workbench { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); align-items: start; gap: 15px; margin-top: 15px; }
.studio-workbench .share-workbench-message { grid-column: 1 / -1; margin: 0; }
.studio-workbench .share-workbench .share-preview { margin: 0; }
.commerce-verified { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; }
.commerce-verified > img { flex: none; }
.commerce-verified > div { flex: 1 1 200px; }
.commerce-verified :is(h3,p) { margin: 0 0 4px; }
.commerce-verified p { color: #ccc1d9; }
@media(max-width:850px) { .share-workbench { grid-template-columns: minmax(0,1fr); } }

@media(max-width:760px) { .studio-workbench .studio-grid > .live-preview { grid-row: auto; } }

.studio-shell.collection-studio .studio-badges .badge-choice:not([hidden]) {
  grid-template-columns: 32px minmax(0,1fr);
  align-items: center;
  gap: 10px;
  min-height: 78px;
  padding: 11px 12px;
}
.studio-shell.collection-studio .studio-badges .badge-choice[data-earned=true] { padding-inline-end: 35px; }
.studio-shell.collection-studio .studio-badges .badge-choice.has-badge-action { grid-template-columns: 32px minmax(0,1fr) auto; }
.studio-shell .studio-badges .badge-choice > img { grid-row: auto; }
.studio-shell .studio-badges .badge-copy .badge-owned { display: block; margin-top: 3px; }
.studio-shell .badge-action {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  padding: 5px 11px;
  border: 1px solid #ffffff16;
  border-radius: 999px;
  background: #201c28;
  color: #f6edff;
  white-space: nowrap;
  font-size: .78rem;
}
.studio-shell .badge-action:is(:hover,:focus-visible) { background: #332642; border-color: #c79de07d; }
.studio-badge-dialog p { color: #d4c7de; line-height: 1.55; }
.studio-badge-dialog .button { margin-top: 6px; }