:root{font-family:Arial,Helvetica,sans-serif;color:#1b2940;background:#f6f8fb;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{color:#1b2940;border:1px solid #dfe5ef;border-radius:8px;padding:11px 12px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#4c65d8;box-shadow:0 0 0 3px #4c65d820}label{font-size:13px;font-weight:700;color:#52617b;display:grid;gap:7px}.primary{background:#3857d6;border:1px solid #3857d6;color:#fff;padding:11px 15px;border-radius:8px;font-size:14px;font-weight:700}.primary:hover{background:#2949c2}.secondary{background:#eef2ff;color:#3857d6;border:0;padding:10px 13px;border-radius:8px;font-size:13px;font-weight:700}.ghost{background:none;border:0;color:#65738a;padding:8px}.muted{color:#8190a4}.small{font-size:13px}.loading{padding:40px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0%,#e8edff,transparent 50%),#f6f8fb}.auth-card{width:min(100%,430px);background:#fff;border:1px solid #e2e7f1;border-radius:16px;padding:30px;box-shadow:0 24px 70px #293e7920}.logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.7px}.mark{width:33px;height:33px;display:grid;place-items:center;background:#3857d6;color:#fff;border-radius:9px;transform:rotate(-7deg)}.auth-card h1{font-size:25px;margin:30px 0 8px;letter-spacing:-.7px}.auth-card p{color:#75839a;line-height:1.5;margin:0 0 26px;font-size:14px}.form-stack{display:grid;gap:16px}.form-stack input,.form-stack select{width:100%}.form-stack button{margin-top:6px}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid #e3e8f0;padding:26px 13px;display:flex;flex-direction:column;flex:none}.sidebar .logo{padding:0 11px 35px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#929eb1;text-transform:uppercase}.sidebar .eyebrow{padding:0 12px 9px}.niche-select{width:100%;font-weight:700;background:#fff}.nav{display:grid;gap:4px;margin-top:28px}.nav button{border:0;background:none;text-align:left;color:#68768e;border-radius:8px;padding:12px;font-size:14px;font-weight:700}.nav button.active{background:#edf1ff;color:#3857d6}.nav button:hover:not(.active){background:#f5f7fb}.side-bottom{margin-top:auto;border-top:1px solid #e5e9f0;padding:18px 9px 0;display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;background:#e6dcff;color:#6745a2;border-radius:50%;font-weight:800;flex:none}.side-bottom div:nth-child(2){display:grid;gap:3px;min-width:0}.side-bottom strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-bottom span{font-size:12px;color:#8b98aa}.side-bottom button{margin-left:auto;font-size:11px}.main{flex:1;min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid #e3e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 31px;color:#8591a4;font-size:13px}.topbar strong{color:#3e4d66}.content{padding:35px 32px 65px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:26px}.heading h1{font-size:31px;letter-spacing:-1px;margin:7px 0}.heading p{font-size:14px;color:#7d8a9d;margin:0;line-height:1.45}.heading .eyebrow{color:#526dd6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:21px}.stat,.panel{background:#fff;border:1px solid #e3e8f0;border-radius:12px}.stat{padding:19px 21px;display:grid;gap:4px}.stat span{font-size:12px;color:#7c899e;font-weight:700}.stat strong{font-size:30px;letter-spacing:-1px}.stat small{color:#9ba5b4}.quick{background:#fff;border:1px solid #e3e8f0;border-radius:11px;padding:9px;display:flex;gap:10px;margin-bottom:25px}.quick input{border:0;box-shadow:none;flex:1;min-width:0}.board{display:grid;grid-template-columns:repeat(4,minmax(235px,1fr));gap:14px;align-items:stretch}.column{background:#edf1f6;border-radius:11px;padding:12px;min-height:330px}.column-head{display:flex;align-items:center;gap:8px;padding:4px 3px 14px;font-size:13px;font-weight:800}.count{border-radius:5px;background:#dfe5ee;padding:2px 7px;color:#718097;font-size:11px}.dot{width:8px;height:8px;background:#9aa6ba;border-radius:50%}.column:nth-child(2) .dot{background:#eca744}.column:nth-child(3) .dot{background:#806fdd}.column:nth-child(4) .dot{background:#43ba87}.card{background:#fff;border:1px solid #e6eaf1;border-radius:9px;padding:14px;margin-bottom:10px;box-shadow:0 3px 12px #2d3d6308}.badge{color:#526dd6;background:#eef2ff;font-size:10px;font-weight:800;letter-spacing:.7px;padding:4px 6px;border-radius:4px}.card h3{font-size:14px;line-height:1.45;margin:16px 0}.card .meta{font-size:11px;color:#8491a4;display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}.code{background:#f0f3f7;padding:4px 5px;border-radius:4px;font-size:10px;font-weight:800}.card-actions{border-top:1px solid #eef0f4;padding-top:10px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.card-actions button{border:0;background:#f2f4f8;color:#65748c;padding:5px 7px;border-radius:5px;font-size:11px}.card-actions button:last-child{margin-left:auto}.thumb{width:100%;height:95px;object-fit:cover;border-radius:6px;margin:0 0 4px}.panel{padding:22px;margin-bottom:17px}.panel h2{font-size:18px;margin:0 0 19px;letter-spacing:-.4px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-head h2{margin-bottom:20px}.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:11px}.channel{border:1px solid #e4e9f0;border-radius:9px;padding:14px;display:flex;align-items:center;gap:11px}.channel .globe{width:35px;height:35px;display:grid;place-items:center;background:#eaf0ff;border-radius:8px;color:#4b65cc}.channel div{display:grid;gap:3px}.channel strong{font-size:14px}.channel small{color:#8b98a9}.inline-form{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0 0}.inline-form input{flex:1;min-width:170px}.row{display:flex;gap:12px;align-items:center;border-top:1px solid #e9edf3;padding:15px 0}.row:first-of-type{border-top:0}.row-main{flex:1;min-width:0}.row-main strong{font-size:14px;display:block}.row-main small{font-size:12px;color:#8996a8}.role{color:#405ed0;background:#eef2ff;padding:7px 10px;border-radius:6px;font-size:11px;font-weight:800}.title-list{display:grid;gap:12px}.title-record{border:1px solid #e3e8f0;border-radius:9px;padding:15px}.title-record h3{font-size:15px;margin:0 0 12px}.translation{display:grid;grid-template-columns:140px 1fr auto;gap:10px;padding:10px 0;border-top:1px solid #edf0f4;font-size:13px;align-items:center}.translation label{font-size:12px}.translation input{width:100%;padding:8px}.script-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.script-grid .panel{margin:0}.script-grid .wide{grid-column:span 2}.script-grid textarea{width:100%;min-height:240px;resize:vertical;line-height:1.5}.script-grid input,.script-grid select{width:100%}.script-grid .form-stack{gap:12px}.script-options{display:grid;grid-template-columns:190px 1fr;gap:12px}.result{white-space:pre-wrap;line-height:1.55;border:1px solid #e4e9f0;background:#fafbfe;border-radius:8px;padding:14px;max-height:450px;overflow:auto;font-size:14px}.notice{font-size:13px;color:#8d6f29;background:#fff8e9;border:1px solid #f6e4b4;border-radius:8px;padding:12px;margin-bottom:17px;line-height:1.5}.history{font-size:13px}.history button{display:block;background:none;border:0;color:#3857d6;padding:8px 0;text-align:left}#toast{position:fixed;bottom:24px;right:24px;max-width:360px;background:#1e2c45;color:#fff;border-radius:9px;padding:14px 17px;box-shadow:0 20px 40px #20305330;font-size:13px;display:none;line-height:1.4}.modal-backdrop{position:fixed;inset:0;background:#13223d8c;display:grid;place-items:center;padding:20px;z-index:10}.modal{background:#fff;border-radius:13px;width:min(100%,480px);padding:25px;box-shadow:0 30px 90px #0d1d3d55}.modal h2{margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:1200px){.board{overflow-x:auto;grid-template-columns:repeat(4,250px)}}@media(max-width:800px){.sidebar{width:70px;padding:23px 7px}.sidebar .logo{padding:0 10px 34px}.sidebar .logo>span,.sidebar .eyebrow,.sidebar .niche-select,.nav button span,.side-bottom div:nth-child(2),.side-bottom button{display:none}.nav button{text-align:center;font-size:19px}.side-bottom{justify-content:center}.content{padding:26px 18px}.script-grid{grid-template-columns:1fr}.script-grid .wide{grid-column:auto}}@media(max-width:600px){.sidebar{width:54px;padding:17px 4px}.sidebar .logo{padding:0 6px 30px}.mark{width:29px;height:29px}.topbar{height:59px;padding:0 15px}.content{padding:23px 13px}.heading h1{font-size:25px}.heading p{font-size:12px}.heading .primary{font-size:0;padding:9px}.heading .primary::first-letter{font-size:16px}.stats{gap:7px}.stat{padding:12px 9px}.stat span{font-size:10px}.stat strong{font-size:23px}.stat small{font-size:10px}.quick input{font-size:12px}.translation{grid-template-columns:95px 1fr auto}.script-options{grid-template-columns:1fr}}
.team-row{align-items:flex-start}.member-niches{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.member-niches span{font-size:11px;color:#53627a;background:#f1f4f8;border-radius:999px;padding:4px 7px}.modal{max-height:calc(100vh - 40px);overflow:auto}.niche-access{border:1px solid #dfe5ef;border-radius:9px;padding:13px;margin:0}.niche-access legend{font-size:13px;font-weight:800;color:#52617b;padding:0 5px}.niche-access-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.niche-access-head p{margin:0}.niche-select-all{flex:none;padding:8px 10px}.niche-selection-count{margin-bottom:10px}.niche-access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.niche-access-list label{display:flex;align-items:center;gap:7px;background:#f7f9fc;border-radius:7px;padding:8px;font-weight:600}.niche-access-list input{width:auto;margin:0}.emoji-field{display:grid;gap:10px}.emoji-toggle{justify-self:start;background:#eef2ff;color:#3857d6;border:0;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:700}.emoji-options{border:1px solid #dfe5ef;border-radius:10px;background:#f8faff;padding:10px}.emoji-search-wrap{display:flex;align-items:center;gap:9px;position:sticky;top:-10px;background:#f8faff;padding:0 0 9px;z-index:1}.emoji-search{flex:1;min-width:0}.emoji-count{font-size:11px;color:#78869b;white-space:nowrap}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-height:260px;overflow:auto;padding-right:3px}.emoji-option{border:1px solid #e2e7f0;background:#fff;border-radius:7px;padding:7px 3px;font-size:21px;line-height:1.2}.emoji-option:hover,.emoji-option:focus{border-color:#4c65d8;background:#eef2ff;transform:translateY(-1px)}.emoji-empty{font-size:13px;color:#8190a4;text-align:center;margin:15px 0 6px}@media(max-width:600px){.niche-access-head{align-items:flex-start;flex-direction:column}.niche-access-list{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.team-row{flex-wrap:wrap}.team-row .role{margin-left:48px}}
.member-permissions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.member-permissions span{font-size:11px;color:#2949c2;background:#edf1ff;border-radius:999px;padding:4px 7px}.team-actions{display:flex;align-items:center;gap:2px}.temporary-password{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border:1px solid #cdd7ff;background:#f3f6ff;border-radius:8px}.temporary-password>span{font-size:11px;font-weight:800;color:#3857d6}.temporary-password code{font-size:13px;font-weight:800;color:#1b2940;background:#fff;border:1px solid #dfe5ef;border-radius:5px;padding:4px 7px}.temporary-password small{width:100%}.temporary-password.expired{border-color:#efc7c7;background:#fff5f5}.temporary-password.expired>span{color:#b13c3c}.youtube-access{border:1px solid #dfe5ef;border-radius:9px;padding:13px;margin:0;display:grid;gap:8px}.youtube-access legend{font-size:13px;font-weight:800;color:#52617b;padding:0 5px}.youtube-access>p{margin:0 0 3px}.youtube-access label{display:flex;align-items:flex-start;gap:9px;background:#f7f9fc;border-radius:7px;padding:10px}.youtube-access input{width:auto;margin:2px 0 0}.youtube-access label span{display:grid;gap:3px}.youtube-access label small{font-weight:400;color:#8190a4;line-height:1.35}.password-logout{width:100%;margin-top:12px}.form-stack label>small{font-weight:400;color:#8190a4;line-height:1.4}@media(max-width:600px){.team-actions{width:100%;justify-content:flex-end}.temporary-password{align-items:flex-start}.youtube-access label{font-size:12px}}
.transcript-help{margin:-5px 0 10px;line-height:1.45}.transcript-editor{display:block;width:100%;min-height:420px;resize:vertical;line-height:1.55;font-size:14px;background:transparent;color:inherit;caret-color:currentColor}.transcript-editor::placeholder{color:inherit;opacity:.55}@media(max-width:600px){.transcript-editor{min-height:330px}}
.emoji-field,.emoji-options,.emoji-search-wrap,.emoji-grid{width:100%;min-width:0}.emoji-options{overflow:hidden;background:transparent}.emoji-search-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative;top:auto;background:transparent}.emoji-search{width:100%;min-width:0;background:transparent;color:inherit}.emoji-count{align-self:center}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));max-height:290px;overflow-x:hidden;overflow-y:auto}.emoji-option{display:grid;place-items:center;width:100%;min-width:0;height:42px;padding:4px;background:transparent;color:inherit;overflow:hidden}@media(max-width:600px){.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-option{height:38px}}
.emoji-options:not([hidden]){display:block}.emoji-options>.emoji-search-wrap{display:flex!important;width:auto!important;max-width:none!important;align-items:center}.emoji-search-wrap>.emoji-search{flex:1 1 auto!important;width:auto!important;max-width:none!important}.emoji-options>.emoji-grid{display:flex!important;flex-flow:row wrap!important;align-content:flex-start;width:auto!important;max-width:none!important;gap:6px}.emoji-grid>.emoji-option{flex:0 0 42px!important;width:42px!important;max-width:42px!important;height:42px}@media(max-width:600px){.emoji-grid>.emoji-option{flex-basis:38px!important;width:38px!important;max-width:38px!important;height:38px}}
.youtube-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.youtube-controls label{min-width:150px}.youtube-controls select{padding:9px 11px;background:#fff}.youtube-controls button{height:39px}.youtube-loading{display:grid;gap:7px;min-height:130px;align-content:center;text-align:center}.youtube-setup{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.youtube-metrics{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:17px}.youtube-metric{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:18px 19px;display:grid;gap:6px;min-width:0}.youtube-metric>span{font-size:12px;color:#7c899e;font-weight:700}.youtube-metric>strong{font-size:27px;letter-spacing:-.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.youtube-metric small{color:#8a97a9;font-size:11px}.positive{color:#18865b}.negative{color:#c44747}.youtube-chart-panel .panel-head{align-items:flex-start}.youtube-chart-panel .panel-head p,.youtube-table-panel .panel-head p{margin:-13px 0 17px}.youtube-chart{height:230px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid #dfe5ef;padding:18px 4px 0;overflow-x:auto}.youtube-bar-col{height:100%;min-width:22px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.youtube-bar{width:min(100%,32px);min-height:4px;background:linear-gradient(180deg,#6f86ee,#3857d6);border-radius:5px 5px 2px 2px}.youtube-bar-col small{font-size:9px;color:#8d99aa;writing-mode:vertical-rl;transform:rotate(180deg);height:34px}.youtube-empty-chart{min-height:210px;border:1px dashed #dce3ed;border-radius:10px;background:#fafbfe;display:grid;place-content:center;text-align:center;gap:7px;color:#69788f}.youtube-empty-chart span{font-size:13px;color:#929dae}.youtube-table-wrap{overflow:auto}.youtube-table{width:100%;border-collapse:collapse;min-width:800px}.youtube-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:#8d99aa;padding:0 12px 11px}.youtube-table td{border-top:1px solid #edf0f4;padding:14px 12px;font-size:13px;vertical-align:middle}.youtube-channel-name{display:grid;gap:4px}.youtube-channel-name strong{font-size:14px}.youtube-channel-name span{font-size:11px;color:#8a97aa}.youtube-status{display:inline-flex;border-radius:999px;padding:5px 8px;background:#f1f3f7;color:#758297;font-size:10px;font-weight:800}.youtube-status.connected{background:#e8f8f1;color:#18865b}.youtube-sync-time{display:block;color:#929dae;margin-top:5px}.youtube-connect{display:block;padding:5px 0;color:#3857d6}@media(max-width:1150px){.youtube-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.youtube-controls{width:100%;margin-top:8px}.youtube-controls label{flex:1}.youtube-metrics{grid-template-columns:repeat(2,1fr)}.youtube-chart{height:190px}}@media(max-width:520px){.youtube-metrics{grid-template-columns:1fr}.youtube-controls label{min-width:100%;}.youtube-controls button{width:100%}}
.topbar-actions{display:flex;align-items:center;gap:18px}.youtube-dashboard-launch{border:1px solid #dfe4ee;background:#fff;color:#30486f;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:800}.youtube-dashboard-launch:hover{border-color:#ff4040;color:#d82020;background:#fff7f7}.youtube-app{display:block;background:#f6f8fb}.youtube-app .main{width:100%}.youtube-topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr}.youtube-topbar>span{text-align:right}.youtube-back{justify-self:start}.youtube-logo{font-size:17px}.youtube-logo .mark{background:#ff3232;transform:none}.youtube-content{max-width:1700px;padding-left:42px;padding-right:42px}@media(max-width:800px){.topbar-actions>span{display:none}.youtube-topbar{grid-template-columns:auto 1fr}.youtube-topbar>span{display:none}.youtube-logo{justify-self:end}.youtube-content{padding-left:18px;padding-right:18px}}@media(max-width:520px){.youtube-dashboard-launch{font-size:0;padding:9px}.youtube-dashboard-launch::first-letter{font-size:15px}.youtube-logo span{display:none}}
.youtube-summary-row{transition:background .16s ease}.youtube-summary-row:hover,.youtube-summary-row.is-expanded{background:#f8faff}.youtube-channel-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.youtube-channel-toggle:disabled{cursor:default}.youtube-chevron{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dce3ef;border-radius:7px;background:#fff;color:#4561d9;font-size:18px;font-weight:800;flex:0 0 auto}.youtube-channel-toggle:disabled .youtube-chevron{color:#a3adbc;background:#f5f6f8}.youtube-detail-row>td{padding:0 12px 18px!important;border-top:0!important;background:#f8faff}.youtube-detail{border:1px solid #dfe6f3;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(45,66,110,.07);padding:18px}.youtube-detail-head{display:grid;gap:14px}.youtube-detail-head>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.youtube-detail-head>div:first-child>strong{font-size:16px}.youtube-detail-head>div:first-child>span{font-size:12px;color:#8290a5}.youtube-detail-totals{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:8px}.youtube-detail-totals>div{display:grid;gap:5px;padding:11px 12px;border:1px solid #edf0f5;border-radius:9px;background:#fafbfe}.youtube-detail-totals span{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#8592a6;font-weight:800}.youtube-detail-totals b{font-size:16px}.youtube-daily-wrap{overflow:auto;margin-top:16px}.youtube-daily-table{width:100%;min-width:690px;border-collapse:collapse}.youtube-daily-table th,.youtube-daily-table td{padding:9px 12px;text-align:right;border-top:1px solid #edf0f4;font-size:12px}.youtube-daily-table th:first-child,.youtube-daily-table td:first-child{text-align:left}.youtube-daily-table thead th{border-top:0;color:#7e8ba0;text-transform:uppercase;font-size:10px;letter-spacing:.55px}.youtube-daily-table tfoot th{background:#f5f7fb;font-size:12px}.youtube-daily-table tfoot th:first-child{border-radius:7px 0 0 7px}.youtube-daily-table tfoot th:last-child{border-radius:0 7px 7px 0}@media(max-width:1100px){.youtube-detail-totals{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.youtube-detail-totals{grid-template-columns:repeat(2,1fr)}.youtube-detail-head>div:first-child{display:grid}.youtube-detail{padding:13px}}
.youtube-money-button{height:39px;border:1px solid #ffd2a8;background:linear-gradient(135deg,#fff8e8,#fff0d4);color:#9a5a08;border-radius:9px;padding:0 14px;font-weight:850;box-shadow:0 5px 14px #bd7b2014}.youtube-money-button:hover{background:#ffedc8;border-color:#f1bc77}.youtube-money-backdrop{position:fixed;inset:0;z-index:60;background:#081224b5;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.youtube-money-modal{width:min(1500px,96vw);max-height:90vh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;border:1px solid #dfe5ef;border-radius:17px;box-shadow:0 30px 90px #06112655;overflow:hidden}.youtube-money-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:18px;padding:22px 24px;border-bottom:1px solid #e8edf4}.youtube-money-head h2{margin:3px 0 5px;font-size:25px}.youtube-money-head p{margin:0;color:#7d8aa0;font-size:13px}.youtube-money-month{display:grid;gap:5px;color:#718097;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.45px}.youtube-money-month input{min-width:165px;height:40px;border:1px solid #d9e0ea;border-radius:9px;background:#fff;padding:0 11px;color:#203047;font:inherit;font-size:14px;text-transform:none;letter-spacing:0}.youtube-money-network{display:grid;text-align:right;gap:3px;padding:9px 14px;border-radius:10px;background:#fff7e5;border:1px solid #f7deb0}.youtube-money-network span{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#957143;font-weight:800}.youtube-money-network strong{font-size:21px;color:#7e4a07}.youtube-money-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dfe5ee;border-radius:9px;background:#f5f7fa;color:#52627a;font-size:24px;cursor:pointer}.youtube-money-table-wrap{overflow:auto;padding:0 24px 24px}.youtube-money-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0}.youtube-money-table th,.youtube-money-table td{min-width:145px;padding:12px 15px;text-align:right;border-bottom:1px solid #edf0f4;font-size:13px;white-space:nowrap}.youtube-money-table th:first-child{position:sticky;left:0;z-index:2;min-width:130px;text-align:left;background:#fff}.youtube-money-table thead th{position:sticky;top:0;z-index:3;background:#f8faff;color:#718097;font-size:10px;text-transform:uppercase;letter-spacing:.55px}.youtube-money-table thead th:first-child{z-index:4;background:#f8faff}.youtube-money-table tbody th{font-weight:650}.youtube-money-table tbody tr:hover td,.youtube-money-table tbody tr:hover th{background:#f8faff}.youtube-money-total{background:#fffaf0;font-weight:850;color:#7e4a07}.youtube-money-table tfoot th{position:sticky;bottom:0;z-index:3;background:#eef2f8;border-bottom:0;font-size:13px}.youtube-money-table tfoot th:first-child{z-index:4;background:#eef2f8}.youtube-money-table tfoot th:last-child{background:#ffefcf;color:#7e4a07}.youtube-money-empty{padding:50px;text-align:center;color:#7e8a9d}@media(max-width:900px){.youtube-money-head{grid-template-columns:1fr auto}.youtube-money-month,.youtube-money-network{grid-column:1/2}.youtube-money-close{grid-column:2;grid-row:1}}@media(max-width:760px){.youtube-money-backdrop{padding:10px}.youtube-money-head{padding:17px}.youtube-money-network{text-align:left}.youtube-money-month input{min-width:150px}.youtube-money-table-wrap{padding:0 12px 15px}.youtube-money-button{width:100%}}

.translate-hub-launch:hover,.translate-hub-launch[aria-pressed="true"]{border-color:#3857d6;color:#3857d6;background:#eef2ff}

/* Public product overview and workspace registration */
.landing{min-height:100vh;color:#edf3ff;background:#07111f;overflow:hidden}.landing button{font-weight:800}.landing-nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 30px;border-bottom:1px solid #ffffff12}.landing .logo{color:#fff}.landing .mark{background:linear-gradient(145deg,#5878ff,#3653da);box-shadow:0 10px 30px #4565e94d}.landing-signin{color:#eaf0ff;background:#ffffff0c;border:1px solid #ffffff28;border-radius:9px;padding:10px 17px}.landing-signin:hover{background:#ffffff16}.landing-hero{position:relative;max-width:1240px;margin:auto;padding:92px 30px 82px;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);align-items:center;gap:70px}.landing-hero:before{content:"";position:absolute;width:560px;height:560px;right:-160px;top:-170px;background:#3c5bed33;filter:blur(90px);border-radius:50%;pointer-events:none}.landing-copy{position:relative;z-index:1}.landing-kicker{color:#8fa6ff;font-size:12px;letter-spacing:1.7px;font-weight:900;margin-bottom:20px}.landing-copy h1{max-width:720px;font-size:clamp(46px,5.5vw,76px);line-height:1.02;letter-spacing:-3.8px;margin:0;color:#fff}.landing-copy>p{max-width:650px;color:#9eacc3;font-size:18px;line-height:1.7;margin:26px 0 32px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap}.landing-primary,.landing-secondary{border-radius:10px;padding:14px 19px}.landing-primary{color:#fff;background:linear-gradient(135deg,#5273ff,#3654d8);border:1px solid #6f89ff;box-shadow:0 13px 34px #2343ce4d}.landing-primary:hover{filter:brightness(1.08)}.landing-secondary{color:#dfe7f7;background:#ffffff08;border:1px solid #ffffff20}.landing-secondary:hover{background:#ffffff12}.landing-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#8291aa;font-size:12px}.landing-trust span:before{color:#5bdbab}.landing-preview{position:relative;z-index:1;padding:13px;border:1px solid #8ca2ff2e;border-radius:20px;background:#101d31cc;box-shadow:0 40px 100px #0008;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.preview-head{height:38px;border-radius:9px 9px 0 0;background:#16253b;display:flex;align-items:center;gap:6px;padding:0 12px;color:#aab9cf;font-size:11px}.preview-head>span{width:7px;height:7px;border-radius:50%;background:#41536c}.preview-head b{margin-left:8px}.preview-layout{height:390px;border-radius:0 0 10px 10px;background:#f5f7fb;display:grid;grid-template-columns:72px 1fr;overflow:hidden}.preview-layout aside{background:#132238;padding:24px 13px;display:grid;align-content:start;gap:15px}.preview-layout aside i{height:8px;border-radius:9px;background:#53647c}.preview-layout aside i:first-child{background:#6680f5}.preview-main{padding:28px 22px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preview-stats i{height:60px;background:#fff;border:1px solid #e6eaf2;border-radius:9px}.preview-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.preview-columns section{height:245px;padding:12px 9px;border-radius:9px;background:#e8ecf3}.preview-columns b{display:block;color:#65758d;font-size:10px;margin:2px 2px 11px}.preview-columns span{display:block;height:58px;margin-bottom:8px;background:#fff;border-radius:7px;box-shadow:0 4px 10px #17243b0d}.landing-features{max-width:1240px;margin:0 auto 84px;padding:0 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-features article{padding:25px;border-radius:14px;border:1px solid #ffffff12;background:#ffffff08}.landing-features article>div{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;color:#9bb0ff;background:#647df421;font-size:17px}.landing-features h2{font-size:16px;color:#f4f7ff;margin:18px 0 9px}.landing-features p{color:#8494ad;font-size:13px;line-height:1.6;margin:0}.landing-footer{max-width:1180px;margin:auto;padding:28px 0 38px;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;color:#71819b;font-size:12px}.landing-footer .logo{font-size:14px}.landing-footer .mark{width:29px;height:29px}.auth-back{position:absolute;top:17px;left:18px;border:0;background:none;color:#7c8ba0;font-size:12px}.auth-switch{width:100%;margin-top:14px;border:0;background:none;color:#4561d9;font-size:12px}.auth-wide{width:100%}.workspace-name{margin:-21px 10px 18px;color:#c8d2e3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signup-panel{border-color:#cfd9ff;background:linear-gradient(180deg,#fbfcff,#f6f8ff)}.request-count{font-size:11px;font-weight:800;color:#3857d6;background:#e9eeff;padding:7px 10px;border-radius:999px}.signup-request{gap:14px}.request-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#3857d6;font-weight:900}.request-actions{display:flex;align-items:center;gap:6px}.empty-requests{padding:20px;border:1px dashed #dce3ef;border-radius:9px;color:#8794a8;text-align:center;font-size:13px}
@media(max-width:980px){.landing-hero{grid-template-columns:1fr;padding-top:68px}.landing-preview{max-width:680px;transform:none}.landing-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.landing-nav{height:68px;padding:0 18px}.landing-hero{padding:54px 18px 52px}.landing-copy h1{font-size:43px;letter-spacing:-2.3px}.landing-copy>p{font-size:16px}.landing-actions button{width:100%}.landing-trust{display:grid;gap:8px}.landing-preview{padding:7px}.preview-layout{height:280px;grid-template-columns:48px 1fr}.preview-main{padding:16px 10px}.preview-columns section{height:180px}.preview-columns span{height:42px}.landing-features{grid-template-columns:1fr;padding:0 18px;margin-bottom:50px}.landing-footer{margin:0 18px}.landing-footer>span{display:none}.signup-request{flex-wrap:wrap}.request-actions{width:100%;justify-content:flex-end}.workspace-name{display:none}}
.auth-card{position:relative}
.platform-panel{border-color:#cfd9ff;background:linear-gradient(180deg,#fcfdff,#f6f8ff)}.platform-totals{display:flex;gap:7px;flex-wrap:wrap}.platform-totals span{display:flex;gap:5px;align-items:center;padding:7px 10px;border-radius:999px;background:#e9eeff;color:#5d6d88;font-size:12px}.platform-totals b{color:#2949c2}.account-list{display:grid}.account-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-top:1px solid #e7ebf3}.account-row:first-child{border-top:0}.account-row.is-muted{opacity:.7}.account-avatar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#f5ad42;color:#fff;font-weight:900}.account-avatar.approved{background:#3857d6}.account-avatar.rejected{background:#9ba5b5}.account-main{flex:1;min-width:180px;display:grid;gap:5px}.account-main>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.account-main small{color:#8290a4}.account-status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:850}.account-status.pending{background:#fff1d8;color:#9b6413}.account-status.active{background:#e5f7ef;color:#147b53}.account-status.disabled,.account-status.rejected{background:#f3e7e9;color:#a13e4a}.account-status.owner{background:#e9eeff;color:#3857d6}.account-members{min-width:84px;display:grid;text-align:center}.account-members b{font-size:19px}.account-members span{font-size:10px;color:#8491a5}.workspace-status-button{min-width:92px;border:1px solid #b9c9ef;background:#eef2ff;color:#3857d6;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:800}.workspace-status-button.danger{border-color:#efc9ce;background:#fff2f3;color:#b13f4d}.owner-lock{min-width:92px;text-align:center;color:#8b97a9;font-size:11px}.request-actions{display:flex;gap:5px}@media(max-width:760px){.platform-panel .panel-head{align-items:flex-start;flex-direction:column}.account-row{flex-wrap:wrap}.account-main{min-width:calc(100% - 58px)}.account-members{margin-left:52px;text-align:left}.workspace-status-button,.owner-lock{margin-left:auto}.request-actions{width:100%;justify-content:flex-end}}
.auth-support{margin:18px 0 0!important;padding-top:15px;border-top:1px solid #e8ecf3;text-align:center;font-size:12px!important}.auth-support a{color:#3857d6;font-weight:800}.workspace-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:260px}.workspace-action{border:1px solid #b9c9ef;background:#eef2ff;color:#3857d6;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.workspace-action.danger{border-color:#efc9ce;background:#fff2f3;color:#b13f4d}.workspace-action.delete{border-color:#e2b5bc;background:#fff;color:#a52d3d}.global-temporary{display:flex!important;align-items:center;gap:6px!important;margin-top:5px;padding:7px 9px;border-radius:8px;background:#edf2ff}.global-temporary>span{font-size:10px;font-weight:850;color:#3857d6}.global-temporary code{padding:3px 6px;border-radius:5px;background:#fff;font-size:12px;font-weight:850}.global-temporary small{width:100%}.password-result>p{color:#6f7f96;line-height:1.55}.password-result .temporary-password{margin-top:18px}@media(max-width:760px){.workspace-actions{width:100%;max-width:none;margin-left:52px;justify-content:flex-start}}
.landing-workflow{max-width:1240px;margin:0 auto 78px;padding:30px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1.15fr);gap:70px;align-items:center}.workflow-intro h2{margin:0;max-width:520px;color:#fff;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-2px}.workflow-intro>p{max-width:540px;margin:20px 0 25px;color:#8d9cb3;font-size:16px;line-height:1.7}.language-cloud{display:flex;gap:7px;flex-wrap:wrap}.language-cloud span{padding:7px 10px;border:1px solid #7189ef38;border-radius:999px;background:#6680f512;color:#afbded;font-size:11px;font-weight:850}.workflow-track{position:relative;display:grid;gap:9px}.workflow-track:before{content:"";position:absolute;left:26px;top:45px;bottom:45px;width:1px;background:linear-gradient(#5f7bff,#5f7bff22)}.workflow-track article{position:relative;display:grid;grid-template-columns:53px 1fr;align-items:center;gap:15px;padding:17px;border:1px solid #ffffff13;border-radius:14px;background:linear-gradient(110deg,#ffffff0d,#ffffff06);box-shadow:0 16px 36px #0002}.workflow-track article>b{position:relative;z-index:1;width:38px;height:38px;display:grid;place-items:center;border:1px solid #7b92fb55;border-radius:11px;background:#111f35;color:#9db0ff;font-size:11px}.workflow-track h3{margin:0 0 5px;color:#f2f5fc;font-size:15px}.workflow-track p{margin:0;color:#7f8ea6;font-size:12px;line-height:1.5}.landing-closing{max-width:1180px;margin:12px auto 72px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #728aff35;border-radius:20px;background:radial-gradient(circle at 80% 20%,#506dfb2c,transparent 36%),linear-gradient(135deg,#111f35,#0c182a);box-shadow:0 28px 70px #0004}.landing-closing h2{margin:0;color:#fff;font-size:32px;letter-spacing:-1.2px}.landing-closing p{max-width:680px;margin:12px 0 0;color:#8e9db4;line-height:1.6}.landing-closing .landing-primary{flex:0 0 auto}@media(max-width:900px){.landing-workflow{grid-template-columns:1fr;gap:38px}.landing-closing{margin-left:30px;margin-right:30px}}@media(max-width:650px){.landing-workflow{padding:18px;margin-bottom:50px}.workflow-intro h2{font-size:36px}.workflow-track article{grid-template-columns:45px 1fr;padding:14px}.landing-closing{margin:0 18px 48px;padding:28px 23px;align-items:flex-start;flex-direction:column}.landing-closing h2{font-size:28px}.landing-closing .landing-primary{width:100%}}

/* Per-channel ElevenLabs voice register */
.channel-voices{width:min(620px,52vw);padding:12px 14px;border:1px solid #dce3ef;border-radius:12px;background:#fff;box-shadow:0 8px 22px #2d426e0a}.channel-voices-head{display:flex;align-items:center;gap:7px;margin-bottom:9px}.channel-voices-head strong{font-size:13px;color:#273751}.voice-service{padding:4px 7px;border-radius:6px;background:#111827;color:#fff;font-size:9px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.voice-count{display:grid;place-items:center;min-width:21px;height:21px;border-radius:999px;background:#edf1ff;color:#3857d6;font-size:10px;font-weight:850}.voice-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:29px;margin-bottom:9px}.voice-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 7px 6px 10px;border:1px solid #d8e0f0;border-radius:999px;background:#f6f8fc;color:#30415d;font-size:12px;font-weight:750}.voice-tag button{width:19px;height:19px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#e5eaf3;color:#6d7a8f;font-size:14px;line-height:1}.voice-tag button:hover{background:#ffe8eb;color:#c13345}.voice-empty{color:#94a0b2;font-size:12px}.voice-form{display:flex;gap:7px}.voice-form input{min-width:0;flex:1;padding:8px 10px;font-size:12px}.voice-form button{flex:none;border:0;border-radius:7px;padding:8px 10px;background:#eef2ff;color:#3857d6;font-size:11px;font-weight:850}.voice-form button:hover{background:#dfe6ff}@media(max-width:900px){.heading{align-items:flex-start;flex-direction:column}.channel-voices{width:100%}}@media(max-width:520px){.voice-form{display:grid;grid-template-columns:1fr}.voice-form button{width:100%}}
.heading h1:has(.channel-name-edit){display:flex;align-items:center;gap:10px;flex-wrap:wrap}.channel-name-edit{border:1px solid #dce3ef;border-radius:8px;padding:7px 10px;background:#fff;color:#51627c;font-size:11px;font-weight:800;letter-spacing:0}.channel-name-edit:hover{border-color:#aebdec;background:#f3f6ff;color:#3857d6}

.niche-owner-label{display:block;font-weight:600;margin-bottom:8px}.niche-owner-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.niche-owner-control select{max-width:100%;min-width:min(320px,100%)}.niche-responsibility .panel-head{flex-wrap:wrap}.niche-responsibility .notice{margin-top:12px}
/* Owner's persistent translation usage report. */
.usage-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.usage-filters label{display:grid;gap:6px;min-width:170px;flex:1}.usage-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:20px}.usage-totals>div{display:grid;gap:8px;padding:18px;border:1px solid var(--border,#d6e2e6);border-radius:12px}.usage-totals strong{font-size:1.65rem}.usage-table-scroll{overflow-x:auto}.usage-table{width:100%;border-collapse:collapse;font-size:.9rem}.usage-table th,.usage-table td{padding:12px;text-align:right;border-bottom:1px solid var(--border,#d6e2e6);white-space:nowrap}.usage-table th:first-child{text-align:left}.usage-table thead th{font-weight:600}.usage-table tbody th{font-weight:400}@media(max-width:650px){.usage-totals{grid-template-columns:1fr}.usage-filters label{min-width:100%}}

.todo-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.todo-filters label{display:flex;flex-direction:column;gap:7px;min-width:170px}.todo-add{display:flex;gap:12px;align-items:end;margin-top:18px}.todo-add label{display:flex;flex-direction:column;gap:7px;flex:1}.todo-list{list-style:none;margin:0;padding:0}.todo-row{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border,#dce7ec)}.todo-row:last-child{border-bottom:0}.todo-row label{display:flex;gap:12px;align-items:center;flex:1;min-width:0;cursor:pointer}.todo-row input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:#168e83}.todo-text{overflow-wrap:anywhere}.todo-complete .todo-text{text-decoration:line-through;opacity:.6}.todo-kind{font-size:12px;color:var(--muted,#778692);white-space:nowrap}.todo-empty{padding:18px 0}.todo-access label{display:flex;gap:10px;align-items:center}.todo-access input[type=checkbox]{width:18px;height:18px}.todo-launch[aria-pressed=true]{box-shadow:0 0 0 2px #168e83}.todo-member .panel-head{gap:12px;flex-wrap:wrap}@media(max-width:650px){.todo-add{flex-direction:column;align-items:stretch}.todo-row{flex-wrap:wrap}.todo-kind{margin-left:32px}.todo-filters label{min-width:140px}.topbar-actions{flex-wrap:wrap}}
.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.todo-access{border:1px solid #dfe5ef;border-radius:12px;padding:16px}

.app .topbar{height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}.app .topbar-actions{flex-wrap:wrap;justify-content:flex-end}
.production-studio-link{text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}

.idea-thumbnail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}

:root{color-scheme:dark;color:#f7f7fa;background:#111216}
body{background:#111216;color:#f7f7fa}
.auth-screen{background:radial-gradient(circle at 2% 5%,#26191f 0,transparent 45%),linear-gradient(115deg,#151316,#111318 70%)}
.auth-card,.sidebar,.topbar,.stat,.panel,.quick,.card,.channel,.title-record,.modal{background:#181a20;border-color:#2b2e38;color:#f6f6f8;box-shadow:none}
.sidebar{background:#131418}.topbar{background:#131418}
.app .main{background:radial-gradient(circle at 2% 1%,#251a1e 0,transparent 32%),linear-gradient(115deg,#151418,#111318 64%)}
.mark{background:#ff3b53;color:#fff;transform:none;border-radius:11px}
.primary{background:#ff3b53;border-color:#ff3b53;color:#fff}.primary:hover{background:#ea2e49}
.secondary{background:#252932;color:#f3f3f6;border:1px solid #363a45}.secondary:hover{background:#303540}
.ghost{color:#b3bdd0}.ghost:hover{color:#fff}
.ghost.danger{color:#ff8190;text-align:left}.ghost.danger:hover{color:#ffb2bb}
.nav button{color:#a9b3c4}.nav button.active{background:#2d202a;color:#ff7182}.nav button:hover:not(.active){background:#202229}
.nav button.channel-nav{margin-left:10px;padding-left:14px;border-left:1px solid #373943;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eyebrow,.heading .eyebrow{color:#ff697a}.sidebar .eyebrow{color:#8f99aa}
.heading h1{color:#fff}.heading p,.auth-card p,.muted{color:#a9b2c3}
.topbar{color:#9aa6b9}.topbar strong{color:#f2f3f5}
.stat span,.channel small,.row-main small,.side-bottom span,.card .meta,.count,.translation input::placeholder,.script-grid textarea::placeholder,input::placeholder{color:#aab4c7}
.stat strong,.panel h2,.card h3,.row-main strong,.channel strong,.title-record h3{color:#fafafb}
.stat{position:relative;overflow:hidden;min-height:116px}.stat:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-24px;bottom:-38px;background:#ff3b530c}.stat:nth-child(2):after{background:#638aff12}.stat:nth-child(3):after{background:#41d9aa11}
.column{background:#1a1c23}.column-head{color:#e3e7ee}.count{background:#30343e}
.drop-zone{transition:background .15s,outline-color .15s;outline:2px dashed transparent}.drop-zone.drag-over{background:#29222b;outline-color:#ff6075}.draggable-card{cursor:grab}.draggable-card.dragging{opacity:.45}
.board{grid-template-columns:repeat(3,minmax(235px,1fr))}
.dot{background:#ff586e}.column:nth-child(2) .dot{background:#6b91ff}.column:nth-child(3) .dot{background:#38c89d}
.badge{color:#ff7889;background:#42252d}.code{background:#282c35;color:#b9c3d5}.card-actions{border-color:#30333e}.card-actions button{background:#282c35;color:#b8c3d5}.card-actions button:hover{background:#343a45}
.niche-select,input,select,textarea,.script-grid input,.script-grid select,.script-grid textarea,.inline-form input{background:#1e2028;border-color:#343843;color:#f4f5f8}
.quick input{background:transparent;color:#f6f7f9}.quick input:focus{box-shadow:none}
.niche-select:focus,input:focus,select:focus,textarea:focus{border-color:#ff5a70;box-shadow:0 0 0 3px #ff3b532a}
.channel,.title-record{border-color:#30343e}.channel .globe{background:#37262f;color:#ff7183}
.channel-overview{display:grid;gap:10px}.channel-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #30343e;border-radius:10px;background:#1d2027}.channel-open{background:none;border:0;color:#f5f5f7;text-align:left;display:grid;gap:4px;min-width:0;cursor:pointer}.channel-open strong{font-size:15px}.channel-open span{font-size:13px;color:#aab4c7}.channel-controls{display:flex;align-items:center;gap:12px}.monetized{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}.monetized input{accent-color:#36c994}.unassigned-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #30343e}.unassigned-row strong{font-size:14px}.unassigned-row select{min-width:190px}.quick select{min-width:180px}.card-assets{display:grid;gap:5px;margin-bottom:8px}.asset-row{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.asset-row a{color:#9db9ff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-row button{border:0;background:none;color:#ff8190;padding:3px 6px}.card-top{display:flex;align-items:center;justify-content:space-between}.drag-handle{border:0;background:transparent;color:#aab4c7;cursor:grab;font-size:22px;padding:0 5px;touch-action:none}.drag-handle:disabled{opacity:.35;cursor:default}.touch-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.8;box-shadow:0 12px 36px #0009;max-height:220px;overflow:hidden}.card-actions .danger,.channel-controls .danger{color:#ff8190}
.title-picker{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,2fr);gap:12px;margin-top:18px}.title-picker input,.title-picker select{width:100%;min-width:0}
.card-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.card-open h3{margin:16px 0}.card-open:hover h3{color:#ff8b99}.thumb{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111318;border-radius:7px}.thumb-empty{display:grid;place-items:center;width:100%;min-height:100px;padding:14px;border:1px dashed #48505d;border-radius:7px;color:#aab4c7;font-size:12px;text-align:center}.draggable-card.file-over{outline:3px dashed #ff6075;outline-offset:2px;background:#29222b}.idea-modal{width:min(92vw,760px);max-height:90vh;overflow:auto}.idea-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.idea-modal-head h2{line-height:1.3}.idea-thumb{display:block;width:100%;height:auto;max-height:58vh;object-fit:contain;background:#101116;border-radius:9px}.download-thumb{display:inline-block;margin:14px 0 2px;text-decoration:none}.idea-modal h3{font-size:14px;margin:20px 0 8px}.idea-links{display:grid;gap:8px;overflow-wrap:anywhere}.idea-links a{color:#9db9ff}
.niche-search{width:100%;margin-bottom:8px;font-size:14px}.created-date{padding:8px 4px 0;color:#aab4c7;font-size:12px}.channel-open small{color:#aab4c7;font-size:12px}.idea-thumb-wrap{position:relative}.remove-thumb{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#1b1d24d9;color:#fff;font-size:26px;line-height:1;display:grid;place-items:center}.remove-thumb:hover{background:#b33b4c}.remove-thumb:focus-visible{outline:3px solid #ff697a;outline-offset:2px}
.mark svg{display:block}.emoji-field{display:grid;gap:9px}.emoji-toggle{justify-self:start;border:1px solid #4b5060;background:#292c36;color:#f4f5f8;padding:8px 11px;border-radius:8px;font-size:14px}.emoji-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-height:190px;overflow:auto;padding:8px;border:1px solid #424753;border-radius:9px;background:#20232c}.emoji-options[hidden]{display:none}.emoji-option{border:0;background:transparent;border-radius:6px;padding:5px;font-size:25px;line-height:1.2}.emoji-option:hover,.emoji-option:focus-visible{background:#3a4050;outline:none}.modal:has(.emoji-field){max-height:90vh;overflow:auto}
.drop-indicator{height:4px;border-radius:3px;background:#ff697a;box-shadow:0 0 0 3px #ff697a33;margin:7px 0;pointer-events:none}#empty-niche-alerts{position:fixed;left:16px;top:16px;z-index:50;display:grid;gap:8px;width:min(370px,calc(100vw - 32px));pointer-events:none}.empty-niche-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 15px;border:1px solid #ff697a;background:#25212a;color:#fff;border-radius:10px;box-shadow:0 16px 40px #0008;font-size:14px;line-height:1.45;pointer-events:auto}.empty-niche-alert span{flex:1}.empty-niche-alert button{border:0;background:none;color:#fff;font-size:23px;line-height:1;padding:0 2px}
.translation,.row,.side-bottom{border-color:#30343e}.translation label{color:#c4ccda}.role{color:#ff7a8a;background:#40242d}
.avatar{background:#3b2736;color:#ff9aad}
.notice{background:#29221f;border-color:#554039;color:#e7c8a9}
.result{background:#1d2027;border-color:#343843;color:#e3e6eb}
#manual-instructions,#manual-result{width:100%;min-height:110px;resize:vertical;line-height:1.5}#manual-result{margin-bottom:14px}
.auth-card h1{color:#fff}.auth-card .logo{color:#fff}
.modal-backdrop{background:#07080bbb}.modal h2{color:#fff}
.form-stack label,label{color:#bec7d6}
#toast{background:#343741;color:#fff;border:1px solid #4a4e59}
@media(max-width:1200px){.board{grid-template-columns:repeat(3,250px)}}
@media(max-width:700px){.title-picker{grid-template-columns:1fr}}
@media(max-width:700px){.channel-summary,.unassigned-row{align-items:flex-start;flex-direction:column}.unassigned-row select{width:100%}.quick{flex-wrap:wrap}.quick input,.quick select{flex:1 1 100%}}
@media(max-width:800px){.sidebar .niche-search,.sidebar .created-date{display:none}}

/* Midnight Studio — professional hybrid theme */
:root{
  color-scheme:light;
  --midnight:#0b1220;
  --midnight-soft:#111c31;
  --canvas:#f3f6fb;
  --surface:#ffffff;
  --surface-soft:#f8faff;
  --line:#dfe6f1;
  --text:#17233a;
  --muted:#718096;
  --primary:#3857d6;
  --primary-strong:#2949c2;
  --coral:#ff5364;
  --success:#23a875;
  --warning:#e8a03a;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:var(--canvas)
}
body{background:var(--canvas);color:var(--text)}
.app .main{background:radial-gradient(circle at 100% 0,#e7ecff 0,transparent 30%),var(--canvas)}
.sidebar{
  width:252px;
  background:linear-gradient(180deg,var(--midnight) 0%,#0d1729 55%,#101a2e 100%);
  border:0;
  box-shadow:14px 0 40px #14213d14;
  color:#fff;
  padding:26px 15px 20px
}
.sidebar .logo{padding:0 10px 30px;color:#fff;letter-spacing:-.5px}
.mark{
  background:linear-gradient(145deg,#4767e7,var(--primary));
  color:#fff;
  border:1px solid #7890f044;
  border-radius:10px;
  transform:rotate(-6deg);
  box-shadow:0 9px 24px #07102870
}
.sidebar .eyebrow{color:#77859e;padding-left:11px}
.sidebar .niche-search,.sidebar .niche-select{
  background:#ffffff0a;
  border-color:#ffffff1d;
  color:#eef3ff;
  box-shadow:none
}
.sidebar .niche-search::placeholder{color:#8c9ab3}
.sidebar .niche-select option{background:#142039;color:#fff}
.sidebar .niche-search:focus,.sidebar .niche-select:focus{border-color:#6f88ef;box-shadow:0 0 0 3px #5875e52b}
.created-date{color:#7f8da6;padding-left:7px}
.sidebar>.ghost{color:#aab6ca;text-align:left;border-radius:8px}
.sidebar>.ghost:hover{color:#fff;background:#ffffff0b}
.sidebar>.ghost.danger{color:#f58a97}.sidebar>.ghost.danger:hover{color:#ffb1ba;background:#ff536411}
.nav{gap:5px;margin-top:25px}
.nav button{color:#9eabc1;border:1px solid transparent;border-radius:9px;padding:11px 12px;transition:.16s ease}
.nav button:hover:not(.active){background:#ffffff09;color:#e9effa}
.nav button.active{background:linear-gradient(90deg,#3857d631,#3857d612);border-color:#607aea31;color:#fff;box-shadow:inset 3px 0 0 #6e87ef}
.nav button.channel-nav{border-left:1px solid #ffffff19;color:#8e9bb1}.nav button.channel-nav.active{border-color:#607aea31;color:#fff}
.side-bottom{border-color:#ffffff14}.side-bottom strong{color:#fff}.side-bottom span{color:#8795ad}.side-bottom .ghost{color:#9daac0}.side-bottom .ghost:hover{color:#fff}
.avatar{background:linear-gradient(145deg,#536fe0,#755cd6);color:#fff;box-shadow:0 6px 15px #070e2240}
.topbar{
  height:72px;
  background:#ffffffdf;
  color:#7a879b;
  border-color:var(--line);
  backdrop-filter:blur(16px);
  box-shadow:0 1px 0 #ffffff inset;
  position:sticky;
  top:0;
  z-index:5
}
.topbar strong{color:#25334d}
.content{max-width:1580px;padding:38px 36px 72px}
.heading{margin-bottom:29px}.heading .eyebrow{color:var(--primary)}.heading h1{color:#142039;font-size:32px}.heading p{color:var(--muted);font-size:14px}
.stat,.panel,.quick,.card,.channel,.title-record,.modal{
  background:var(--surface);
  border-color:var(--line);
  color:var(--text);
  box-shadow:0 8px 28px #243b6b0a
}
.stat{min-height:118px;border-radius:14px;padding:21px 22px}.stat:after{background:#3857d60b}.stat:nth-child(2):after{background:#ff53640d}.stat:nth-child(3):after{background:#23a8750c}
.stat span,.channel small,.row-main small,.side-bottom span,.card .meta,.count,.created-date{color:var(--muted)}
.stat strong,.panel h2,.card h3,.row-main strong,.channel strong,.title-record h3{color:var(--text)}
.panel{border-radius:14px;padding:24px}.panel h2{letter-spacing:-.35px}
.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 6px 14px #3857d624}.primary:hover{background:var(--primary-strong);border-color:var(--primary-strong);transform:translateY(-1px)}
.secondary{background:#edf1ff;color:#3451c7;border:1px solid #dbe3ff}.secondary:hover{background:#e3e9ff;color:#2949c2}
.ghost{color:#64738b}.ghost:hover{color:#2e4263;background:#eef2f8}
.eyebrow{color:#77869d}
input,select,textarea,.niche-select,.script-grid input,.script-grid select,.script-grid textarea,.inline-form input{
  background:#fff;
  border-color:#d7dfeb;
  color:var(--text)
}
input::placeholder,textarea::placeholder,.translation input::placeholder,.script-grid textarea::placeholder{color:#99a5b7}
input:focus,select:focus,textarea:focus,.niche-select:focus{border-color:#5a73df;box-shadow:0 0 0 3px #3857d619}
label,.form-stack label{color:#52617a}
.quick{padding:10px;border-radius:12px}.quick input{background:transparent;color:var(--text)}
.board{gap:17px}.column{background:#e9eef6;border:1px solid #dde4ef;border-radius:13px;padding:13px}.column-head{color:#36445c}.count{background:#d9e1ed;color:#65748a}
.dot{background:#7c899c}.column:nth-child(2) .dot{background:var(--warning)}.column:nth-child(3) .dot{background:#725ed2}.column:nth-child(4) .dot{background:var(--success)}
.drop-zone{outline-color:transparent}.drop-zone.drag-over{background:#e3e8f8;outline-color:#5b74df}
.card{border-radius:11px;padding:15px;box-shadow:0 7px 20px #263a600b}.card:hover{border-color:#cbd6e7;box-shadow:0 11px 28px #263a6012}
.badge{color:#3e5bcf;background:#edf1ff}.code{background:#eef2f7;color:#5d6c83}.card-actions{border-color:#e9edf4}.card-actions button{background:#f1f4f8;color:#637188}.card-actions button:hover{background:#e8edf4;color:#33455f}
.card-open:hover h3{color:var(--primary)}.drag-handle{color:#93a0b2}.thumb{background:#eef2f7}.thumb-empty{border-color:#cbd5e3;color:#7a889b}
.card-assets .asset-row a,.idea-links a{color:#3f5fd4}.asset-row button,.card-actions .danger,.channel-controls .danger{color:#d95062}
.channel .globe{background:#edf1ff;color:#3d5bd0}.channel-summary{background:#fbfcff;border-color:#e0e6f0}.channel-open{color:var(--text)}.channel-open span,.channel-open small{color:var(--muted)}
.translation,.row,.side-bottom,.unassigned-row{border-color:#e7ebf2}.translation label{color:#596881}.role{color:#3653c7;background:#edf1ff}
.member-niches span{background:#f0f3f8;color:#56647a;border:1px solid #e4e9f1}
.notice{background:#fff7e8;border-color:#f3dfb0;color:#886820}
.result{background:#f8faff;border-color:#dfe6f1;color:#25334a}
.modal-backdrop{background:#081224b5;backdrop-filter:blur(5px)}.modal{border-radius:16px;box-shadow:0 32px 90px #07132845}.modal h2{color:var(--text)}
.auth-screen{background:radial-gradient(circle at 15% 15%,#253b75 0,transparent 34%),linear-gradient(135deg,#0a1221,#111d32 70%)}
.auth-card{background:#fff;border-color:#ffffff21;color:var(--text);box-shadow:0 32px 90px #02091870}.auth-card h1{color:var(--text)}.auth-card p{color:var(--muted)}.auth-card .logo{color:var(--text)}
.emoji-toggle{background:#edf1ff;color:#3857d6;border-color:#d9e2ff}.emoji-options{background:#f8faff;border-color:#dfe5ef}.emoji-option{color:inherit}.emoji-option:hover,.emoji-option:focus-visible{background:#e8edff}
.empty-niche-alert{background:#fff;border-color:#ff7a89;color:#5e2630;box-shadow:0 16px 40px #58212d1c}.empty-niche-alert button{color:#bd4354}
.drop-indicator{background:#5b74df;box-shadow:0 0 0 3px #5b74df2e}
#toast{background:#142039;color:#fff;border:1px solid #33405a;box-shadow:0 18px 48px #0b152c3b}
@media(max-width:800px){.sidebar{width:72px;padding-left:8px;padding-right:8px}.content{padding:28px 20px 64px}.topbar{height:64px}}
@media(max-width:600px){.sidebar{width:56px}.content{padding:24px 14px 58px}.heading h1{font-size:27px}.panel{padding:18px}.stat{padding:15px 13px}}
.channel-controls{flex-wrap:wrap;justify-content:flex-end}.monetized-until{display:grid;gap:4px;font-size:14px;max-width:180px}.monetized-until input{min-width:0;width:100%}@media(max-width:650px){.channel-summary{flex-wrap:wrap}.channel-controls{justify-content:flex-start;width:100%}}
.legal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:20px;font-size:14px;background:#f4f6fc;color:#34456a}.legal-footer a{color:inherit}.legal-page{max-width:850px;margin:0 auto;padding:32px 24px 64px;color:#182342;font-size:16px;line-height:1.7;background:#fff}.legal-page nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px}.legal-page h1{font-size:36px;line-height:1.2}.legal-page h2{font-size:22px;margin-top:30px}.legal-page a{color:#3455cf;text-decoration:underline;overflow-wrap:anywhere}.legal-date{color:#65738e;font-size:14px}
.legal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:20px;font-size:14px;background:#f4f6fc;color:#34456a}.legal-footer a{color:inherit}.legal-page{max-width:850px;margin:0 auto;padding:32px 24px 64px;color:#182342;font-size:16px;line-height:1.7;background:#fff}.legal-page nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px}.legal-page h1{font-size:36px;line-height:1.2}.legal-page h2{font-size:22px;margin-top:30px}.legal-page a{color:#3455cf;text-decoration:underline;overflow-wrap:anywhere}.legal-date{color:#65738e;font-size:14px}

/* Friendly Studio — approachable, professional teal palette */
:root{--midnight:#102630;--midnight-soft:#16333d;--canvas:#f3f8f7;--surface:#fff;--surface-soft:#f7fbfa;--line:#dce9e6;--text:#183238;--muted:#6d8589;--primary:#138f86;--primary-strong:#0b746d;--coral:#f16f61;--success:#2aa876;--warning:#e6a33d}
.app .main{background:radial-gradient(circle at 100% 0,#dff4f0 0,transparent 32%),var(--canvas)}
.sidebar{background:linear-gradient(180deg,#102630 0%,#12313a 58%,#183b43 100%);box-shadow:14px 0 40px #15333b18}
.mark{background:linear-gradient(145deg,#25aaa0,var(--primary));border-color:#8ddbd344;box-shadow:0 9px 24px #061b2070}
.nav button.active{background:linear-gradient(90deg,#24a89c35,#24a89c12);border-color:#6bd2c531;box-shadow:inset 3px 0 0 #54c8bc}.nav button:hover:not(.active){background:#ffffff0d}
.heading .eyebrow{color:var(--primary)}
.primary{background:var(--primary);border-color:var(--primary);box-shadow:0 6px 14px #138f862b}.primary:hover{background:var(--primary-strong);border-color:var(--primary-strong)}
.secondary{background:#e7f7f4;color:#08746d;border-color:#c7ece6}.secondary:hover{background:#d8f1ed;color:#075f5a}
input:focus,select:focus,textarea:focus,.niche-select:focus{border-color:#35aaa0;box-shadow:0 0 0 3px #138f861c}
.badge,.role{color:#08746d;background:#e6f7f4}.channel .globe{background:#e5f7f3;color:#0c7e76}
.card-open:hover h3,.history button,.card-assets .asset-row a,.idea-links a{color:#0b8179}
.column{background:#e9f1f0;border-color:#d9e6e3}.column:nth-child(2) .dot{background:var(--warning)}.column:nth-child(3) .dot{background:#6d71cc}.column:nth-child(4) .dot{background:var(--success)}
.avatar{background:linear-gradient(145deg,#22a79c,#5478c8)}
.translate-hub-launch{border-color:#bfe7e1;color:#0b766f;background:#f1fbf9}.translate-hub-launch:hover{border-color:#64c8bd;color:#075f59;background:#e5f7f4}
.model-access{border:1px solid #d8e8e5;border-radius:11px;padding:14px;margin:0;display:grid;gap:9px;background:#f8fcfb}
.model-access legend{font-size:13px;font-weight:800;color:#395c61;padding:0 5px}.model-access>p{margin:0 0 3px}
.model-access label{display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #e1eeeb;border-radius:9px;background:#fff}.model-access input{width:auto;margin:2px 0 0;accent-color:var(--primary)}
.model-access label span{display:grid;gap:3px}.model-access label small{font-weight:400;color:var(--muted);line-height:1.35}
.workspace-action.model-access-button{color:#08746d;background:#e8f8f5;border-color:#caebe6}

.translate-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, .8fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 16px;
}

.translate-top-grid .panel,
.translate-work-grid .panel,
.translate-results-grid .panel { margin: 0; }
.translate-link-panel .primary { width: 100%; }
.extract-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; }
.extract-actions .primary, .extract-actions .secondary { width: 100%; }
.hub-status { min-height: 20px; font-size: 13px; line-height: 1.45; }
.hub-status.is-loading { color: #ff697a; }
.thumbnail-panel { display: flex; flex-direction: column; }
.thumbnail-panel .panel-head { align-items: flex-start; }
.thumbnail-panel .panel-head span {
  max-width: 270px;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.youtube-thumbnail {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 9px;
  border: 1px solid #343843;
  background: #111318;
}
.thumbnail-download {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 11px;
}
.thumbnail-placeholder {
  min-height: 185px;
  border: 1px dashed #48505d;
  border-radius: 9px;
  display: grid;
  place-items: center;
  text-align: center;
  color: #aab4c7;
  padding: 20px;
}
.thumbnail-placeholder span { font-size: 28px; }
.thumbnail-placeholder p { font-size: 13px; margin: 4px 0 0; }
.translate-work-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
  gap: 16px;
  margin-bottom: 16px;
}
.translate-results-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.thumbnail-translate-grid {
  display: grid;
  grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr);
  gap: 16px;
  margin-bottom: 16px;
}
.thumbnail-translate-grid .panel { margin: 0; }
.thumbnail-translate-controls textarea { resize: vertical; line-height: 1.5; }
.translated-thumbnail-panel { display: flex; flex-direction: column; }
.translated-thumbnail-panel .panel-head .secondary { text-decoration: none; }
.translated-thumbnail { margin-top: auto; }
.translated-thumbnail-placeholder { flex: 1; min-height: 250px; }
.translation-panel textarea {
  width: 100%;
  min-height: 190px;
  resize: vertical;
  line-height: 1.5;
}
.transcript-result { min-height: 390px; max-height: 560px; }
.translated-result,
.keywords-result { min-height: 310px; max-height: 560px; }
.hub-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 12px; }
.source-pill {
  display: inline-block;
  color: #ff7889;
  background: #42252d;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 800;
  margin-top: -8px;
  margin-bottom: 14px;
}
.translate-results-grid .panel-head > div { display: grid; gap: 3px; }
.translate-results-grid .panel-head > div h2 { margin-bottom: 0; }

.asset-row .copy-link-button {
  flex: none;
  padding: 3px 7px;
  border: 1px solid #3a3e49;
  border-radius: 5px;
  background: #252932;
  color: #aab4c7;
}
.asset-row .copy-link-button:hover { background: #303540; color: #fff; }
.idea-link-row { display: flex; align-items: center; gap: 8px; min-width: 0; }
.idea-link-row a { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.idea-copy-link { flex: none; padding: 6px 9px; }
.go-translate { width: 100%; margin-top: 16px; }

@media (max-width: 1050px) {
  .translate-top-grid,
  .translate-work-grid,
  .thumbnail-translate-grid,
  .translate-results-grid { grid-template-columns: 1fr; }
  .thumbnail-placeholder { min-height: 150px; }
  .transcript-result { min-height: 300px; }
}

@media (max-width: 600px) {
  .extract-actions { grid-template-columns: 1fr; }
  .translate-top-grid,
  .translate-work-grid,
  .translate-results-grid { gap: 11px; }
  .hub-actions { display: grid; }
  .hub-actions button { width: 100%; }
  .translate-results-grid .panel-head { align-items: flex-start; flex-direction: column; }
  .translate-results-grid .panel-head button { width: 100%; }
  .transcript-result,
  .translated-result,
  .keywords-result { min-height: 250px; }
  .thumbnail-panel .panel-head span { max-width: 100%; text-align: left; }
  .idea-link-row { align-items: stretch; flex-direction: column; }
}
.voiceover-panel{margin-top:22px;border-top:1px solid var(--border,#dce3f2);padding-top:20px;display:grid;gap:14px}
.voiceover-panel h3{font-size:18px;margin:0}
.voice-library{width:min(1150px,94vw);max-height:88vh;overflow:auto;border:1px solid #dbe3f3;border-radius:22px;background:var(--surface,#fff);color:var(--text,#172644);padding:28px;box-shadow:0 24px 100px #0d1b4560}
.voice-library::backdrop{background:#0c163b99;backdrop-filter:blur(5px)}
.voice-library label{display:grid;gap:7px;font-size:14px;min-width:0}.voice-library input,.voice-library select{width:100%;min-width:0}
.voice-library-head,.voice-card-title{display:flex;justify-content:space-between;align-items:start;gap:16px}
.voice-library h2{margin:5px 0 8px}.voice-library-tabs{display:flex;gap:8px;margin:22px 0 18px}
#voice-library-search{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end;margin-bottom:14px}
#voice-library-search .library-query{grid-column:span 2}
.voice-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.voice-library-card{display:flex;flex-direction:column;gap:14px;border:1px solid #dbe3f3;border-radius:16px;padding:18px;background:var(--surface,#fff)}
.voice-library-card.is-selected{border-color:#4259d8;box-shadow:0 0 0 1px #4259d8}
.voice-library-card h3{font-size:16px;line-height:1.4}.voice-card-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.voice-tags{display:flex;flex-wrap:wrap;gap:6px}.voice-tags span{font-size:11px;border-radius:20px;background:#eef2ff;color:#354d96;padding:4px 8px}
.voice-library-card audio{width:100%;height:36px;margin-top:auto}.voice-favorite{font-size:22px;padding:0 3px}.voice-library-empty{text-align:center;padding:36px 10px}
@media(max-width:900px){.voice-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#voice-library-search{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.voice-library{padding:18px}.voice-library-grid{grid-template-columns:1fr}#voice-library-search{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-library-head{gap:8px}.voice-library h2{font-size:23px}}
.voiceover-panel label{display:grid;gap:7px;font-size:14px;min-width:0}
.voiceover-search{display:flex;gap:10px;align-items:end}
.voiceover-search label{flex:1}
.voiceover-controls{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:12px}
.voiceover-panel select,.voiceover-panel input{width:100%;min-width:0}
.voiceover-panel audio,.voiceover-panel progress{width:100%}
.voiceover-panel p{margin:0;line-height:1.5}
.voiceover-error{color:var(--danger,#b42335);overflow-wrap:anywhere}
.voiceover-output,.voiceover-status{display:grid;gap:12px}
.voiceover-output a{justify-self:start}
@media(max-width:600px){.voiceover-search{align-items:stretch;flex-direction:column}.voiceover-controls{grid-template-columns:1fr}.voiceover-panel .panel-head{flex-direction:row}}

.translation-progress{padding:14px;border:1px solid #329c9570;border-radius:12px;background:#15988c0d}.translation-progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:8px}.translation-progress progress{display:block;width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;accent-color:#14998d;background:#899da52b}.translation-progress progress::-webkit-progress-bar{background:#899da52b;border-radius:8px}.translation-progress progress::-webkit-progress-value{background:#14998d;border-radius:8px;transition:width .6s}.translation-progress progress::-moz-progress-bar{background:#14998d}.translation-progress small{display:block;margin-top:8px;font-size:12px;opacity:.8}.translation-progress.error{border-color:#d67a60}.translation-progress.error progress{accent-color:#d67a60}

/* Thumbnail Studio — follows the workspace palette (style.css + dark.css "Friendly Studio" variables). */
.ts-tabs{display:inline-flex;gap:4px;padding:4px;margin:-8px 0 22px;border:1px solid var(--line,#dce9e6);border-radius:12px;background:var(--surface,#fff);box-shadow:0 6px 18px #1832380a}
.ts-tabs button{border:0;background:transparent;color:var(--muted,#6d8589);font-weight:700;font-size:14px;padding:9px 16px;border-radius:9px;transition:background .15s,color .15s}
.ts-tabs button:hover:not(.active){background:var(--surface-soft,#f7fbfa);color:var(--text,#183238)}
.ts-tabs button.active{background:var(--primary,#138f86);color:#fff;box-shadow:0 4px 12px #138f862e}

.ts-channel-bar{background:var(--surface,#fff);border:1px solid var(--line,#dce9e6);border-radius:16px;padding:18px 20px;margin-bottom:20px;box-shadow:0 8px 28px #18323808}
.ts-channel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}
.ts-channel-head h3{margin:0;font-size:15px;color:var(--text,#183238)}.ts-channel-head p{margin:3px 0 0;font-size:13px;color:var(--muted,#6d8589)}
.ts-channel-head input{max-width:240px;padding:8px 11px;font-size:13px}
.ts-channels{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity}
.ts-channels::-webkit-scrollbar{height:6px}.ts-channels::-webkit-scrollbar-thumb{background:#cfe1dd;border-radius:6px}
.ts-channel{flex:0 0 auto;min-width:200px;max-width:260px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;text-align:left;padding:11px 13px;border:1px solid var(--line,#dce9e6);border-radius:12px;background:var(--surface-soft,#f7fbfa);color:var(--text,#183238);scroll-snap-align:start;transition:border-color .15s,box-shadow .15s,transform .15s}
.ts-channel:hover:not(:disabled){border-color:#9fd6cf;transform:translateY(-1px)}
.ts-channel.active{border-color:var(--primary,#138f86);background:#fff;box-shadow:0 0 0 3px #138f861f}
.ts-channel[hidden]{display:none}
.ts-ch-avatar{grid-row:span 2;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(145deg,#25aaa0,#5478c8)}
.ts-ch-free{background:#e6efed;color:#4b6a6e}
.ts-ch-text{display:grid;min-width:0}.ts-ch-text strong,.ts-ch-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-ch-text strong{font-size:13.5px}.ts-ch-text small{font-size:12px;color:var(--muted,#6d8589)}
.ts-ch-state{grid-column:2;justify-self:start;font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:#eef2f2;color:#6d8589}
.ts-ch-state.link{background:#fff4e2;color:#a56a12}.ts-ch-state.ok{background:#e3f6f1;color:#08746d}

.ts-layout{display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:22px;align-items:start}
.ts-panel,.ts-editor{background:var(--surface,#fff);border:1px solid var(--line,#dce9e6);border-radius:16px;box-shadow:0 8px 28px #18323808}
.ts-panel{padding:6px 0 0}
.ts-form fieldset{border:0;margin:0;padding:0;min-width:0}
.ts-block{padding:18px 22px;border-bottom:1px solid #edf3f2;display:grid;gap:13px}
.ts-block header{display:flex;gap:12px;align-items:flex-start}
.ts-block header>div{flex:1;min-width:0}
.ts-block header b{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e6f7f4;color:var(--primary,#138f86);font-size:13px}
.ts-block h3{margin:3px 0 0;font-size:15px;color:var(--text,#183238)}
.ts-block header p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted,#6d8589)}
.ts-pill{flex:none;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:#eef2f2;color:#6d8589;white-space:nowrap}.ts-pill.ok{background:#e3f6f1;color:#08746d}
.ts-panel label,.ts-editor label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#45606a}
.ts-panel input,.ts-panel select,.ts-panel textarea,.ts-editor input,.ts-editor select,.ts-editor textarea{width:100%;min-width:0;box-sizing:border-box;font-weight:400}
.ts-panel textarea,.ts-editor textarea{resize:vertical;line-height:1.5}
.ts-inline{display:flex;gap:8px}.ts-inline input{flex:1}.ts-inline button{flex:none}
.ts-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}
.ts-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.ts-link{font-size:12.5px;font-weight:600;color:var(--primary,#138f86);text-decoration:none;justify-self:start}.ts-link:hover{text-decoration:underline}
.ts-more{border:1px solid #e3eeec;border-radius:10px;background:var(--surface-soft,#f7fbfa)}
.ts-more summary{cursor:pointer;padding:10px 12px;font-size:13px;font-weight:600;color:#45606a}
.ts-more[open] summary{border-bottom:1px solid #e3eeec}
.ts-more textarea,.ts-more label{margin:10px 12px 12px;width:calc(100% - 24px)}
.ts-upload{border:1px dashed #b9d8d3;border-radius:10px;padding:11px 12px;background:#fbfefd}
.ts-upload small,.ts-hint,.ts-note{display:block;font-size:12px;font-weight:400;color:var(--muted,#6d8589);line-height:1.5;margin:0}
.ts-reference-grid,.ts-samples{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ts-reference-grid:empty{display:none}
.ts-reference-grid>div{position:relative}
.ts-reference-grid img,.ts-samples img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;border:1px solid #e3eeec}
.ts-reference-grid button{position:absolute;right:-5px;top:-5px;border:0;background:#183238;color:#fff;border-radius:50%;width:22px;height:22px;line-height:1;font-size:14px}
.ts-subject{display:flex;gap:14px;align-items:center}.ts-subject img{max-width:96px;max-height:80px;border-radius:8px}

.ts-tips{display:flex;flex-wrap:wrap;gap:7px}
.ts-tip{display:inline-flex;align-items:center;border:1px solid #d7e6e3;border-radius:999px;background:#fff;overflow:hidden;max-width:100%}
.ts-tip button{border:0;background:transparent;color:#6d8589;font-size:12.5px;padding:6px 4px 6px 11px;text-align:left}
.ts-tip button+button{padding:6px 10px 6px 6px;font-size:15px;line-height:1}
.ts-tip button+button:hover{color:#c2414f}
.ts-tip.on{border-color:#8fd3ca;background:#e8f8f5}.ts-tip.on button:first-child{color:#075f59;font-weight:600}
.ts-presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ts-presets span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#93a8ab;margin-right:2px}
.ts-presets button{border:1px dashed #c9dcd9;background:transparent;color:#56737a;border-radius:999px;padding:5px 10px;font-size:12px}
.ts-presets button:hover{border-style:solid;border-color:var(--primary,#138f86);color:var(--primary,#138f86);background:#f1fbf9}

.ts-actions{display:flex;gap:10px;flex-wrap:wrap}
.ts-sticky{position:sticky;bottom:0;z-index:2;padding:14px 22px;background:linear-gradient(180deg,#ffffffd9,#fff 35%);border-top:1px solid #edf3f2;border-radius:0 0 16px 16px}
.ts-sticky .primary{flex:1;min-width:180px;padding:12px 16px;font-weight:800}
.ts-note{padding:0 22px 16px}
.ts-dirty{border-color:#f0c26e!important;background:#fff8ea!important;color:#a56a12!important}
.ts-wide{width:100%;padding:12px 16px;font-weight:800}

.ts-workspace{min-width:0}
.ts-status{min-height:38px;font-size:13px;color:var(--muted,#6d8589);display:flex;gap:8px;align-items:center}
.ts-status.is-busy{color:var(--primary,#138f86);font-weight:600}
.ts-stage{background:repeating-conic-gradient(#eef4f3 0 25%,#f8fbfa 0 50%) 0 0/22px 22px;aspect-ratio:16/9;border-radius:16px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line,#dce9e6);box-shadow:0 18px 44px #18323814}
.ts-stage canvas,.ts-stage-img{width:100%;height:100%;object-fit:contain;display:block}
.ts-empty{text-align:center;color:var(--muted,#6d8589);padding:20px;background:#ffffffd0;border-radius:14px;margin:20px}
.ts-empty span{font-size:46px;color:var(--primary,#138f86)}
.ts-empty h2{font-size:22px;margin:6px 0;color:var(--text,#183238)}
.ts-empty p{font-size:14px;line-height:1.7;margin:0}
.ts-editor{margin-top:16px;padding:20px 22px}
.ts-editor fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:14px}
.ts-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}
.ts-history-head h3{margin:0;font-size:15px;color:var(--text,#183238)}.ts-editor .ts-history-head{margin:0}
.ts-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.ts-job{text-align:left;border:1px solid var(--line,#dce9e6);border-radius:12px;padding:0 0 10px;overflow:hidden;background:var(--surface,#fff);color:inherit;transition:transform .15s,box-shadow .15s}
.ts-job:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #18323814}
.ts-job.selected{border-color:var(--primary,#138f86);box-shadow:0 0 0 3px #138f8624}
.ts-job img,.ts-job-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e9f1f0;display:grid;place-items:center;color:#56737a;font-size:12px}
.ts-job strong,.ts-job small{display:block;padding:8px 11px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.ts-job small{font-weight:400;color:var(--muted,#6d8589);padding-top:2px}
.ts-error{padding:12px 15px;border:1px solid #f1c4c4;background:#fff3f3;color:#a42f36;border-radius:10px;margin:0 0 12px;font-size:13px}
.ts-spinner{width:14px;height:14px;border:2px solid #cdeae6;border-top-color:var(--primary,#138f86);border-radius:50%;animation:ts-spin .8s linear infinite}
.ts-panel [hidden]{display:none}
.ts-editor input[type=color]{height:38px;padding:3px}.ts-editor input[type=range]{padding:0;accent-color:var(--primary,#138f86)}

.ts-yt-source{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #e3eeec;border-radius:12px;background:var(--surface-soft,#f7fbfa)}
.ts-yt-source img{width:120px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;flex:none}
.ts-yt-source>div{display:grid;gap:8px;min-width:0}
.ts-yt-source strong{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ts-yt-source .ts-actions{gap:6px}.ts-yt-source .secondary,.ts-yt-source .ghost{font-size:12px;padding:6px 10px;text-decoration:none}
.ts-langs{display:flex;flex-wrap:wrap;gap:6px}
.ts-lang{border:1px solid #d7e6e3;background:#fff;color:#45606a;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}
.ts-lang:hover:not(:disabled){border-color:#8fd3ca}
.ts-lang.on{background:var(--primary,#138f86);border-color:var(--primary,#138f86);color:#fff}
.ts-compare{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ts-compare button{border:1px solid var(--line,#dce9e6);background:var(--surface,#fff);color:#45606a;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:700}
.ts-compare button.active{background:#183238;border-color:#183238;color:#fff}
.ts-result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:11px 14px;border:1px solid var(--line,#dce9e6);border-radius:12px;background:var(--surface,#fff);font-size:13px;color:#45606a}
.ts-result-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-result-bar a{flex:none;text-decoration:none}

.topbar-actions .thumbnail-studio-launch{border-color:#f3d2c8;color:#b4512f;background:#fff7f3}
.topbar-actions .thumbnail-studio-launch:hover,.topbar-actions .thumbnail-studio-launch[aria-pressed="true"]{border-color:#e9967b;color:#963d20;background:#ffefe8}
.translate-top-grid.translate-top-single{grid-template-columns:1fr}
.translate-thumb-hint{margin:2px 0 0;font-size:13px;color:var(--muted,#6d8589)}.translate-thumb-hint button{border:0;background:none;padding:0;color:var(--primary,#138f86);font-weight:700;text-decoration:underline;cursor:pointer}

@keyframes ts-spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.ts-layout{grid-template-columns:1fr}.ts-workspace{grid-row:1}}
@media(max-width:600px){.ts-two,.ts-three{grid-template-columns:1fr}.ts-jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-block{padding:15px}.ts-sticky{padding:12px 15px}.ts-note{padding:0 15px 14px}.ts-editor{padding:15px}.ts-history-head{flex-wrap:wrap}.ts-tabs{display:flex}.ts-tabs button{flex:1;padding:9px 8px}.ts-channel-head{flex-direction:column;align-items:stretch}.ts-channel-head input{max-width:none}.ts-channel{min-width:170px}.ts-inline{flex-direction:column}.ts-yt-source{flex-direction:column;align-items:stretch}.ts-yt-source img{width:100%}.ts-result-bar{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.ts-spinner{animation:none}.ts-channel,.ts-job{transition:none}}

.ts-niche-channel{display:grid;gap:6px;max-width:440px;margin-top:14px;font-size:13px;font-weight:600}.ts-niche-channel select{width:100%;min-width:0}

.ts-generation-progress{padding:14px 16px;border:1px solid var(--border,#dce9e6);border-radius:12px;background:var(--surface-soft,#f7fbfa);margin:12px 0}
.ts-generation-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}
.ts-generation-progress progress{display:block;width:100%;height:12px;margin:10px 0;accent-color:#168577}
.ts-generation-progress small{color:var(--muted,#657d80);line-height:1.4}