.studio-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2rem}.studio-grid aside{max-height:70vh;overflow:auto;position:sticky;top:1rem;align-self:start}.studio-grid aside button{display:block;width:100%;text-align:left;margin-bottom:.5rem}.studio-grid label{display:grid;gap:.35rem;margin:1rem 0}.studio-grid input:not([type=checkbox]),.studio-grid textarea,.studio-grid select{width:100%;padding:.7rem;font:inherit;color:inherit;background:var(--paper,#fff);border:1px solid var(--line,#ccc);border-radius:6px}.studio-grid fieldset{border:1px solid var(--line,#ccc);padding:1rem;margin:1rem 0}.studio-grid details{border-block:1px solid var(--line,#ccc);padding:1rem 0}.studio-grid summary{cursor:pointer;font-weight:600}.studio-grid button,.studio-actions a,[data-bookmark],#reading-list button{padding:.65rem .9rem;margin:.25rem;border:1px solid var(--line,#ccc);background:var(--paper,#fff);color:inherit;cursor:pointer;border-radius:5px}.studio-actions{display:flex;flex-wrap:wrap;align-items:center}.studio-actions button:nth-child(2){background:#2455e8;color:white}.entry-languages{display:flex;gap:.6rem}.entry-languages [aria-current]{font-weight:700;text-decoration:underline}.entry-facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.entry-facts dt{font-size:.8rem;color:var(--muted)}.entry-facts dd{margin:0}.entry-tags{font-size:.85rem;color:var(--muted)}.content-video{width:100%;aspect-ratio:16/9;border:0}.article pre{overflow:auto;padding:1.2rem;background:var(--paper,#eee);border:1px solid var(--line,#ccc);white-space:pre}.article blockquote{border-left:3px solid #2455e8;padding:1rem 1.5rem;margin:2rem 0}.compare-images{position:relative;aspect-ratio:3/2;overflow:hidden}.compare-images img{width:100%;height:100%;object-fit:contain;margin:0!important;background:var(--paper,#eee)}.compare-images .compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split,50%))}.compare label{display:grid;gap:.4rem;margin-top:.75rem}.compare input{width:100%;accent-color:#2455e8}.content-footer{display:flex;gap:1rem;flex-wrap:wrap}.hero{position:relative;isolation:isolate}.hero-ribbon{position:absolute;width:100%;height:240px;left:0;bottom:0;pointer-events:none;z-index:-1}.skills-section{padding:4rem 0}.skill-bar{display:block;width:100%;max-width:650px;margin:.75rem 0;padding:.9rem;text-align:left;border:1px solid var(--line,#ccc);color:inherit;background:linear-gradient(90deg,rgba(36,85,232,.16) var(--skill),transparent var(--skill));cursor:pointer;transition:background .25s}.skill-bar:focus-visible{outline:2px solid #2455e8}#studio-preview{width:min(1100px,95vw);height:90vh}#studio-preview iframe{width:100%;height:90%;border:0}#reading-list p{display:flex;align-items:center;gap:1rem;justify-content:space-between}@media(max-width:760px){.studio-grid{grid-template-columns:1fr}.studio-grid aside{position:static;max-height:200px}.entry-facts{grid-template-columns:1fr}.hero-ribbon{height:160px}}@media(prefers-reduced-motion:reduce){.skill-bar{transition:none}.hero-ribbon{display:none}}