/* Studio 02: one visual language for nine connected work areas. */
.page-studio{background:#090e15}.studio-app{--studio-line:#26313e;--studio-muted:#a1afc1;background:#0b111a;min-height:100svh}.studio-sidebar{background:#0a1018;padding-top:32px}.studio-navigation{gap:4px}.studio-navigation button{min-height:46px;border-radius:6px}.studio-navigation button[aria-current=page]{background:#d5ff5f0b}.studio-sidebar-bottom{padding-top:48px}.studio-main{padding-bottom:48px}.studio-topbar{min-height:80px;gap:14px}.studio-topbar>div{gap:18px}.studio-topbar [data-persistence]{max-width:140px;line-height:1.5}.studio-topbar .studio-search-trigger{display:flex;align-items:center;gap:8px;color:#a1afc1;padding:8px 11px;border:1px solid var(--studio-line);border-radius:6px;min-height:38px}.studio-search-trigger>span:first-child{font-size:21px}.studio-search-trigger kbd{font:10px var(--body);padding:2px 4px;border:1px solid #354253;border-radius:3px;color:#8d9db0}.studio-toast{min-height:22px}.studio-panel{padding-top:16px}.suite-welcome{grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);padding:5px 0 34px;gap:34px}.suite-welcome h1{font-size:clamp(52px,5.6vw,92px);line-height:.94;letter-spacing:-.025em;margin:22px 0 20px}.suite-welcome h1 em{font-style:normal}.suite-welcome>div>p:not(.studio-kicker){font-size:14px;max-width:480px;line-height:1.8}.suite-welcome>div>div{flex-wrap:wrap;gap:22px;margin-top:24px}.suite-visual{position:relative;overflow:hidden;min-height:270px;padding:25px 27px;border:1px solid #4c6578;border-radius:4px;background:radial-gradient(ellipse at 70% 0,#2964b165,transparent 75%),#101e30;display:flex;flex-direction:column;isolation:isolate}.suite-visual::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 19px,#72a9d40b 20px);z-index:-1}.suite-visual>span{font-size:9px;letter-spacing:2px;color:#b5c5db}.suite-visual strong{font:800 clamp(30px,3.5vw,50px)/.98 var(--display);position:relative;margin-top:auto;letter-spacing:-.015em}.suite-visual strong em{color:#c8fa65;font-style:normal}.suite-visual>small{font-size:8px;letter-spacing:1.5px;color:#9fb3ca;margin-top:18px}.suite-wave{position:absolute;inset:28px 22px 45px;display:flex!important;justify-content:space-between;align-items:center!important;gap:4px!important;opacity:.35;margin:0!important;z-index:-1;transform:rotate(-8deg)}.suite-wave i{width:5px;height:var(--bar);background:#b9d8ff;border-radius:6px;box-shadow:0 0 18px #80baff42}.studio-stats{grid-template-columns:repeat(6,minmax(0,1fr));background:#0e1722;border-radius:5px;overflow:hidden}.studio-stat{padding:20px 16px;border-bottom:0;border-right:1px solid var(--studio-line)}.studio-stat:last-child{border-right:0}.studio-stat strong{font-size:44px;line-height:1.1;margin:10px 0 7px}.studio-stat>span{font-size:11px;letter-spacing:0}.studio-stat small{line-height:1.5;font-size:10px}.suite-section-heading{margin:34px 0 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.suite-section-heading h2{font:600 12px var(--body);letter-spacing:1.3px}.suite-section-heading>span{font-size:11px;color:var(--studio-muted)}.suite-launchpad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.suite-tool-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;background:#101a27;border:1px solid var(--studio-line);border-radius:5px;padding:21px;min-width:0;transition:background .2s,border-color .2s,transform .2s}.suite-tool-card:hover{background:#142232;border-color:#60768b;transform:translateY(-3px)}.suite-tool-card:first-child{background:linear-gradient(135deg,#142d3d,#101a27)}.suite-tool-top{display:flex;align-items:center;justify-content:space-between;color:#bfccd9;margin-bottom:26px}.suite-tool-top small{font-size:10px;letter-spacing:1px}.suite-tool-top i{font-size:21px;font-style:normal;color:var(--studio-accent)}.suite-tool-card>strong{font:700 28px/1.05 var(--display);margin-bottom:12px}.suite-tool-card>span:not(.suite-tool-top){font-size:12px;line-height:1.7;color:#a1afc1}.suite-tool-card>em{font-style:normal;font-size:11px;color:var(--studio-accent);margin-top:24px;padding-top:15px;border-top:1px solid var(--studio-line)}.studio-overview-grid{margin-top:20px;grid-template-columns:1fr 1fr;gap:18px}.studio-box{border-radius:5px;background:#101925}.suite-next-empty{font-size:12px;line-height:1.8;color:#a1afc1;margin:4px 0 24px}.suite-next-row{display:grid;grid-template-columns:90px minmax(0,1fr) 18px;gap:12px;align-items:center;width:100%;text-align:left;padding:14px 0;border-top:1px solid var(--studio-line)}.suite-next-row>span{font-size:10px;color:#a1afc1}.suite-next-row>strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.suite-next-row>i{font-style:normal;color:var(--studio-accent)}.suite-next-summary{border-top:1px solid var(--studio-line);padding-top:18px;margin-top:10px;display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;font-size:11px!important;color:#a1afc1}.suite-storage{margin-top:24px;padding:18px 0;display:flex;align-items:center;gap:13px;border-top:1px solid var(--studio-line);color:#8b9eb4}.suite-storage>span{font-size:16px;color:#a0be84}.suite-storage p{font-size:11px;line-height:1.7;flex:1}.suite-storage button{font-size:11px;min-height:44px;flex:none;color:#c8d4e2}.studio-search-label{display:grid;gap:12px;color:#a1afc1;font-size:12px}.suite-search-results{margin-top:20px;display:grid;max-height:45svh;overflow:auto}.suite-search-results>button{display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;min-height:52px;padding:14px 8px;border-bottom:1px solid var(--studio-line)}.suite-search-results>button:hover{background:#1c2c3c}.suite-search-results>button>span{overflow-wrap:anywhere}.suite-search-results small{flex:none;color:#a1afc1;font-size:10px}.studio-panel-heading h2{font-size:clamp(40px,4.2vw,64px);line-height:1}.studio-app .studio-button,.studio-app .studio-secondary{border-radius:5px}.studio-app .studio-form input,.studio-app .studio-form textarea,.studio-app .studio-form select{border-radius:4px}.studio-app [data-studio-panel][hidden]{display:none!important}
@media(min-width:1440px){.studio-app{grid-template-columns:244px minmax(0,1fr)}.studio-sidebar{padding-left:22px;padding-right:22px}.studio-main{padding-left:44px;padding-right:44px}.suite-welcome{grid-template-columns:minmax(0,1fr) minmax(300px,.6fr)}}
@media(max-width:1199px){.studio-topbar [data-persistence]{display:none}.studio-topbar>div{gap:12px}.studio-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-stat:nth-child(3){border-right:0}.studio-stat:nth-child(-n+3){border-bottom:1px solid var(--studio-line)}.suite-welcome{grid-template-columns:minmax(0,1fr) 210px;gap:22px}.suite-visual{padding:20px;min-height:250px}.suite-visual>span{font-size:8px;letter-spacing:1px}.suite-welcome h1{font-size:64px}.suite-launchpad{gap:10px}.suite-tool-card{padding:17px}.suite-tool-card>strong{font-size:26px}.studio-overview-grid{grid-template-columns:1fr}.suite-section-heading>span{display:none}}
@media(max-width:900px){.suite-welcome{grid-template-columns:1fr}.suite-visual{display:none}.studio-topbar .studio-search-trigger kbd{display:none}.studio-topbar>span{font-size:10px}.studio-main{padding-left:22px;padding-right:22px}.suite-launchpad{grid-template-columns:1fr}.suite-tool-card{display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:20px}.suite-tool-top{grid-column:1/-1;margin:0 0 9px}.suite-tool-card>strong{margin:0}.suite-tool-card>span:not(.suite-tool-top){grid-column:1}.suite-tool-card>em{grid-column:2;grid-row:2/4;align-self:center;border:0;margin:0;padding:0}}
@media(max-width:760px){.studio-sidebar{padding:20px 18px 0}.studio-navigation{padding-top:20px}.studio-navigation button{border-radius:4px 4px 0 0}.studio-topbar{flex-wrap:wrap;gap:8px;padding:13px 0;min-height:80px}.studio-topbar>span{width:100%;font-size:11px}.studio-topbar>div{width:100%;justify-content:space-between}.studio-topbar .studio-search-trigger{min-height:44px;flex:1;justify-content:flex-start;max-width:220px;margin-right:auto}.studio-topbar .studio-import-label{padding-left:8px}.studio-main{padding-left:18px;padding-right:18px}.studio-panel{padding-top:11px}.suite-welcome{padding:5px 0 28px}.suite-welcome h1{font-size:clamp(52px,15.7vw,88px);max-width:100%;margin:20px 0;line-height:.94}.suite-welcome>div>p:not(.studio-kicker){font-size:14px;max-width:100%}.suite-welcome>div>div{gap:18px}.studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-stat{padding:18px;border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.studio-stat:nth-child(3){border-right:1px solid var(--studio-line)}.studio-stat:nth-child(even){border-right:0}.studio-stat:nth-child(n+5){border-bottom:0}.studio-stat strong{font-size:38px}.studio-stat>span{font-size:11px}.suite-section-heading{margin-top:28px}.suite-tool-card{display:flex;gap:0;padding:20px}.suite-tool-top{margin-bottom:24px}.suite-tool-card>strong{font-size:30px;margin-bottom:12px}.suite-tool-card>em{align-self:stretch;margin-top:21px;border-top:1px solid var(--studio-line);padding-top:15px}.suite-storage{align-items:flex-start;flex-wrap:wrap}.suite-storage p{flex-basis:85%}.suite-storage button{margin-left:29px}.studio-panel-heading h2{font-size:clamp(38px,11vw,62px)}.studio-search-label input{font-size:16px!important}.suite-search-results>button{align-items:flex-start;flex-direction:column;gap:4px}.suite-next-row{grid-template-columns:80px minmax(0,1fr) 15px;gap:8px}.studio-dialog{border-radius:6px}}
@media(prefers-reduced-motion:reduce){.suite-tool-card{transition:none}.suite-tool-card:hover{transform:none}}