@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--studio-bg:#131313;--studio-text:#eee;--studio-pink:#ff2cd2;--studio-violet:#5e00ff;--studio-font:'DM Sans',Arial,sans-serif;--studio-mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body.inner-page,body.admin-page{margin:0;background:var(--studio-bg);color:var(--studio-text);font-family:var(--studio-font)}.inner-page a,.admin-page a{color:inherit;text-decoration:none}.inner-page button,.admin-page button{font-family:inherit}.inner-page em,.admin-page em{font-style:normal;background:linear-gradient(105deg,#ff6700,#ff2cd2);background-clip:text;-webkit-background-clip:text;color:transparent}.inner-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px clamp(20px,5vw,80px);background:#131313eb;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14}.inner-brand{display:flex;align-items:center;gap:13px;font:600 12px var(--studio-mono);white-space:nowrap}.inner-brand img{width:45px;height:34px;object-fit:contain}.inner-nav nav{display:flex;gap:28px;font:11px var(--studio-mono);color:#aaa}.inner-nav nav a:hover,.inner-footer a:hover{color:#ff2cd2}.inner-page main{min-height:70vh}.inner-hero{padding:100px clamp(24px,6vw,100px) 60px;max-width:1580px;margin:auto}.inner-hero small{font:11px var(--studio-mono);letter-spacing:.12em;color:#ff2cd2;display:block;margin-bottom:26px}.inner-hero h1{font:600 clamp(42px,6vw,86px)/1.04 var(--studio-font);letter-spacing:-.065em;margin:0 0 30px;max-width:1100px}.inner-hero>p{font:16px/1.9 var(--studio-font);color:#aaa;max-width:650px}.cli-status,.terminal-label{font:11px/1.8 var(--studio-mono);color:#999;letter-spacing:.02em}.cli-status{margin-top:38px;display:flex;align-items:center;gap:10px}.cli-status>span{width:6px;height:6px;border-radius:50%;background:#ff2cd2;box-shadow:0 0 18px #ff2cd280}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;padding:0 clamp(24px,6vw,100px) 100px;max-width:1580px;margin:auto}.content-card{display:block;border-top:1px solid #ffffff25;transition:transform .3s}.content-card:hover{transform:translateY(-5px)}.card-image{height:300px;overflow:hidden;background:#19171e}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.content-card:hover .card-image img{transform:scale(1.04)}.cover-type{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px;font:500 clamp(28px,3vw,50px)/1.1 var(--studio-font);letter-spacing:-.05em;background:radial-gradient(ellipse at 90% 90%,#5e00ff45,transparent 60%),#1b171f;color:#ff2cd2}.cover-type span{font-size:70px;font-weight:400;color:#5e00ff}.card-copy{padding:28px 0}.card-copy small{font:10px var(--studio-mono);color:#ff2cd2}.card-copy h3{font:600 29px/1.2 var(--studio-font);letter-spacing:-.04em;margin:14px 0}.card-copy p{font:14px/1.8 var(--studio-font);color:#999;max-width:550px}.read-link{font:11px var(--studio-mono);color:#ccc;display:block;margin-top:24px}.empty-state{grid-column:1/-1;padding:55px 0;border-top:1px solid #ffffff25}.empty-state h2{font:500 clamp(24px,3vw,38px)/1.2 var(--studio-font);letter-spacing:-.04em}.empty-state p{font:14px/1.8 var(--studio-font);color:#999;max-width:600px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;color:#fff!important;background:#5e00ff;border:1px solid #7c37ff;border-radius:5px;text-decoration:none;font:11px var(--studio-mono);cursor:pointer;transition:background .2s,transform .2s}.studio-button:hover{background:#7221ff;transform:translateY(-2px)}.studio-button.secondary{background:transparent;border-color:#ffffff30}.studio-button.secondary:hover{border-color:#ff2cd2}.inner-footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:36px clamp(24px,6vw,100px);border-top:1px solid #ffffff20;font:11px var(--studio-mono);color:#888}.back-link{display:block;font:11px var(--studio-mono);color:#999!important;margin-bottom:40px}.article-hero{padding-bottom:48px}.article-meta{font:11px/1.8 var(--studio-mono);color:#777;margin-top:28px}.article-cover{margin:0 auto 70px;padding:0 clamp(24px,6vw,100px);max-width:1580px}.article-cover img{width:100%;max-height:660px;object-fit:cover;border-radius:4px}.article-layout{display:grid;grid-template-columns:200px minmax(0,800px);gap:65px;padding:0 clamp(24px,6vw,100px) 100px;max-width:1320px;margin:auto}.article-layout aside{align-self:start;position:sticky;top:110px;font:11px/1.8 var(--studio-mono);color:#888}.article-layout aside nav{margin:24px 0 36px;display:flex;flex-direction:column;gap:14px}.article-layout aside nav a:hover{color:#ff2cd2}.article-body{min-width:0;font:17px/1.9 var(--studio-font);color:#bbb;overflow-wrap:anywhere}.article-body h2{font:600 clamp(27px,3vw,38px)/1.2 var(--studio-font);letter-spacing:-.045em;color:#eee;margin:55px 0 24px;scroll-margin-top:110px}.article-body h3{color:#eee;font-size:24px;letter-spacing:-.03em}.article-body p{margin:0 0 25px}.article-body a{color:#ff2cd2;text-decoration:underline;text-underline-offset:4px}.article-body figure{margin:40px 0}.article-body img,.article-body video{max-width:100%;height:auto;border-radius:5px}.article-body figcaption{font:11px/1.8 var(--studio-mono);color:#888;margin-top:12px}.article-body blockquote{border-left:2px solid #ff2cd2;margin:40px 0;padding:8px 0 8px 26px;color:#eee;font-size:25px;line-height:1.5;letter-spacing:-.02em}.article-body pre{overflow:auto;padding:24px;background:#1e1b24;border:1px solid #5e00ff40;border-radius:5px;font:12px/1.8 var(--studio-mono)}.article-body table{border-collapse:collapse;width:100%}.article-body td,.article-body th{border:1px solid #ffffff20;padding:12px;font-size:14px}.article-body .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.article-body .callout{padding:28px;background:#5e00ff15;border-left:2px solid #5e00ff;margin:36px 0}.article-faq details{border-top:1px solid #ffffff25;padding:22px 0;font-size:15px}.article-faq summary{cursor:pointer;color:#eee}.article-faq details p{margin:20px 0 0;color:#aaa}.article-end{margin-top:65px;padding-top:30px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:10px var(--studio-mono)}.article-end span{color:#777}.preview-banner{padding:15px 24px;text-align:center;background:#5e00ff30;color:#dbcaff;font:11px var(--studio-mono)}.preview-banner a{margin-left:20px;text-decoration:underline}.inner-page :focus-visible,.admin-page :focus-visible{outline:2px solid #ff2cd2;outline-offset:5px}.reveal-studio{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-studio.in-view{opacity:1;transform:none}@media(max-width:760px){.inner-nav{gap:15px;flex-wrap:wrap}.inner-nav nav{gap:18px;font-size:10px}.inner-hero{padding-top:65px}.content-grid{grid-template-columns:1fr;gap:20px}.card-image{height:230px}.article-layout{grid-template-columns:1fr;gap:30px}.article-layout aside{position:static;border-block:1px solid #ffffff20;padding:20px 0}.article-layout aside nav{flex-direction:row;flex-wrap:wrap;margin:15px 0}.article-layout aside>a{display:none}.article-body{font-size:16px}.article-body .gallery{grid-template-columns:1fr}.article-cover{margin-bottom:30px}.inner-brand img{width:35px}.inner-footer{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-studio{opacity:1;transform:none}.inner-page *{animation:none!important;transition:none!important}}
.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#5e00ff,#ff2cd2,#ff6700);transform:scaleX(0);transform-origin:left;z-index:100;pointer-events:none}.inner-cli-toggle{position:fixed;right:24px;bottom:20px;z-index:61;padding:11px 18px;border:1px solid #ffffff25;border-radius:30px;background:#1b1b1bf0;color:#ddd;font:11px var(--studio-mono)!important;cursor:pointer}.inner-cli{position:fixed;right:24px;bottom:72px;width:min(470px,calc(100% - 32px));z-index:60;padding:22px;background:#19171df5;border:1px solid #5e00ff80;border-radius:8px;box-shadow:0 20px 60px #0009;backdrop-filter:blur(20px)}.inner-cli[hidden]{display:none}.inner-cli-title{display:flex;align-items:center;justify-content:space-between;font:10px var(--studio-mono);color:#bd8fff}.inner-cli-title button{background:none;border:0;color:#bbb;font-size:22px;cursor:pointer}.inner-cli pre{white-space:pre-wrap;font:12px/1.9 var(--studio-mono);color:#ccc;margin:25px 0}.inner-cli-choices{display:flex;gap:8px;flex-wrap:wrap}.inner-cli-choices button{background:none;border:1px solid #ffffff25;color:#bbb;padding:8px;font:10px var(--studio-mono);cursor:pointer}.inner-cli form{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff20;margin-top:20px;padding-top:16px;font:10px var(--studio-mono);color:#ff2cd2}.inner-cli input{min-width:0;flex:1;background:none;border:0;color:#eee;font:12px var(--studio-mono);padding:8px 0;outline:none}.inner-cli form button{background:#5e00ff;border:0;color:white;padding:8px 12px;cursor:pointer}@media(max-width:760px){.inner-cli{right:16px;bottom:70px}.inner-cli-toggle{right:16px}}

.article-body video{display:block;width:100%;max-height:75vh;background:#080808}