/* VOIDCULT glass studio. Scoped to the editor and account UI; profile art stays user-owned. */
@font-face{font-family:VoidOnest;src:url('/fonts/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
body.studio-editor.studio-editor,body.auth-page.auth-page{--ui-lime:#c5fc62;--ui-border:#ffffff26;--ui-muted:#a5a8ab;--ui-glass:linear-gradient(135deg,#ffffff08,#ffffff01 42%),linear-gradient(160deg,#17191be8,#0b0d0feb);background:#08090b;color:#f4f5f6;font-family:VoidOnest,Arial,sans-serif;isolation:isolate}
body.studio-editor:before,body.auth-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#08090b30,#08090b80),url('/assets/studio-obsidian.png') center/cover no-repeat;opacity:.72}
body.studio-editor>header{min-height:84px;height:auto;padding:20px max(24px,calc((100vw - 1480px)/2));padding-right:490px;gap:28px;border-bottom:1px solid var(--ui-border);background:linear-gradient(120deg,#151719ce,#090a0dd9);backdrop-filter:blur(20px)}
body.studio-editor>header .logo{font-size:25px;letter-spacing:-1px;white-space:nowrap}
body.studio-editor>header nav{margin-left:12px;gap:8px}
body.studio-editor>header .nav{padding:10px 12px;border-radius:9px;font-size:14px;color:var(--ui-muted)}
body.studio-editor>header .nav.active{color:#fff;background:#ffffff09}
body.studio-editor>header .demo-label,body.studio-editor>header .auto-save-header{display:none}
body.studio-editor>.account-nav{top:20px;right:24px;gap:10px;align-items:center;max-width:450px}
body.studio-editor>.account-nav :is(a,button,select){font-family:inherit;font-size:14px;border-radius:10px;padding:10px 14px;background:#111417e6;border:1px solid #c5fc6245;color:#d1f997;margin:0;min-height:42px}
body.studio-editor>.account-nav select{max-width:112px;border-color:var(--ui-border);color:#e6e7e8}
body.studio-editor>main{max-width:1480px;padding:38px 32px 0}
body.studio-editor>main .intro{margin-bottom:30px;gap:24px}
body.studio-editor>main .intro h1{font-size:clamp(30px,3vw,44px);letter-spacing:-1.5px;line-height:1.15}
body.studio-editor>main .intro p:not(.eyebrow){font-size:16px;color:var(--ui-muted);line-height:1.6}
body.studio-editor>main .eyebrow{font-size:12px;line-height:1.5;letter-spacing:2px}
body.studio-editor>main .url-pill{max-width:48%;padding:14px 20px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-glass);box-shadow:inset 0 1px #ffffff0b;font-size:13px;min-width:0;overflow-wrap:anywhere;flex-wrap:wrap}
body.studio-editor>main .url-pill span{min-width:0;overflow-wrap:anywhere;color:#9da2a8}
body.studio-editor>main .workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:start}
body.studio-editor>main aside{background:var(--ui-glass);border:1px solid #ffffff30;border-radius:24px;box-shadow:inset 0 1px #ffffff15,0 22px 60px #0006;backdrop-filter:blur(20px);overflow:visible;min-width:0}
body.studio-editor>main .panel-head{padding:28px 28px 20px;gap:20px;font-size:16px}
body.studio-editor>main .tiny{font-size:12px;color:#858b91}
body.studio-editor>main .tabs{margin:0 24px;padding:12px;gap:8px;border:1px solid #ffffff1a;border-radius:16px;background:#080a0c60}
body.studio-editor>main .tab{padding:11px 13px;min-height:42px;font-size:14px;color:#b3b7bb;border:1px solid transparent;border-radius:10px;background:transparent;line-height:1.4}
body.studio-editor>main .tab:hover{color:#fff;background:#ffffff08;border-color:#ffffff18}
body.studio-editor>main .tab.active{background:linear-gradient(135deg,#d3ff82,#b8f34e);color:#172009;border-color:#d3ff8299;box-shadow:0 0 20px #c5fc6215;font-weight:650}
body.studio-editor>main .settings{padding:28px;max-height:none;overflow:visible;min-width:0}
body.studio-editor>main .settings>h2{font-size:28px;margin:0 0 24px;color:#f6f7f8}
body.studio-editor>main :is(.studio-group,.frame-settings){padding:24px;margin:0 0 24px;min-width:0;border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(145deg,#ffffff05,#ffffff00 55%),#0c0f1255;box-shadow:inset 0 1px #ffffff09}
body.studio-editor>main :is(.studio-group,.frame-settings):last-child{margin-bottom:0}
body.studio-editor>main :is(.studio-group,.frame-settings) legend{padding:0 10px;font-size:16px;font-weight:650;color:#f2f3f4;line-height:1.5}
body.studio-editor>main .settings label{font-size:14px;line-height:1.5;color:#c6c9cc;margin-bottom:22px}
body.studio-editor>main .settings :is(p,small){color:#a6acb2;line-height:1.65;overflow-wrap:anywhere}
body.studio-editor>main .settings p{font-size:14px}
body.studio-editor>main .settings small{font-size:13px}
body.studio-editor>main .settings :is(input,textarea,select){border:1px solid #ffffff26;background:#080a0d9c;color:#f4f5f6;padding:12px 14px;border-radius:11px;font-family:VoidOnest,Arial,sans-serif;font-size:14px;min-height:44px;min-width:0;max-width:100%;box-shadow:inset 0 1px 8px #0003}
body.studio-editor>main .settings textarea{min-height:112px;line-height:1.65}
body.studio-editor>main .settings input:is([type=range],[type=checkbox]){padding:0;min-height:0;box-shadow:none;accent-color:var(--ui-lime)}
body.studio-editor>main .settings input[type=color]{height:44px;padding:6px;cursor:pointer}
body.studio-editor>main .settings :is(input,textarea,select):focus-visible{outline:2px solid #c5fc6288;outline-offset:3px;border-color:#c5fc6299}
body.studio-editor>main .settings input:disabled,body.studio-editor>main .settings select:disabled{opacity:.45}
body.studio-editor>main .settings button{border-radius:10px;min-height:40px;line-height:1.45;font-family:inherit;font-size:14px;padding:10px 14px;max-width:100%;overflow-wrap:anywhere}
body.studio-editor>main :is(.studio-action,.admin-button){background:linear-gradient(135deg,#d2ff80,#b8f34e);color:#172009;border:1px solid #c5fc6255;font-weight:650;box-shadow:0 4px 16px #0003;margin-top:12px;margin-bottom:4px}
body.studio-editor>main .studio-action.secondary{background:#15191a;color:#d0eeac;border:1px solid #c5fc623d;margin-top:12px}
body.studio-editor>main .settings>.studio-action{margin-top:12px;margin-bottom:28px}
body.studio-editor>main .settings>button+button{margin-left:10px}
body.studio-editor>main .settings>button{margin-bottom:16px}
body.studio-editor>main .settings :is(.studio-stat,.studio-list-row,.admin-row){padding:15px 0;gap:16px;border-color:#ffffff16;color:#d2d5d8;font-size:14px}
body.studio-editor>main .settings :is(.studio-list-row,.admin-row) button{background:#251518;color:#ffb2b9;border:1px solid #aa556550}
body.studio-editor>main .studio-chart{margin-top:24px;padding:0 8px 16px;gap:12px;scrollbar-width:thin;scrollbar-color:#696d71 #17191c}
body.studio-editor>main .studio-chart i{background:linear-gradient(#d8ff94,#b1ef46);box-shadow:0 0 10px #c5fc6212}
body.studio-editor>main .studio-chart span{font-size:12px;color:#b4b9bf}
body.studio-editor>main .panel-foot{margin-top:4px;padding:22px 28px;border-top:1px solid #ffffff18;color:#8c9299;font-size:12px}
body.studio-editor>main .preview-section{position:sticky;top:24px;min-width:0}
body.studio-editor>main .preview-toolbar{height:auto;min-height:48px;gap:16px;align-items:center;margin:0 0 16px;font-size:14px}
body.studio-editor>main .preview-toolbar>span{padding:0}
body.studio-editor>main .preview-toolbar>div{gap:8px;flex-wrap:wrap}
body.studio-editor>main .preview-toolbar button{padding:9px 12px;border:1px solid #ffffff2b;border-radius:9px;background:#0f1214c9;color:#b8bec4;min-height:38px;font-size:13px}
body.studio-editor>main .preview-toolbar .device.active{color:#c5fc62;border-color:#c5fc6277;background:#c5fc6212}
body.studio-editor>main .stage{border:1px solid #ffffff34;border-radius:24px;box-shadow:inset 0 1px #ffffff15,0 24px 60px #0006;min-height:630px}
body.studio-editor>main .preview-caption{font-size:12px;color:#9ca2a8;gap:20px;margin-top:16px;line-height:1.5}
body.studio-editor>main footer{margin-top:36px;padding:24px 0;border-color:#ffffff23;gap:20px;font-size:12px;color:#969da5;line-height:1.6}
body.studio-editor>main :is(.extra-offer,.extra-request,.studio-gallery-item,.vc-badge-editor){background:linear-gradient(135deg,#ffffff06,#ffffff00 50%),#0d1013a6;border:1px solid #ffffff24;border-radius:16px;padding:20px;margin:16px 0}
body.studio-editor>main .vc-badge-editor{padding:0;overflow:hidden}
body.studio-editor>main .vc-badge-editor summary{padding:20px;color:#e5e7e9}
body.studio-editor>main .vc-badge-controls{padding:20px;gap:20px;border-color:#ffffff1c}
body.studio-editor>main .vc-badge-controls label{margin:0}
body.studio-editor>main .vc-badge-designs{gap:12px}
body.studio-editor>main :is(.vc-badge-designs button,.vc-font-samples button,.cursor-choice,.frame-choice,.studio-gallery-item button){background:#101316;border:1px solid #ffffff24;color:#c8cdd2;border-radius:12px}
body.studio-editor>main :is(.vc-badge-designs button,.vc-font-samples button,.cursor-choice,.frame-choice)[aria-pressed=true]{border-color:#c5fc62;background:#c5fc6210;color:#d5ff9c;box-shadow:0 0 20px #c5fc620a}
body.studio-editor>main .vc-badge-designs button{padding:18px 10px;min-height:120px;font-size:13px}
body.studio-editor>main .vc-badge-controls output{font-size:13px;color:#a7b79b;margin-top:8px}
body.studio-editor>main .vc-shop-row{padding:20px;gap:20px;margin-bottom:16px;border:1px solid #ffffff22;border-radius:16px;background:linear-gradient(140deg,#ffffff05,#ffffff00),#0e1114b0;align-items:center}
body.studio-editor>main .vc-shop-row small{color:#abb2ba;line-height:1.6}
body.studio-editor>main .vc-shop-row button{background:#c5fc6212;color:#dcffaf;border:1px solid #c5fc6244;margin:0 0 0 auto}
body.studio-editor>main :is(.studio-gallery,.studio-add,.frame-grid,.tag-custom-form,.vc-font-samples){gap:16px}
body.studio-editor>main .saved-file-control{padding:12px 14px;border-color:#ffffff28;background:#0b0e11;border-radius:12px;gap:14px}
body.studio-editor>main .saved-file-status{color:#a7b0b9}
body.studio-editor>main .saved-file-control input[type=file]{min-height:0;padding:0}
body.studio-editor .vc-dialog,body.viewer .vc-dialog{font-family:VoidOnest,Arial,sans-serif;background:linear-gradient(135deg,#202327f5,#0c0f12f5);border:1px solid #ffffff38;border-radius:24px;padding:32px;box-shadow:inset 0 1px #ffffff12,0 30px 100px #000a;color:#eef0f2;backdrop-filter:blur(24px)}
body.studio-editor .vc-dialog h2,body.viewer .vc-dialog h2{margin:0 36px 24px 0;font-size:26px}
body.studio-editor .vc-dialog :is(input,select,textarea),body.viewer .vc-dialog :is(input,select,textarea){border:1px solid #ffffff2a;border-radius:11px;background:#090c0f;color:#edf0f3;padding:12px 14px;font-size:14px;margin:10px 0 18px;min-height:44px}
body.studio-editor .vc-dialog button:not(.vc-close),body.viewer .vc-dialog button:not(.vc-close){border:1px solid #c5fc6244;background:#c5fc6212;color:#d4ff9b;padding:12px 16px;border-radius:10px;min-height:44px;margin-top:8px;font-size:14px}
body.studio-editor .vc-dialog .vc-close,body.viewer .vc-dialog .vc-close{right:18px;top:18px;width:32px;height:32px;padding:0;line-height:1}
body.studio-editor .vc-dialog::backdrop,body.viewer .vc-dialog::backdrop{background:#020305bd;backdrop-filter:blur(8px)}
body.studio-editor .vc-chat-log,body.viewer .vc-chat-log{background:#080b0e6b;border-color:#ffffff22;padding:14px;margin:20px 0;border-radius:14px}
body.studio-editor .vc-message,body.viewer .vc-message{border-color:#ffffff18;padding:14px 0}
body.studio-editor .vc-row-actions,body.viewer .vc-row-actions{gap:12px}
body.auth-page{padding:32px;min-height:100svh}
body.auth-page .auth-card{padding:40px;width:min(460px,100%);background:var(--ui-glass);border:1px solid #ffffff33;border-radius:24px;box-shadow:inset 0 1px #ffffff16,0 25px 80px #0007;backdrop-filter:blur(24px)}
body.auth-page .auth-card h1{margin:32px 0 16px;letter-spacing:-1px;font-size:32px}
body.auth-page .auth-card p{font-size:15px;color:#aeb5bc;line-height:1.65}
body.auth-page .auth-card label{margin-top:24px;line-height:1.5;color:#d4d8dc}
body.auth-page .auth-card input{background:#090c0fe6;border:1px solid #ffffff28;border-radius:11px;padding:14px;font-family:inherit}
body.auth-page .auth-card button{margin-top:28px;padding:14px 20px;border:1px solid #c5fc6266;background:linear-gradient(135deg,#d3ff82,#b8f34e);color:#172009;border-radius:11px;font-family:inherit}
body.auth-page .auth-card .brand{font-family:inherit;letter-spacing:-1px}
body.auth-page .auth-card .brand span{color:#c5fc62}
@media(min-width:1800px){body.studio-editor>header{padding-right:max(490px,calc((100vw - 1480px)/2))}}
@media(max-width:1150px){body.studio-editor>header{padding:20px 24px;flex-wrap:wrap}body.studio-editor>.account-nav{position:static;max-width:none;margin:16px 24px 0;justify-content:flex-end;flex-wrap:wrap}body.studio-editor>main .workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px}body.studio-editor>main .settings{padding:24px}body.studio-editor>main .tabs{margin:0 20px;gap:6px}body.studio-editor>main .tab{padding:10px;font-size:13px}}
@media(max-width:900px){body.studio-editor>main .workspace{grid-template-columns:1fr;gap:28px}body.studio-editor>main .preview-section{position:static;order:2}body.studio-editor>main .stage{min-height:540px}body.studio-editor>main .intro{align-items:flex-start;flex-wrap:wrap}body.studio-editor>main .url-pill{max-width:100%}body.studio-editor>main .settings{max-height:none}body.studio-editor>main .vc-shop-row{flex-wrap:wrap}}
@media(max-width:540px){body.studio-editor>header{padding:18px 16px;gap:16px}body.studio-editor>header nav{margin-left:auto;gap:2px}body.studio-editor>header .nav{padding:8px;font-size:13px}body.studio-editor>.account-nav{margin:12px 16px 0;gap:8px;justify-content:flex-start;max-width:calc(100% - 32px)}body.studio-editor>.account-nav :is(a,button,select){font-size:13px;padding:9px 11px}body.studio-editor>main{padding:28px 16px 0}body.studio-editor>main .intro{margin-bottom:24px}body.studio-editor>main .panel-head{padding:22px 20px 18px;font-size:15px}body.studio-editor>main .tabs{margin:0 16px;padding:10px;gap:6px}body.studio-editor>main .tab{font-size:13px;padding:9px 10px}body.studio-editor>main .settings{padding:22px 18px}body.studio-editor>main :is(.studio-group,.frame-settings){padding:20px 16px;margin-bottom:22px}body.studio-editor>main .settings>h2{font-size:25px}body.studio-editor>main .preview-toolbar{flex-wrap:wrap;gap:12px}body.studio-editor>main .panel-foot{padding:20px;font-size:12px}body.studio-editor>main .vc-badge-controls{padding:18px 14px;gap:16px}body.studio-editor>main .vc-badge-designs{gap:10px}body.studio-editor>main .vc-shop-row{padding:18px 16px;gap:16px}body.studio-editor>main .vc-shop-row button{margin-left:0}body.studio-editor>main .currency-prices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.studio-editor>main .vc-row-actions{gap:10px}body.studio-editor .vc-dialog,body.viewer .vc-dialog{padding:26px 20px;border-radius:20px}body.auth-page{padding:20px}body.auth-page .auth-card{padding:28px 24px}body.studio-editor>main .preview-caption{flex-wrap:wrap}body.studio-editor:before,body.auth-page:before{opacity:.4}}
@media(prefers-reduced-transparency:reduce){body.studio-editor>main aside,body.auth-page .auth-card{background:#121519;backdrop-filter:none}}
@media(max-width:1150px){body.studio-editor{display:flex;flex-direction:column}body.studio-editor>header{order:0;width:100%}body.studio-editor>.account-nav{order:1}body.studio-editor>main{order:2;width:100%}body.studio-editor>main .settings>button+button{margin-left:0;margin-right:10px}}
body.studio-editor #toast{position:fixed;z-index:1800;left:50%;bottom:28px;transform:translateX(-50%);max-width:calc(100vw - 40px);padding:14px 20px;border-radius:12px;background:#c5fc62;color:#152008;box-shadow:0 12px 36px #0008;opacity:0;visibility:hidden;pointer-events:none;font-size:14px;text-align:center}
body.studio-editor #toast.show{opacity:1;visibility:visible}
body.studio-editor .playlist-dialog,body.viewer .playlist-dialog{background:linear-gradient(135deg,#202327f5,#0c0f12f5);border:1px solid #ffffff38;border-radius:24px;padding:30px;box-shadow:0 30px 100px #000a;color:#eef0f2;font-family:VoidOnest,Arial,sans-serif;backdrop-filter:blur(24px)}
body.studio-editor .playlist-dialog :is(input,select){background:#090c0f;border:1px solid #ffffff28;border-radius:11px;color:#eef0f2;padding:12px 14px;margin:10px 0 20px;min-height:44px}
body.studio-editor .playlist-dialog button:not(.playlist-close){padding:12px 16px;border-radius:11px;min-height:44px;margin:12px 0;border:1px solid #c5fc6244}
body.studio-editor .playlist-dialog::backdrop,body.viewer .playlist-dialog::backdrop{background:#020305bd;backdrop-filter:blur(8px)}