.studio20-shell{min-height:100dvh;padding:0 clamp(18px,4vw,64px) 70px;background:#0a0b0e;color:#f5f6f8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studio20-shell *{box-sizing:border-box}.studio20-header{display:flex;min-height:72px;align-items:center;justify-content:space-between;border-bottom:1px solid #25282f}.studio20-header>div{display:flex;align-items:center;gap:12px}.studio20-header>div span{font-size:12px;font-weight:900;letter-spacing:-.02em}.studio20-header>div span:after{content:"/";margin-left:12px;color:#4c515c}.studio20-header>div strong{color:#aeb4bf;font-size:12px}.studio20-header nav{display:flex;align-items:center;gap:6px}.studio20-header a,.studio20-header button{min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#aeb4bf;font:700 11px/1 inherit;text-decoration:none;cursor:pointer}.studio20-header a:hover{color:#fff}.studio20-header button{border-color:#e8eaed;background:#e8eaed;color:#101116}.studio20-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px;padding:clamp(54px,8vw,110px) 0 54px}.studio20-hero p{margin:0 0 15px;color:#8e96a3;font:800 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.studio20-hero h1{max-width:760px;margin:0;font-size:clamp(44px,7vw,92px);font-weight:780;line-height:.94;letter-spacing:-.065em}.studio20-hero>div>span{display:block;max-width:620px;margin-top:24px;color:#969daa;font-size:14px;line-height:1.7}.studio20-hero>button{display:flex;min-width:170px;min-height:52px;align-items:center;justify-content:center;gap:9px;border:1px solid #f2f3f5;border-radius:9px;background:#f2f3f5;color:#101116;font:800 12px/1 inherit;cursor:pointer}.studio20-hero>button span{font-size:19px;font-weight:400}.studio20-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #25282f}.studio20-metrics article{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:22px 24px;border-right:1px solid #25282f}.studio20-metrics article:last-child{border:0}.studio20-metrics span{color:#8f96a2;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.studio20-metrics strong{grid-row:1/3;grid-column:2;font-size:28px;letter-spacing:-.05em}.studio20-metrics small{color:#606773;font-size:10px}.studio20-library{padding-top:54px}.studio20-library>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.studio20-library h2{margin:0;font-size:25px;letter-spacing:-.04em}.studio20-library>header>div:first-child span{display:block;margin-top:6px;color:#777f8b;font-size:10px}.studio20-controls{display:flex;gap:8px}.studio20-controls label span{position:absolute;width:1px;height:1px;overflow:hidden}.studio20-controls input,.studio20-controls select{min-height:40px;border:1px solid #30343c;border-radius:7px;background:#121419;color:#e9ebef;padding:0 12px;font:600 11px/1 inherit}.studio20-controls input{width:min(260px,34vw)}.studio20-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:16px}.studio20-card{min-width:0;overflow:hidden;border:1px solid #272b33;border-radius:12px;background:#111318;transition:border-color .18s,transform .18s}.studio20-card:hover{border-color:#414753;transform:translateY(-2px)}.studio20-card-preview{position:relative;display:grid;height:142px;place-items:center;overflow:hidden;border-bottom:1px solid #292d35;background:radial-gradient(circle at 70% 20%,#324459 0,transparent 35%),linear-gradient(145deg,#171d26,#0d0f13)}.studio20-card.managed .studio20-card-preview{background:radial-gradient(circle at 75% 20%,#3a513b 0,transparent 38%),linear-gradient(145deg,#172019,#0d0f13)}.studio20-card-preview>span{position:absolute;left:12px;top:12px;padding:5px 7px;border:1px solid #ffffff1c;border-radius:5px;background:#080a0dbf;color:#b4bbc5;font:600 9px/1 ui-monospace,SFMono-Regular,monospace}.studio20-card-preview>strong{display:grid;width:58px;height:58px;place-items:center;border:1px solid #ffffff21;border-radius:14px;background:#ffffff0b;color:#e9edf2;font-size:27px;text-transform:uppercase;box-shadow:0 18px 40px #0006}.studio20-card-body{display:grid;gap:6px;padding:17px}.studio20-card-body header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.studio20-status{display:flex;align-items:center;gap:6px;color:#999faa;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.studio20-status i{width:6px;height:6px;border-radius:99px;background:#7b818c}.studio20-status.live i,.studio20-status.published i{background:#68d083;box-shadow:0 0 0 3px #68d08318}.studio20-card-body header button{border:0;background:transparent;color:#666d78;font:700 9px/1 inherit;cursor:pointer}.studio20-card-body header button:hover{color:#ff9f9f}.studio20-card h3{margin:0;font-size:18px;letter-spacing:-.035em}.studio20-card-body p{margin:0;color:#8e95a1;font:10px/1.4 ui-monospace,SFMono-Regular,monospace}.studio20-card-body small{min-height:38px;margin-top:5px;color:#747c88;font-size:10px;line-height:1.55}.studio20-card footer{display:flex;flex-wrap:wrap;gap:6px;padding:0 17px 17px}.studio20-card footer a{display:inline-flex;min-height:35px;align-items:center;padding:0 10px;border:1px solid #30353e;border-radius:6px;background:#181b21;color:#bfc4cc;font-size:10px;font-weight:750;text-decoration:none}.studio20-card footer a:hover{border-color:#505762;color:#fff}.studio20-card footer a.primary{border-color:#e7e9ec;background:#e7e9ec;color:#111318}.studio20-empty{grid-column:1/-1;display:grid;min-height:300px;place-items:center;align-content:center;gap:10px;border:1px dashed #343944;border-radius:12px;background:#101217;text-align:center}.studio20-empty>span{font-size:32px;color:#59616d}.studio20-empty h3{margin:3px 0 0}.studio20-empty p{margin:0;color:#858c98;font-size:12px}.studio20-empty button{margin-top:10px;min-height:40px;padding:0 14px;border:0;border-radius:7px;background:#e9ebed;color:#101116;font-weight:800}.studio20-error{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio20-error button{min-height:36px;padding:0 12px;border:1px solid #8d6f22;border-radius:6px;background:#211c0e;color:#ffe39a;font-weight:800;cursor:pointer}@media(max-width:760px){.studio20-header nav a{display:none}.studio20-hero{grid-template-columns:1fr;padding-block:48px 38px}.studio20-hero h1{font-size:48px}.studio20-hero>button{width:100%}.studio20-metrics article{padding:16px 10px}.studio20-metrics strong{font-size:22px}.studio20-metrics small{display:none}.studio20-library>header{align-items:stretch;flex-direction:column}.studio20-controls{display:grid;grid-template-columns:1fr}.studio20-controls input,.studio20-controls select{width:100%}.studio20-error{align-items:stretch;flex-direction:column}}