/* Screenshot-guided composition, original TikPlayz black-and-gold finish. */
:root{--ref-border:#dfbf7726;--ref-muted:#a5a19a;--ref-gold:#ebc87e}
body{background:#08090b;color:#f4f1ea;font-family:Arial,Helvetica,sans-serif}.shell{min-height:100vh}.sidebar{width:255px;top:70px;height:calc(100vh - 70px);padding:16px 8px;background:linear-gradient(140deg,#151515,#08090b 65%);border-right:1px solid var(--ref-border);overflow-y:auto;z-index:40}.main{margin-left:255px;width:calc(100% - 255px);padding-top:70px;background:radial-gradient(ellipse at 100% 90%,#70502512,transparent 65%),#0c0d0f}.topbar{height:70px;position:fixed;inset:0 0 auto 0;z-index:50;padding:0 22px 0 16px;gap:20px;background:linear-gradient(#23211d,#0c0d0f);border-bottom:1px solid var(--ref-border)}.topbar .brand{margin:0;padding:0;min-width:110px;font-size:22px;gap:9px}.topbar .brand small,.topbar .brand-mark{display:none}.topbar .profile{margin:0;padding:0;border:0;background:none;min-width:180px;gap:10px}.topbar .profile b{font-size:13px}.topbar .profile small{font-size:10px;letter-spacing:0}.topbar .top-actions{margin-left:auto;gap:14px}.topbar .avatar{height:34px;width:34px;font-size:15px}.topbar .top-pill{font-size:10px;padding:9px}.topbar select{background:#151515;color:#ded6c7;border:1px solid var(--ref-border);border-radius:8px;padding:9px;font-size:11px}.content{padding:40px 38px;max-width:1292px;margin:0 auto}.content>.mode-bar[hidden]{display:none}.sidebar .global-search{width:100%;min-width:0;margin:4px 0 12px}.global-search input{height:34px;padding:8px 10px;font-size:12px;border:1px solid #c8b68c30;background:#20201e;border-radius:7px;width:100%}.global-search #searchResults{position:absolute;left:0;right:0;z-index:70;background:#141412}.sidebar .nav-link{width:100%;height:36px;margin:0;padding:0 10px;border:0;border-radius:7px;gap:12px;color:#aaa79f;font-size:13px;font-weight:400;text-transform:none;letter-spacing:0}.sidebar .nav-link.active{background:linear-gradient(100deg,#6d573d60,#4d453d50);color:#fff5df;border-left:3px solid #e8c581;padding-left:7px}.sidebar .nav-link:hover{background:#ffffff0b}.navicon{font-size:16px;width:14px;color:#a69a7b}.ref-nav-label{font-size:10px;letter-spacing:.7px;font-weight:bold;color:#a69c85;margin:23px 10px 10px}.ref-caret{margin-left:auto}.ref-flyout{position:fixed;top:86px;left:261px;bottom:15px;width:288px;z-index:45;background:linear-gradient(160deg,#1c1b18,#090a0c);border:1px solid var(--ref-border);border-radius:16px;padding:12px 14px;overflow:auto;box-shadow:15px 10px 50px #0009}.ref-fly-link{display:block;width:100%;padding:11px 10px;background:none;border:0;color:#bcb6a9;text-align:left;font-size:13px;cursor:pointer}.ref-fly-link:hover{color:var(--ref-gold);background:#d9b7780c;border-radius:8px}.ref-account{position:relative;font-size:12px}.ref-account summary{padding:10px 12px!important;color:#e7d6b5!important;background:#ffffff08;border:1px solid var(--ref-border);border-radius:8px;list-style:none}.ref-account-panel{position:absolute;right:0;top:43px;width:245px;display:grid;padding:15px;gap:7px;background:#171613;border:1px solid var(--ref-border);border-radius:12px;box-shadow:0 18px 60px #0009}.ref-account-panel strong{overflow:hidden;text-overflow:ellipsis;padding:6px 4px 12px}.ref-account-panel button{text-align:left;padding:11px;border-radius:6px}.ref-account-panel #logoutBtn{font:inherit;color:#dfd7c7;padding:11px}
.page-intro{margin:0 0 24px;position:relative}.page-intro h1,.ref-heading h1{font:700 30px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.9px;color:#f7f5f0;margin:0}.page-intro h1 em{font:inherit;color:inherit}.page-intro>.eyebrow{display:none}.page-intro>p{font-size:13px;margin:12px 0 0;line-height:1.6;color:var(--ref-muted);max-width:100%}.page-intro:has(.ref-page-switch){padding-right:170px}.ref-page-switch{position:absolute;right:0;top:0}.ref-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.panel{background:linear-gradient(130deg,#20201d75,#0f1013 70%);border:1px solid var(--ref-border);border-radius:13px;padding:20px;box-shadow:inset 0 1px #ffffff06;margin-bottom:14px}.panel h3{font:600 14px/1.4 Arial;margin:0 0 12px;color:#eae4d7}.panel .panel-eyebrow,.panel-head .panel-eyebrow{display:none}.panel p,.panel small{color:var(--ref-muted)}.btn{padding:10px 15px;border-radius:8px;font:600 12px/1.3 Arial;text-transform:none;letter-spacing:0;min-height:34px;box-shadow:none}.btn-gold{background:linear-gradient(125deg,#f5d994,#ce9e4d);color:#17120a;border:1px solid #e8c680}.btn-muted,.studio-mini{background:#ffffff06;color:#dcd4c3;border:1px solid #dfc38c30;border-radius:7px}.studio-mini{padding:8px 11px;font:12px Arial;cursor:pointer}.hint{font-size:12px;line-height:1.6}.footer{display:none}.ref-tabs{display:flex;gap:18px;border-bottom:1px solid #ffffff10;margin:0 0 22px;min-height:44px}.ref-tabs>button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:#a49f95;padding:12px 6px}.ref-tabs>button.selected{border-bottom-color:var(--ref-gold);color:#fff0d0}.ref-switches{display:flex;border:1px solid var(--ref-border);border-radius:12px;background:#101113;padding:0 10px}.ref-switch{display:flex;align-items:center;gap:9px;padding:11px 10px;font-size:12px;white-space:nowrap}.ref-switch input,.ref-row-actions input[type=checkbox]{appearance:none;width:35px;height:20px;background:#454545;border:0;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0}.ref-switch input:before,.ref-row-actions input[type=checkbox]:before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#aaa}.ref-switch input:checked,.ref-row-actions input[type=checkbox]:checked{background:linear-gradient(120deg,#b88730,#f3d593)}.ref-switch input:checked:before,.ref-row-actions input[type=checkbox]:checked:before{left:18px;background:#fff5df}input[type=range]{accent-color:var(--ref-gold);height:20px;padding:0;background:none;border:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f5d994;outline-offset:3px}.ref-connect{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:14px;min-height:80px}.ref-connect strong{font-size:14px}.ref-connect small{display:block;margin-top:8px;font-size:12px}.ref-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;border:1px solid #e5bd7060;background:radial-gradient(#51432c,#181817);color:#ead29a;font-size:20px}#dashboardConnectButtons{margin-left:auto;display:flex;gap:14px}.ref-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:150px 150px;gap:14px;margin-bottom:14px}.ref-stat{padding:20px;margin:0;min-width:0}.ref-stat>div{display:flex;justify-content:space-between;color:#b5b0a5;font-size:12px}.ref-stat>div span{font-size:18px;color:#e3b865}.ref-stat strong{display:block;margin-top:12px;font-size:28px;font-weight:600}.ref-stat:nth-child(1){grid-column:1;grid-row:1}.ref-stat:nth-child(2){grid-column:2;grid-row:1}.ref-stat:nth-child(3){grid-column:3;grid-row:1}.ref-stat:nth-child(4){grid-column:1;grid-row:2}.ref-stat:nth-child(5){grid-column:2;grid-row:2}.ref-stat:nth-child(6){grid-column:3;grid-row:2}.ref-stat:nth-child(3)>div span{color:#e57bab}.ref-stat:nth-child(5)>div span{color:#a68ce5}.ref-stat:nth-child(6)>div span{color:#5ccecc}.ref-live-feed{grid-column:4;grid-row:1/3;overflow:auto;margin:0}.ref-live-feed h3,.ref-boards h3{font-size:12px;color:#a9a396}.ref-boards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ref-boards>.panel{min-height:240px;margin:0;padding:20px}.ref-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;min-height:165px;font-size:13px;color:#aaa394}.ref-empty>span{font-size:42px;color:#b3a17e60}.ref-empty strong{font-weight:400}.ref-feed-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff08;font-size:11px}.ref-feed-row small{display:block;margin-top:6px;overflow-wrap:anywhere;line-height:1.5}.ref-feed-symbol{color:#e4c385}.ref-rank-row{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid #ffffff08;font-size:12px}.ref-rank-row span{overflow:hidden;text-overflow:ellipsis}.ref-dashboard>.hint{margin-top:16px}.ref-table-panel{padding:0;overflow:hidden}.ref-toolbar{padding:13px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff0a}.ref-toolbar>input{flex:1;min-width:100px}.ref-toolbar input,.ref-toolbar select{padding:10px 12px;background:#ffffff04;color:#c7c1b7;border:1px solid #e7d8af25;border-radius:9px;font-size:12px}.ref-toolbar h3{margin:0 0 5px}.ref-toolbar small{font-size:11px}#createActionButton{margin-left:auto}.ref-table-scroll{overflow:auto}.ref-table{border-collapse:collapse;width:100%;font-size:12px}.ref-table th{text-align:left;font-weight:400;color:#aaa599;padding:13px 16px;background:#ffffff02}.ref-table td{padding:11px 16px;border-top:1px solid #ffffff0b}.ref-table td:nth-child(3){min-width:165px;white-space:nowrap}.ref-table input[type=range]{width:90px;margin-right:9px;vertical-align:middle}.ref-table output{font-size:11px;color:#aaa59a}.ref-cell-button{width:100%;text-align:left;border:1px solid #e0c48b20;border-radius:8px;background:#08090b;padding:11px 12px;color:#eee7d8;font-size:12px;cursor:pointer;white-space:nowrap}.ref-row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.ref-table td.ref-row-actions{border-top:0}.ref-action-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:15px 16px;border-bottom:1px solid #ffffff0c;border-left:3px solid #b99450;font-size:12px;line-height:1.6}.ref-action-row small{color:#928b7e;margin-right:14px;font-size:11px}.ref-action-details{grid-column:1/-1;padding:15px;background:#08090b;border-radius:8px}.ref-dialog{width:min(850px,calc(100vw - 40px));max-height:90vh;padding:22px;background:linear-gradient(130deg,#24211b,#0e0f12);color:#f5eddf;border:1px solid #e3c48655;border-radius:16px;box-shadow:0 30px 130px #000b}.ref-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.ref-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ref-dialog-head h2{font:600 20px Arial;margin:0}.ref-dialog .panel{background:#111216;border-radius:10px}.ref-dialog .creator-form{margin-top:0}.ref-dialog .creator-action-row{grid-template-columns:1fr 1fr}.ref-dialog .creator-action-row input{max-width:100%}.ref-dialog form label{font-size:12px}.creator-form input:not([type=checkbox]):not([type=color]),.creator-form select,.creator-form textarea{padding:11px;font-size:12px}.ref-tts-grid{display:block!important}.ref-tts-primary{padding:0;background:none;border:0;box-shadow:none}.ref-tts-primary>.hint{display:none}#ttsSettings{display:block}#ttsSettings .ref-voice-card{margin-bottom:14px}#refVoiceChoice{display:grid;grid-template-columns:1fr 1.5fr 1fr auto;align-items:end;gap:14px}#refVoiceChoice label{font-size:12px}#refSliders{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px}#refSliders label{position:relative;font-size:12px;color:#bcb4a4;display:grid;gap:12px}#refSliders output{position:absolute;right:0;top:0;color:#eee3cd}#refSliders input{width:100%}#ttsSettings details{padding:18px 22px;background:#141518;border:1px solid var(--ref-border);border-radius:12px;margin:16px 0}#ttsSettings details>label{margin:14px 0}#ttsSettings label:has(select[multiple]){margin:20px 0;max-width:500px}#ttsSettings>button{margin:20px 0}#ttsSettings .ref-overrides .studio-form{display:flex}.creator-audio{font-size:11px;padding:12px 16px}.creator-audio button{font-size:11px;padding:8px 11px}.creator-advanced{margin-top:20px}.creator-advanced summary{font-size:12px}.creator-advanced .page-intro{display:none}.ref-simulation{width:74%;float:left}.ref-sim-preview{width:24%;float:right;min-height:220px}.ref-sim-preview button{width:100%;margin-top:12px}#simulationPreview{background:#08090b;padding:18px;border-radius:10px;margin:18px 0}#simulationPreview small{display:block;text-transform:uppercase;font-size:10px;margin-top:10px}#simulationPreview p{font-size:13px}#page-simulator::after{content:'';display:block;clear:both}#creatorGifts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}#creatorGifts .studio-row{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-height:140px;background:radial-gradient(at top,#3a3021,#101115 70%);border:1px solid var(--ref-border);padding:18px;border-radius:12px;font-size:12px;gap:20px}.auth-gate{background:radial-gradient(at 15% 50%,#5b401b44,transparent 70%),#08090b}.auth-card{border:1px solid #c6a46a40}.auth-gate .ref-public-art{width:220px;max-height:75vh;object-fit:cover;object-position:center;margin-right:55px;border-radius:20px;box-shadow:0 0 100px #bc893425}#page-front .hero{min-height:590px}#page-front .hero h1{font-size:52px}.ref-voice-card .hint{margin:0 0 18px}[hidden]{display:none!important}@media(min-width:1700px){.content{padding-top:40px}}@media(max-width:1250px){.content{padding:30px 24px}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.ref-flyout{left:226px}.ref-action-row{grid-template-columns:1fr auto}.ref-action-row>div:nth-child(2){grid-column:1}.ref-action-row>.ref-row-actions{grid-column:2;grid-row:1/3}.ref-toolbar{flex-wrap:wrap}.ref-table td{padding:10px}.ref-boards{gap:10px}.ref-boards>.panel{padding:13px}#refVoiceChoice{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{width:185px}.main{margin-left:185px;width:calc(100% - 185px)}.ref-flyout{left:191px}.topbar .profile{min-width:0}.topbar .profile small,.topbar .top-pill{display:none}.ref-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:120px 120px auto}.ref-live-feed{grid-column:1/4;grid-row:3;max-height:250px}.ref-boards{grid-template-columns:repeat(2,1fr)}.ref-heading{align-items:flex-start;flex-direction:column;gap:15px}.ref-connect{flex-wrap:wrap}#dashboardConnectButtons{margin-left:0}#creatorGifts{grid-template-columns:repeat(2,1fr)}.ref-simulation,.ref-sim-preview{float:none;width:100%}.ref-toolbar>select{max-width:150px}.auth-gate .ref-public-art{width:160px;margin-right:20px}.ref-action-row{grid-template-columns:1fr}.ref-action-row>.ref-row-actions{grid-column:1;grid-row:auto}}
@media(max-width:650px){.sidebar{width:65px;padding:12px 5px}.sidebar .global-search,.ref-nav-label{display:none}.sidebar .nav-link{font-size:0;justify-content:center;padding:0;height:43px}.sidebar .navicon{font-size:18px}.sidebar .ref-caret{display:none}.main{margin-left:65px;width:calc(100% - 65px)}.content{padding:24px 15px}.topbar{padding:0 12px;gap:10px}.topbar .brand{font-size:17px;min-width:80px}.topbar .profile{display:none}.topbar .top-actions{gap:8px}.topbar select{max-width:100px}.ref-flyout{left:71px;width:260px}.page-intro h1,.ref-heading h1{font-size:26px}.ref-switches{padding:0}.ref-switch{font-size:10px;padding:9px 7px;gap:6px}.ref-stat{padding:12px}.ref-stat strong{font-size:24px}.ref-stat>div{font-size:11px}.ref-stat>div span{display:none}.ref-dashboard-grid{gap:8px}.ref-boards{gap:8px}.ref-boards>.panel{min-height:190px}.ref-tabs{gap:10px}.ref-tabs button{font-size:11px}.ref-row-actions{flex-wrap:wrap}.ref-action-row{gap:10px}.ref-page-switch{position:static;margin-top:15px}.page-intro:has(.ref-page-switch){padding-right:0}#refVoiceChoice,#refSliders{grid-template-columns:1fr;gap:20px}.auth-gate .ref-public-art{display:none}.creator-layout{display:block}.ref-dialog{padding:15px}.ref-dialog .creator-action-row{grid-template-columns:1fr}.ref-toolbar input{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ref-analytics-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.ref-analytics-cards>.panel{min-height:145px;grid-row:auto;grid-column:auto}.ref-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.ref-day{padding:10px 8px;min-height:110px;background:linear-gradient(130deg,#59482745,#1b1b1a);border:1px solid #c6ac7420;border-radius:8px;overflow:hidden}.ref-day strong{font-size:11px;color:#d1c3a7}.ref-day small{display:block;font-size:10px;color:#b0a798;line-height:1.8}.ref-day.blank{background:none;border:0}.ref-day-heading{font-size:11px;color:#9e998f;padding:8px}#page-analytics>.page-intro select{position:absolute;right:0;top:0;padding:10px;border:1px solid var(--ref-border);background:#161614;color:var(--ref-gold);border-radius:8px}#pointsPaging{display:flex;gap:8px;white-space:nowrap}#pointsSummary{font-size:12px;white-space:nowrap}.ref-toolbar button:disabled{opacity:.35;cursor:default}@media(max-width:650px){.ref-analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-calendar{gap:3px}.ref-day{padding:6px 3px;min-height:85px}.ref-day small{font-size:8px}.ref-day strong{font-size:9px}.ref-day-heading{font-size:9px;padding:4px 0}#page-analytics>.page-intro select{position:static;margin-top:12px}}