:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#252333;background:#f7f8fb;font-synthesis:none;--purple:#8455ee;--border:#eae9f1;--muted:#8b8999;--sidebar:#191725;--green:#25ad89}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b69af8;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #c2acf6;border-color:#a07ae8}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h2{font-size:16px;font-weight:650}p{line-height:1.7}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.loading{padding:100px 30px;text-align:center;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:600;font-size:13px;transition:background .15s,transform .15s}.button:not(:disabled):hover{transform:translateY(-1px)}.button.primary{background:var(--purple);color:white;box-shadow:0 3px 7px #8455ee20}.button.primary:hover{background:#7444e0}.button.secondary{background:white;border-color:#e6e3ee;color:#595367}.button.secondary:hover{background:#f5f2fb}.button .icon{width:17px;height:17px}.small-button{min-height:35px;font-size:12px;padding:7px 12px}.text-button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#8455dd;font-size:12px;padding:7px 0;font-weight:600}.text-button .icon{width:16px;height:16px}.danger{color:#c85d73}.danger-button{background:#c94f69;color:white}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:7px;border-radius:6px;color:var(--muted)}.icon-button:hover{background:#ffffff12}.badge{display:inline-flex;align-items:center;gap:6px;background:#f2f1f6;color:#918a9d;border-radius:5px;padding:5px 8px;font-size:9px;letter-spacing:.055em;font-weight:750;white-space:nowrap}.badge.violet{background:#f0eafb;color:#8957de}.badge.green-badge{background:#e9f7f1;color:#209773}.eyebrow{display:block;font-size:9px;letter-spacing:.15em;font-weight:750;color:#a29aaa}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:23px;font-weight:750;letter-spacing:-1px}.brand>.icon{width:30px;height:30px;color:#b393ff;fill:#a483ff20}.brand-light{font-weight:400;color:#c7bedc}.brand sup{font-weight:400;font-size:11px;color:#9e81cd;top:-.7em;position:relative;margin-left:4px}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;width:34px;height:34px;background:#d0bef4;color:#573c83;font-size:13px;font-weight:700;flex-shrink:0}.avatar.small{width:28px;height:28px;font-size:11px}.live-dot{display:inline-block;width:6px;height:6px;background:#a47af2;border-radius:50%;box-shadow:0 0 0 3px #a47af218}.platform-icon{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:white;font-size:15px;line-height:1;font-weight:850;flex-shrink:0}.platform-icon.twitch{background:#9146ff}.platform-icon.youtube{background:#f04f65;font-size:13px}.platform-icon.tiktok{background:#25222e;text-shadow:-1px 0 #2de2db,1px 0 #fc577a;font-size:22px}.platform-icon.kick{background:#e4f9e6;color:#33a63e}.platform-icon.facebook{background:#4484ed;font-family:Arial;font-size:24px}.twitch-text{color:#935fe7}.youtube-text{color:#dc677a}.tiktok-text{color:#60596f}.kick-text{color:#3a9b64}.notice{background:#f5f1fc;color:#817091;border:1px solid #e9e1f7;border-radius:9px;padding:14px 16px;font-size:12px;line-height:1.7}.info-strip{display:flex;align-items:center;gap:10px;background:#f0edf8;border:1px solid #e7e0f4;padding:13px 16px;margin-bottom:23px;border-radius:9px;color:#827092;font-size:12px;line-height:1.6}.info-strip .icon{color:#a084cf;width:18px;height:18px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.form-error{color:#b73555;font-size:12px;line-height:1.6}label{display:block;font-size:12px;color:#605b6f;font-weight:600}input,select,textarea{display:block;width:100%;background:white;color:#393447;border:1px solid #e5e1ed;border-radius:8px;padding:12px 13px;margin-top:8px;font-size:13px}input::placeholder,textarea::placeholder{color:#aca5b6}select{min-height:43px}.form-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}.form-actions .muted{font-size:12px}.checkbox-label{display:flex;align-items:center;gap:9px;line-height:1.6}.checkbox-label input{width:16px;margin:0;accent-color:var(--purple)}
/* Entry */
.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-story{background:radial-gradient(ellipse at 80% 40%,#45315d33,transparent 65%),#191725;color:white;padding:42px 9%;display:flex;flex-direction:column}.story-copy{margin:auto 0;padding:60px 0}.story-copy .eyebrow{color:#af98cf;letter-spacing:.17em}.story-copy h1{font-size:clamp(38px,4vw,62px);font-weight:600;line-height:1.12;margin:22px 0}.story-copy h1 em{color:#b693ff;font-style:normal}.story-copy>p{color:#aaa1b9;font-size:14px;line-height:1.8}.story-chat{margin:36px 0 26px;border:1px solid #61516e55;border-radius:15px;background:#29233477;padding:18px 22px;max-width:420px;transform:rotate(-2deg);box-shadow:0 20px 40px #0002}.story-label{font-size:8px;letter-spacing:.1em;color:#bba7d1;display:flex;align-items:center;gap:9px;margin-bottom:13px}.story-chat .chat-message{padding:10px 0}.story-chat .chat-message p{color:#d4cadf}.story-chat .message-author.tiktok-text{color:#c2a8cd}.story-platforms{display:flex;align-items:center;gap:7px}.story-platforms>span:last-child{font-size:10px;color:#8d829e;margin-left:8px;max-width:140px;line-height:1.5}.auth-story footer{font-size:10px;color:#71677e}.auth-form-side{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;background:#fbfaff}.auth-form-side>.badge{align-self:flex-end;position:absolute;top:38px}.auth-card{width:100%;max-width:360px;padding:36px 0}.mini-logo{width:45px;height:45px;border:1px solid #e6dcfa;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f0e9fc;color:#9867ec;margin-bottom:25px}.mini-logo .icon{width:23px;height:23px}.auth-card h2{font-size:30px;line-height:1.2;max-width:330px}.auth-card>p{color:#9a92a5;font-size:13px;margin-top:12px}#auth-form{margin-top:28px}#auth-form label{margin-bottom:18px}#auth-form .form-error{margin-bottom:15px}.auth-submit{width:100%;justify-content:space-between}.auth-card .auth-switch{text-align:center;font-size:12px;margin:22px 0}.auth-switch button{color:var(--purple);border:0;background:none;font-weight:650;font-size:12px}.auth-footnote{text-align:center;color:#ada5b6;font-size:11px;line-height:1.7}
/* Workspace */
.app-layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#9790a8;padding:31px 17px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:228px;overflow-y:auto;z-index:5}.sidebar .brand{margin:0 10px 32px}.workspace-tag{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#252232;border:1px solid #34303f;border-radius:9px;font-size:11px;color:#e6deef;margin:0 7px 28px}.workspace-tag>div{font-weight:600}.workspace-tag>div>span{display:block;font-size:9px;font-weight:400;color:#8e839e;margin-top:3px}.workspace-caret{margin-left:auto;color:#8a7c9d}.nav-caption{font-size:8px;letter-spacing:.13em;color:#655c75;font-weight:750;margin:0 14px 11px}.sidebar nav{margin-bottom:27px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:none;width:100%;text-align:left;color:#9f97af;font-size:12px;border-radius:7px;padding:12px 14px;min-height:43px;margin:3px 0;position:relative}.nav-item .icon{width:17px;height:17px;color:#80758f}.nav-item.selected{background:#35284e;color:#d6c3ff}.nav-item.selected .icon{color:#b28aee}.nav-item.selected:before{content:'';height:18px;width:3px;background:#ae7cf5;border-radius:3px;position:absolute;left:-17px}.nav-item:hover{background:#ffffff08}.nav-dot{width:5px;height:5px;background:#af82ff;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:20px}.upgrade-card{margin:0 7px 17px;padding:17px 13px;background:linear-gradient(130deg,#312440,#262032);border:1px solid #493257;border-radius:10px}.upgrade-card>div{font-size:8px;font-weight:700;letter-spacing:.1em;color:#c7a4ee;display:flex;align-items:center;gap:6px;margin-bottom:10px}.upgrade-card .icon{width:14px;height:14px}.upgrade-card strong{display:block;color:#d9cce6;font-size:12px;font-weight:500;line-height:1.6;max-width:145px}.upgrade-card p{font-size:9px;color:#8c7f9c;margin-top:5px}.upgrade-card button{background:#9a66e9;border:0;border-radius:5px;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px;margin-top:14px}.user-menu{display:flex;gap:9px;align-items:center;margin-top:17px;border-top:1px solid #302b3a;padding:20px 7px}.user-menu>div{min-width:0;flex:1}.user-menu strong{display:block;color:#d9d1e1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu>div>span{display:block;font-size:9px;margin-top:4px;color:#796d88}.user-menu .avatar{width:30px;height:30px;font-size:11px;background:#c1a3dc;color:#43314f}.user-menu .icon-button{padding:3px}.user-menu .icon{width:16px;height:16px}.main-column{grid-column:2;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;border-bottom:1px solid #eae8ef;background:#ffffffb3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 36px;font-size:11px}.breadcrumb{color:#a4a0ae}.breadcrumb-divider{color:#d2cdd9;margin:0 12px}.topbar strong{font-size:11px;font-weight:550;color:#635b72}.topbar-right{display:flex;align-items:center;gap:20px}.local-indicator{display:flex;align-items:center;gap:7px;font-size:10px;color:#918a9e}.local-indicator>span{width:5px;height:5px;border-radius:50%;background:#bcae8f}.topbar .small-button{color:#9662d9;background:#fbf8ff;border-color:#e8def8;font-size:10px}.top-avatar{width:29px;height:29px;font-size:10px;background:#eadcf6;color:#9b70b8}#page{padding:34px 36px 24px;max-width:1500px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:16px}.page-heading h1{font-size:29px;font-weight:650;margin:8px 0}.heading-dot{color:#9872dc;margin-left:1px}.page-heading p{color:#96909f;font-size:12px}.heading-actions{display:flex;gap:10px}.heading-actions>.button{font-size:11px;min-height:38px;padding:9px 14px}.app-footer{display:flex;justify-content:space-between;gap:15px;padding:22px 36px;font-size:9px;color:#aaa3b3;border-top:1px solid #eeecf3}.app-footer>span:first-child{font-weight:600;color:#9a8ba9}.app-footer .muted{padding:0 6px;color:#d0c5d8}
/* Dashboard */
.welcome-banner{background:radial-gradient(ellipse at 95% 20%,#5c418133,transparent 60%),linear-gradient(115deg,#252031,#30223f);min-height:228px;border-radius:13px;position:relative;overflow:hidden;color:white;padding:29px 33px;display:flex;justify-content:space-between}.banner-kicker{font-size:8px;letter-spacing:.18em;color:#bda0d6;font-weight:600}.welcome-banner h2{font-size:29px;line-height:1.2;font-weight:550;margin:12px 0 11px;letter-spacing:-.03em}.welcome-banner p{font-size:10px;color:#a899b8}.banner-button{background:#ffffff10;color:#d4c0ea;border:1px solid #ffffff20;font-size:10px;min-height:32px;padding:7px 10px;margin-top:17px}.banner-button .icon{width:13px;height:13px}.banner-art{position:relative;width:340px;min-width:300px;margin:-29px -3px -29px 10px}.art-center{position:absolute;left:128px;top:88px;display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:23px;transform:rotate(-10deg);background:linear-gradient(135deg,#c1a0f5,#7b43c6);box-shadow:0 0 50px #b683d530,0 10px 25px #0003;border:1px solid #e2c1ff60}.art-center .icon{height:36px;width:36px;color:#f4e7ff}.orbit{position:absolute;left:80px;top:43px;width:170px;height:170px;border-radius:50%;border:1px solid #b48bd826;transform:rotate(-25deg)}.orbit-two{left:29px;top:-5px;width:273px;height:273px;border-style:dashed;border-color:#a781c31a}.floating-platform{position:absolute;padding:9px;background:#ffffff08;border:1px solid #bfa1d92b;border-radius:14px;box-shadow:0 12px 25px #0002}.floating-platform .platform-icon{width:33px;height:33px;border-radius:8px}.fp-twitch{left:45px;top:47px;transform:rotate(-14deg)}.fp-youtube{left:235px;top:42px;transform:rotate(15deg)}.fp-tiktok{left:65px;top:169px;transform:rotate(12deg)}.fp-kick{left:234px;top:159px;transform:rotate(-13deg)}.art-spark{position:absolute;color:#c99df1;font-size:24px}.spark-one{left:191px;top:32px}.spark-two{left:21px;top:144px;font-size:15px}.connection-strip{display:flex;align-items:center;gap:20px;margin:21px 0 25px;padding:0 2px}.connection-strip button{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;color:#827c8c;font-size:10px}.connection-strip .platform-icon{width:17px;height:17px;border-radius:4px;font-size:10px}.connection-strip .platform-icon.tiktok{font-size:15px}.connection-strip .platform-icon.facebook{font-size:15px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d4d0dc;flex-shrink:0}.status-dot.connected{background:#52bb9a}.connection-strip-note{margin-left:auto;font-size:9px;color:#ada5b8}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card{background:white;border:1px solid var(--border);border-radius:11px;padding:17px 19px;min-width:0}.stat-label{color:#928b9d;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:6px}.stat-icon{color:#b4a3cf;display:flex;align-items:center}.stat-icon .icon{width:17px;height:17px}.stat-icon.blue{color:#9baee3}.stat-icon.pink{color:#d59cc9}.stat-icon.green{color:#85b7ad}.stat-card>strong{display:block;font-size:27px;letter-spacing:-.04em;font-weight:600;margin:12px 0 9px}.stat-caption{display:block;font-size:9px;color:#aaa4b4;line-height:1.5}.dashboard-columns{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:22px}.panel{background:white;border:1px solid var(--border);border-radius:11px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 21px}.panel-header h2{font-size:13px;letter-spacing:-.02em}.panel-header>div>span{display:block;color:#a59cac;font-size:9px;margin-top:6px;line-height:1.5}.panel-header>.icon{width:17px;height:17px;color:#b6a3cb}.chat-tabs{display:flex;gap:8px;align-items:center;padding:0 20px 12px;border-bottom:1px solid #f1eff5}.chat-tabs button{display:flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:5px;height:27px;min-width:29px;justify-content:center;font-size:10px;color:#a09aa9;padding:4px 8px}.chat-tabs button.active{background:#f1ebfc;color:#9461dc;border-color:#e8dff7}.chat-tabs .platform-icon{background:none;width:15px;height:15px;border-radius:0;font-size:11px;filter:grayscale(.2);opacity:.6}.chat-tabs .platform-icon.twitch{color:#9957f2}.chat-tabs .platform-icon.youtube{color:#e77686}.chat-tabs .platform-icon.tiktok{color:#6f657c;font-size:16px}.chat-tabs .platform-icon.kick{color:#4caa68}.chat-feed{height:284px;overflow-y:auto;padding:7px 21px 12px;scrollbar-width:thin;scrollbar-color:#e5dbef transparent}.chat-message{display:flex;align-items:flex-start;gap:10px;padding:12px 0}.chat-message>.platform-icon{width:23px;height:23px;font-size:11px;border-radius:6px;margin-top:2px}.chat-message>.platform-icon.tiktok{font-size:19px}.chat-message>div{flex:1;min-width:0}.message-author{font-size:10px;font-weight:650}.message-time{float:right;color:#bcb5c5;font-size:8px;margin-top:3px}.chat-message p{font-size:11px;color:#777080;margin-top:4px;overflow-wrap:anywhere}.empty-chat{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;min-height:170px;color:#ada3b8}.empty-chat>.icon{width:34px;height:34px;color:#d8c9e8;margin-bottom:16px}.empty-chat strong{font-size:12px;font-weight:500;color:#94869f}.empty-chat p{font-size:10px;margin-top:8px}.chat-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1eff5;padding:11px 20px;color:#a9a1b2;font-size:9px;gap:10px}.chat-bottom>span{display:flex;align-items:center;gap:7px}.chat-bottom .text-button{font-size:9px;padding:0;color:#a698b6;font-weight:400}.chat-bottom .icon{width:13px;height:13px}.right-panels{display:flex;flex-direction:column;gap:20px}.audience-panel{min-height:230px}.chart-area{display:flex;padding:10px 20px 15px 17px;gap:10px;min-height:155px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#b1a7bc;padding-bottom:25px;min-width:23px}.chart-plot{flex:1;position:relative;min-width:0}.chart-plot svg{display:block;width:100%;height:120px;overflow:visible}.chart-x{display:flex;justify-content:space-between;font-size:8px;color:#b1a7bc;margin-top:12px;gap:10px}.chart-empty{position:absolute;inset:0 0 25px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ac9abb}.quick-panel .panel-header{padding-bottom:10px}.quick-link{display:flex;align-items:center;gap:11px;width:100%;border:0;background:none;text-align:left;padding:12px 20px}.quick-link:last-child{padding-bottom:19px}.quick-link:hover{background:#fcfaff}.quick-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;background:#f1ebfb;color:#9a71d3;border-radius:8px}.quick-icon.pink{background:#faedf5;color:#cd96be}.quick-icon .icon{width:16px;height:16px}.quick-link>span:nth-child(2){flex:1}.quick-link strong{display:block;color:#82748f;font-size:10px;font-weight:550}.quick-link small{display:block;color:#b4aabc;font-size:9px;margin-top:5px}.quick-link>.icon{width:14px;height:14px;color:#c8bcd3}.preview-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#b5acbe;font-size:9px;line-height:1.7;padding:20px 0 0}.preview-note .icon{width:13px;height:13px;flex-shrink:0}.full-chat .chat-feed{height:calc(100vh - 405px);min-height:300px}.full-chat .chat-message{padding:14px 4px}.full-chat .message-author{font-size:12px}.full-chat .chat-message p{font-size:13px}.full-chat .platform-icon{width:28px;height:28px}
/* Tools */
.connections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.connection-card{padding:24px}.connection-card-top{display:flex;align-items:center;justify-content:space-between}.connection-card-top>.platform-icon{width:38px;height:38px;border-radius:10px;font-size:20px}.connection-card-top>.platform-icon.tiktok{font-size:30px}.connection-card h2{font-size:19px;margin-top:19px}.connection-card p{color:#a397ac;font-size:11px;min-height:55px;margin:10px 0 20px}.connection-card label{font-size:10px}.connection-card input{font-size:12px}.connection-card>.button{width:100%;font-size:10px;margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.section-heading h2{font-size:18px}.section-heading p{color:#a095ad;font-size:11px;margin-top:7px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:27px}.asset-preview{height:190px;position:relative;padding:35px 19px 20px;background:linear-gradient(135deg,#352a55,#675a80);overflow:hidden}.asset-preview.minimal{background:linear-gradient(135deg,#aaa89f,#d2d0c6)}.asset-preview.sunset{background:linear-gradient(135deg,#925765,#e0a778)}.preview-corner{position:absolute;top:12px;left:14px;font-size:7px;letter-spacing:.16em;color:#ffffff90}.mock-window{height:130px;position:relative;background:#211a2d;border:1px solid #ffffff40;border-radius:6px;box-shadow:0 10px 20px #0002;overflow:hidden}.mock-top{height:13px;background:#ffffff0c;display:flex;align-items:center;gap:3px;padding-left:6px}.mock-top>span{width:3px;height:3px;background:#b6a4cd;border-radius:50%}.mock-game{position:absolute;inset:13px 0 0;background:linear-gradient(#242a3e,#53576b)}.mock-mountain{position:absolute;background:#1a233b;width:200px;height:200px;transform:rotate(40deg);top:60px;left:-50px}.mock-sun{position:absolute;width:28px;height:28px;background:#c9a09d55;box-shadow:0 0 35px #e5b8a5;border-radius:50%;left:36%;top:15px}.mini-chat{position:absolute;right:8px;top:40px;width:59%;padding:6px;border-radius:5px;background:#342a4ed9;border:1px solid #c69afa55}.mini-chat>div{display:flex;align-items:center;gap:4px;padding:4px 0}.mini-chat .platform-icon{width:12px;height:12px;border-radius:3px;font-size:7px}.mini-chat b{display:block;color:#ccacee;font-size:6px;font-weight:600}.mini-chat small{display:block;color:#e5dcec;font-size:5px;margin-top:2px}.minimal .mini-chat{background:#ffffffdd;border-color:white}.minimal .mini-chat b{color:#5d5567}.minimal .mini-chat small{color:#84788e}.sunset .mini-chat{background:#5a3344df;border-color:#e3bda380}.sunset .mini-chat b{color:#f6c4ac}.mock-cam{position:absolute;left:8px;bottom:8px;width:54px;height:36px;border:2px solid #c9a0f6;background:#494355;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#b5a8c6}.mock-cam .icon{width:18px;height:18px}.minimal .mock-cam{border-color:#e8e4db}.sunset .mock-cam{border-color:#e9b097}.asset-info{padding:20px}.asset-info>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.asset-info h3{font-size:15px}.asset-info p{color:#a296ad;font-size:10px;margin:12px 0 18px;min-height:35px}.asset-info .button{width:100%;font-size:11px}.links-panel{margin-top:20px}.empty-state{text-align:center;padding:48px 20px;color:#aaa0b5;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:600;color:#aaa0b6;border-top:1px solid #f0edf5;background:#fdfbff;padding:12px 21px}td{padding:16px 21px;border-top:1px solid #f2eff7;font-size:11px;color:#8e819d}td strong{display:block;font-size:11px;font-weight:550;color:#71617f}td small{display:block;font-size:9px;color:#b1a4be;margin-top:5px}.table-actions{display:flex;gap:14px}.table-actions button{font-size:10px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-panel{padding:23px;margin-bottom:20px}.settings-panel .panel-header{padding:0 0 23px}.settings-panel>h2{margin-bottom:14px}.settings-panel>p{font-size:12px;color:#9788a3;margin-bottom:10px}.settings-panel form>label{margin-bottom:19px}.field-help{color:#b0a4bb;font-size:10px;margin:-8px 0 19px;line-height:1.8}.tts-status{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px 0 30px;color:#ac8acc}.tts-status>.icon{height:40px;width:40px;margin-bottom:16px}.tts-status strong{font-size:16px;color:#8e71a6;font-weight:550}.tts-status p{font-size:11px;color:#ad9cba;margin-top:10px;max-width:280px}.premium-tts-card{background:#30223f;border-radius:11px;padding:30px;color:#d8c3ea}.premium-tts-card>span{display:flex;align-items:center;gap:7px;letter-spacing:.1em;font-size:9px;color:#b798d7}.premium-tts-card h2{font-size:22px;margin:18px 0 12px;font-weight:500}.premium-tts-card p{font-size:12px;color:#a990bc;margin-bottom:22px}.premium-tts-card .badge{background:#ffffff0e;color:#bba0cf;margin-right:7px}.report-picker{max-width:500px;margin:24px 0}.platform-bars{padding:0 23px 22px}.platform-bar-row{margin-bottom:19px}.platform-bar-row>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#8a7698}.platform-bar-row>div>span:last-child{margin-left:auto;font-weight:600}.platform-bar-row .platform-icon{width:20px;height:20px;font-size:11px}.platform-bar-row small{display:block;font-size:9px;color:#afa0b9;margin-top:5px}.platform-progress{display:block;width:100%;height:5px;appearance:none;border:0;margin-top:9px}.platform-progress::-webkit-progress-bar{background:#f2edf6;border-radius:3px}.platform-progress::-webkit-progress-value{background:#a87be4;border-radius:3px}.platform-progress.youtube::-webkit-progress-value{background:#e29aa5}.platform-progress.tiktok::-webkit-progress-value{background:#8b7b9d}.platform-progress.kick::-webkit-progress-value{background:#96bfa3}.platform-progress::-moz-progress-bar{background:#a87be4;border-radius:3px}.two-columns+.notice{margin-top:22px}.empty-premium{text-align:center;padding:65px 20px}.empty-premium>.icon{width:44px;height:44px;color:#c1a2e2;margin-bottom:20px}.empty-premium h2{font-size:23px}.empty-premium p{color:#a497af;margin:15px 0 25px;font-size:12px}.subscription-layout{display:grid;grid-template-columns:400px 1fr;gap:28px;max-width:1050px;margin:0 auto}.pricing-card{background:radial-gradient(ellipse at 100% 0,#764b9744,transparent 60%),#292033;border:1px solid #4c375f;border-radius:15px;padding:35px;color:#e2d0ed}.pricing-card>.eyebrow{color:#b398c8;font-size:8px}.pricing-title{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.04em;font-weight:600;margin:25px 0}.pricing-title>.icon{color:#c29be9;width:25px;height:25px}.price{font-size:65px;font-weight:600;letter-spacing:-.06em;line-height:1.2}.price>span{font-size:12px;font-weight:400;color:#ab92be;letter-spacing:0;margin-left:12px}.pricing-card>p{font-size:11px;color:#ae97c1;margin-top:10px}.pricing-card ul{list-style:none;padding:22px 0;margin:25px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15}.pricing-card li{display:flex;gap:10px;font-size:11px;line-height:1.7;margin-bottom:14px;color:#c4acd5}.pricing-card li:last-child{margin:0}.pricing-card li .icon{color:#b284d7;width:15px;height:15px}.pricing-card>.button{width:100%}.pricing-card>small{display:block;font-size:10px;color:#947ba8;line-height:1.8;margin-top:16px}.subscription-state h3{font-size:17px;line-height:1.5;margin:20px 0 10px}.subscription-state p{font-size:12px;color:#a497af;margin-bottom:17px}.audit-panel{margin-top:25px}.admin-stats{margin-top:23px}
/* Modal and small screens */
#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#33253f;color:#f0e1fb;box-shadow:0 8px 30px #25163326;border:1px solid #63427655;border-radius:9px;padding:14px 20px;font-size:12px;line-height:1.6;max-width:90vw;z-index:50;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#71354c}.modal-backdrop{position:fixed;inset:0;background:#17112388;backdrop-filter:blur(4px);z-index:40;display:flex;align-items:center;justify-content:center;padding:25px}.modal{position:relative;width:100%;max-width:550px;background:white;border-radius:16px;padding:35px;box-shadow:0 20px 80px #0003}.modal-close{position:absolute;right:12px;top:12px}.modal-symbol{display:flex;align-items:center;justify-content:center;background:#f1e9fc;color:#a173d2;border-radius:14px;width:44px;height:44px;margin-bottom:20px}.modal h2{font-size:24px}.modal>p{font-size:12px;color:#a091ac;margin:14px 0 23px}.modal label{font-size:11px}.modal input{font-size:11px}.modal .button-row{margin:19px 0}.modal .notice{font-size:11px}.modal .button{font-size:11px}
@media(min-width:1550px){#page{padding-top:42px}.welcome-banner{min-height:255px}.welcome-banner h2{font-size:34px}.banner-art{margin-right:50px}.chat-feed{height:340px}.chart-plot svg{height:160px}.audience-panel{min-height:260px}}
@media(max-width:1150px){.app-layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding-inline:12px}.sidebar .brand{font-size:21px}.nav-item.selected:before{left:-12px}#page{padding:28px 24px}.topbar{padding:0 24px}.topbar-right{gap:12px}.local-indicator{display:none}.connection-strip{gap:13px}.connection-strip-note{display:none}.stat-card{padding:15px 13px}.dashboard-columns{gap:16px;grid-template-columns:minmax(250px,1fr) minmax(250px,1fr)}.welcome-banner{padding-left:25px}.welcome-banner h2{font-size:26px}.banner-art{min-width:270px;transform:scale(.9);transform-origin:center right;margin-left:-10px}.connections-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-grid{gap:12px}.asset-info{padding:14px}.asset-preview{padding-inline:12px}.asset-info h3{font-size:13px}.asset-info .badge{font-size:8px}.asset-info .button{padding:9px;font-size:10px}.subscription-layout{grid-template-columns:340px 1fr;gap:20px}.pricing-card{padding:26px}}
@media(max-width:900px){.sidebar{width:180px}.app-layout{grid-template-columns:180px minmax(0,1fr)}.sidebar .brand{font-size:19px;margin-left:3px}.sidebar .brand>.icon{width:25px}.workspace-tag{margin-inline:0;padding:9px 7px}.nav-item{font-size:11px;padding-inline:9px}.nav-caption{margin-left:9px}.upgrade-card{margin-inline:0;padding:12px}.topbar .breadcrumb,.breadcrumb-divider{display:none}.topbar{height:65px}.top-avatar{display:none}.dashboard-columns{grid-template-columns:1fr}.right-panels{display:grid;grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.banner-art{margin-left:-60px;margin-right:-25px;transform:scale(.75);min-width:210px}.welcome-banner h2{font-size:24px}.welcome-banner>div:first-child{z-index:1}.welcome-banner p{max-width:180px}.asset-grid{grid-template-columns:1fr}.asset-card{display:grid;grid-template-columns:1fr 1fr}.asset-preview{height:200px;padding-inline:23px}.asset-info{padding:24px}.two-columns{grid-template-columns:1fr}.subscription-layout{grid-template-columns:1fr}.app-footer{padding-inline:24px}.app-footer>span:last-child{display:none}.auth-story{padding:35px 8%}.story-copy h1{font-size:41px}.story-platforms>span:last-child{display:none}}
@media(max-width:650px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:24px}.auth-story .brand{font-size:21px}.story-copy{padding:35px 0 15px}.story-copy h1{font-size:35px}.story-copy>p{font-size:12px}.story-chat,.story-platforms,.auth-story footer{display:none}.auth-form-side{padding:25px}.auth-form-side>.badge{position:static;align-self:center}.auth-card{padding:25px 0}.auth-card h2{font-size:26px}.mini-logo{display:none}.auth-footnote{padding-bottom:15px}.app-layout{display:block}.sidebar{position:relative;width:100%;padding:15px 15px 10px;display:block;overflow:visible}.sidebar .brand{margin:0 0 16px;font-size:23px}.workspace-tag,.nav-caption,.upgrade-card,.user-menu{display:none}.sidebar nav{display:flex;gap:4px;overflow-x:auto;margin:0}.sidebar nav[aria-label="Herramientas"]{margin-top:3px}.nav-item{width:auto;flex-shrink:0;gap:7px;padding:8px 10px;min-height:34px;font-size:10px;margin:0}.nav-item .icon{width:14px;height:14px}.nav-item.selected:before{display:none}.sidebar-bottom{display:flex;gap:4px;padding-top:3px}.sidebar-bottom .nav-item{padding:6px 10px}.main-column{display:flex}.topbar{height:55px;padding:0 19px}.topbar .small-button{font-size:9px;padding:6px 8px;min-height:30px}.topbar .small-button .icon{width:13px}#page{padding:25px 18px}.page-heading{align-items:flex-start;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading .eyebrow{font-size:7px}.page-heading p{font-size:10px;max-width:180px}.heading-actions{margin-top:19px}.heading-actions>.button{font-size:9px;min-height:34px;padding:8px 10px;gap:5px}.heading-actions>.button .icon{width:13px}.welcome-banner{min-height:210px;padding:22px 19px}.welcome-banner h2{font-size:25px}.banner-kicker{font-size:7px}.banner-art{position:absolute;right:-18px;top:0;bottom:0;width:240px;min-width:0;opacity:.8;transform:scale(.7);transform-origin:center right;margin:0}.welcome-banner>div:first-child{max-width:70%}.connection-strip{gap:15px;flex-wrap:wrap;margin:18px 0}.connection-strip button{font-size:9px;gap:4px}.connection-strip button:last-of-type{display:none}.stat-card>strong{font-size:25px}.stat-label{font-size:9px}.stat-caption{font-size:8px}.right-panels{display:flex}.preview-note{font-size:8px;align-items:flex-start;text-align:left}.chat-feed{height:300px}.connections-grid{grid-template-columns:1fr}.connection-card p{min-height:0}.connection-card{padding:22px}.form-actions{align-items:flex-start;flex-direction:column}.asset-card{display:block}.asset-preview{height:210px;padding:38px 35px 20px}.mock-window{height:150px}.asset-info{padding:22px}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.full-chat .chat-tabs{gap:3px;padding-inline:10px}.full-chat .chat-tabs button{font-size:9px;padding:5px}.full-chat .chat-feed{height:440px}.chat-bottom{padding-inline:14px}.info-strip{align-items:flex-start;font-size:10px}.settings-panel{padding:20px}.pricing-card{padding:30px}.price{font-size:60px}.modal{padding:28px 23px}.modal h2{font-size:21px}.app-footer{padding:20px 18px}.stats-grid.admin-stats{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.user-menu{display:flex;position:absolute;right:15px;top:14px;border:0;margin:0;padding:0}.user-menu>div,.user-menu>.avatar{display:none}.user-menu .icon-button{padding:5px}.user-menu .icon{width:19px;height:19px}}