.studio{color:var(--foreground);gap:20px;display:grid}.studio button,.studio a{min-height:40px}.studio button{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.studio button:disabled,.studio-dialog button:disabled{opacity:.5;cursor:not-allowed}.studio button:hover:not(:disabled){border-color:var(--teal)}.studio .studio-primary,.studio-dialog .studio-primary{background:var(--teal);color:var(--background);border-color:var(--teal);font-weight:650}.studio-hero{border:1px solid var(--border);background:radial-gradient(ellipse at top right,var(--accent),transparent 70%),var(--card);border-radius:18px;justify-content:space-between;gap:28px;padding:30px;display:flex}.studio-eyebrow{color:var(--teal);letter-spacing:2px;font-size:10px;font-weight:700}.studio-hero h2{letter-spacing:-1px;margin:12px 0;font-size:32px;line-height:1.15}.studio-hero em{color:var(--teal);font-style:normal}.studio-hero p{max-width:420px;color:var(--muted-foreground);font-size:13px;line-height:1.7}.studio-hero-actions{flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-width:180px;display:flex}.studio-toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.studio-toolbar label{gap:7px;font-size:11px;display:grid}.studio-toolbar label:first-child{flex:1;min-width:180px}.studio input,.studio select,.studio-dialog input:not([type=checkbox]),.studio-dialog select,.studio-dialog textarea{border:1px solid var(--border);background:var(--background);color:var(--foreground);border-radius:8px;width:100%;min-height:42px;padding:10px 12px;font-size:13px}.studio-kpis{border:1px solid var(--border);background:var(--card);border-radius:14px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.studio-kpis>div{border-right:1px solid var(--border);gap:8px;padding:22px 18px;display:grid}.studio-kpis>div:last-child{border:0}.studio-kpis strong{letter-spacing:-.7px;font-size:25px}.studio-kpis span{color:var(--muted-foreground);font-size:11px;line-height:1.5}.studio-caption{color:var(--muted-foreground);margin:0;font-size:11px;line-height:1.7}.studio-status{color:var(--muted-foreground);flex-wrap:wrap;gap:20px;font-size:11px;display:flex}.studio-status span{align-items:center;gap:8px;display:flex}.studio-campaigns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-campaign{background:var(--card);border:1px solid var(--border);border-radius:14px;min-width:0;padding:22px}.studio-campaign.is-selected{border-color:var(--teal)}.studio-card-top,.studio-card-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-platform{color:var(--teal);font-size:11px}.studio-badge{text-transform:uppercase;letter-spacing:1px;background:var(--accent);border-radius:20px;padding:5px 9px;font-size:9px}.studio-campaign h3{overflow-wrap:anywhere;margin:14px 0 5px;font-size:18px}.studio-campaign>p{color:var(--muted-foreground);font-size:12px}.studio-campaign>p span{color:var(--teal);margin:0 8px}.studio-mini-variants{gap:10px;margin:20px 0;display:flex}.studio-mini-variants>div{background:var(--accent);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.studio-mini-variants img,.studio-mini-variants>div>span{object-fit:cover;width:34px;height:34px;color:var(--teal);background:var(--card);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.studio-mini-variants small{overflow-wrap:anywhere;font-size:10px}.studio-card-metrics{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 0;display:grid}.studio-card-metrics>div{gap:5px;display:grid}.studio-card-metrics strong{font-size:17px}.studio-card-metrics small,.studio-card-foot small{color:var(--muted-foreground);font-size:10px}.studio-card-foot{border-top:1px solid var(--border);padding-top:15px}.studio-empty{text-align:center;border:1px dashed var(--border);background:var(--card);border-radius:14px;justify-items:center;gap:14px;padding:40px 24px;display:grid}.studio-empty>svg{color:var(--teal)}.studio-empty h3{font-size:22px}.studio-empty p,.studio-empty small{color:var(--muted-foreground);max-width:560px;font-size:12px;line-height:1.7}.studio-presets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.studio-detail{background:var(--card);border:1px solid var(--teal);border-radius:16px;gap:20px;padding:26px;display:grid}.studio-detail-head,.studio-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-detail h3{margin:8px 0;font-size:24px}.studio-detail-head p{color:var(--muted-foreground);font-size:13px}.studio-controls{flex-wrap:wrap;gap:8px;display:flex}.studio-variants{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.studio-variants>article{border:1px solid var(--border);border-radius:12px;min-width:0;overflow:hidden}.studio-variant-preview{color:#e8fafa;background:linear-gradient(145deg,#123b40,#0b202a);flex-direction:column;align-items:flex-start;gap:12px;min-height:250px;padding:20px;display:flex;position:relative}.studio-variant-preview>img{object-fit:contain;border-radius:6px;width:100%;max-height:220px}.studio-variant-letter{text-transform:uppercase;letter-spacing:1.5px;color:#80dce0;font-size:10px}.studio-wordmark{letter-spacing:-1px;margin-bottom:18px;font-size:24px}.studio-wordmark em{color:#6be6df;font-style:normal}.studio-variant-preview h4{font-size:22px;line-height:1.2}.studio-variant-preview p{color:#bed7da;font-size:12px;line-height:1.6}.studio-variant-preview small{opacity:.65;margin-top:auto;font-size:9px}.studio-variant-data{padding:16px}.studio-variant-data>strong{font-size:12px}.studio-variant-data>div{gap:8px;margin-top:16px;display:grid}.studio-variant-data span{color:var(--muted-foreground);justify-content:space-between;gap:12px;font-size:11px;display:flex}.studio-variant-data b{color:var(--foreground)}.studio-learning{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-learning>div{border:1px solid var(--border);border-radius:12px;padding:20px}.studio-learning svg{color:var(--teal);margin-bottom:10px}.studio-learning h4{margin-bottom:12px;font-size:16px}.studio-learning p,.studio-learning li{color:var(--muted-foreground);font-size:12px;line-height:1.7}.studio-learning ul{padding-left:18px;list-style:outside}.studio-learning li{margin-bottom:10px}.studio-learning small{color:var(--muted-foreground);font-size:10px}.studio-ai-idea{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.studio-ai-idea strong{font-size:13px}.studio-trend{border:1px solid var(--border);border-radius:12px;padding:20px}.studio-trend h4{font-size:14px}.studio-trend>div{align-items:end;gap:3px;height:130px;margin:20px 0;display:flex}.studio-trend span{flex-direction:column;flex:1;justify-content:end;min-width:0;height:100%;display:flex}.studio-trend i{background:var(--teal);border-radius:4px 4px 0 0;display:block}.studio-trend small{writing-mode:vertical-rl;max-height:30px;margin-top:5px;font-size:8px}.studio-trend p{color:var(--muted-foreground);font-size:10px}.studio-error,.studio-warning,.studio-notice{border:1px solid var(--border);background:var(--accent);border-radius:9px;padding:12px 16px;font-size:12px;line-height:1.7}.studio-error{border-color:#d66d6d}.studio-error button{margin-left:12px}.studio-dialog{background:var(--card);max-height:90dvh;color:var(--foreground);overflow-y:auto;width:calc(100vw - 32px)!important;max-width:920px!important}.studio-dialog form{gap:18px;display:grid}.studio-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-dialog label{gap:7px;min-width:0;font-size:12px;display:grid}.studio-dialog small{color:var(--muted-foreground);font-size:10px;line-height:1.6}.studio-dialog fieldset{border:1px solid var(--border);border-radius:10px;gap:14px;padding:18px;display:grid}.studio-dialog legend{color:var(--teal);padding:0 8px;font-size:12px}.studio-dialog .studio-check{align-items:center;gap:8px;display:flex}.studio-dialog button:not([data-slot=dialog-close]){border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-size:12px;display:inline-flex}.studio-confirm{max-width:560px!important}.studio-confirm dl{grid-template-columns:90px 1fr;gap:12px;font-size:12px;display:grid}.studio-confirm dt{color:var(--muted-foreground)}.studio-confirm dd{overflow-wrap:anywhere}.studio-confirm p{font-size:12px;line-height:1.7}.studio :is(button,a,input,select):focus-visible,.studio-dialog :is(button,input,textarea,select):focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (max-width:1000px){.studio-kpis{grid-template-columns:repeat(3,1fr)}.studio-variants{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.studio-hero{flex-direction:column;gap:16px;padding:22px}.studio-hero h2{font-size:28px}.studio-hero-actions{flex-flow:wrap}.studio-hero-actions button{flex:1}.studio-kpis{grid-template-columns:repeat(2,1fr)}.studio-kpis>div{padding:16px}.studio-kpis strong{font-size:22px}.studio-campaigns,.studio-learning,.studio-fields,.studio-variants{grid-template-columns:1fr}.studio-detail{padding:16px}.studio-toolbar label{flex:1;min-width:100px}.studio-toolbar label:first-child{flex-basis:100%}.studio-campaign{padding:18px}.studio-hero-actions{min-width:0}.studio-mini-variants{flex-wrap:wrap}.studio-dialog input:not([type=checkbox]),.studio-dialog select,.studio-dialog textarea,.studio input,.studio select{font-size:16px}.studio-controls button{flex:1}.studio-detail h3{font-size:20px}}.studio-leaderboard{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:10px;padding:22px;display:grid}.studio-leaderboard h3{margin:8px 0;font-size:18px}.studio-leaderboard p{color:var(--muted-foreground);margin-bottom:12px;font-size:11px;line-height:1.7}.studio-leaderboard button{text-align:left;justify-content:flex-start;gap:14px;display:flex}.studio-leaderboard button>span{color:var(--teal);font-size:12px}.studio-leaderboard strong{flex:1;font-size:13px}.studio-leaderboard small{color:var(--muted-foreground);font-size:10px}.studio-leaderboard b{color:var(--teal);font-size:15px}@media (max-width:640px){.studio-leaderboard button{flex-wrap:wrap}.studio-leaderboard small{flex-basis:100%;order:5}.studio-leaderboard strong{min-width:140px}}