/*
Theme Name: Neon Studio
Theme URI: https://example.invalid/neon-studio
Author: Production Operations
Description: Violet and cyan studio console with dense mosaics and persistent controls.
Version: 1.0.0
Text Domain: neon-studio
*/
:root{--black:#050407;--deck:#111019;--violet:#9b4dff;--cyan:#2df7ff;--lime:#b8ff39;--text:#f1efff;--muted:#918ca4;--grid:#2a2538}*{box-sizing:border-box}html,body{max-width:100%}body{margin:0;background:var(--black);color:var(--text);font:15px/1.45 "Courier New",monospace;background-image:linear-gradient(#15112155 1px,transparent 1px),linear-gradient(90deg,#15112155 1px,transparent 1px);background-size:32px 32px}a{color:inherit}a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#000;padding:1rem;z-index:9}.neon-bar{display:grid;gap:1rem;padding:1rem 3vw;background:#0c0a11f2;border-bottom:1px solid var(--violet);position:sticky;top:0;z-index:5;max-width:100%}.neon-bar>*{min-width:0;max-width:100%}.neon-logo{text-decoration:none;font-weight:900;text-transform:uppercase;overflow-wrap:anywhere}.neon-logo span{display:inline-block;background:var(--violet);padding:.25rem;margin-right:.6rem}.neon-bar form,.neon-bar label{min-width:0;max-width:100%}.neon-bar label{display:flex;gap:.5rem;align-items:center;color:var(--cyan);font-size:.75rem}.neon-bar input{flex:1;min-width:0;max-width:100%;background:#050407;border:1px solid var(--grid);color:#fff;padding:.55rem}.neon-quick-nav{width:100%;max-width:100%;overflow-x:auto}.neon-quick-nav .category-links{display:flex;width:max-content;max-width:none}.signal{font-size:.75rem;color:var(--muted)}.signal i{display:inline-block;width:.6rem;height:.6rem;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime)}.studio-shell{display:grid;min-height:80vh;min-width:0;max-width:100%}.studio-shell>*,.studio-feed>*,.clip-mosaic>*,.clip-tile>*{min-width:0;max-width:100%}.studio-nav{display:block;background:#0b0910;border-right:1px solid var(--grid);padding:1rem 3vw;overflow:hidden}.studio-nav h2,.studio-nav p,.studio-nav .dial{display:none}.studio-nav .category-links{display:flex;gap:.45rem;overflow:auto}.studio-nav .category-links a{white-space:nowrap}.studio-nav h2,.studio-nav p{font-size:.75rem;text-transform:uppercase;color:var(--muted)}.category-links{list-style:none;margin:0;padding:0}.category-links a{display:block;padding:.65rem;border-bottom:1px solid var(--grid);text-decoration:none;text-transform:uppercase}.category-links a:hover{color:var(--cyan);padding-left:1rem}.dial{width:70px;height:70px;border:8px solid #282331;border-radius:50%;margin:auto}.dial span{display:block;width:3px;height:25px;background:var(--cyan);margin:4px auto}.studio-feed{padding:2rem 3vw;min-width:0;max-width:100%}.feed-head{border:1px solid var(--grid);border-left:4px solid var(--cyan);padding:1rem;margin-bottom:1rem;display:grid;min-width:0}.feed-head>*{min-width:0;overflow-wrap:anywhere}.feed-head p,.feed-head span{font-size:.72rem;color:var(--cyan)}.feed-head h1{font:900 clamp(2rem,7vw,5rem)/.9 Arial,sans-serif;text-transform:uppercase;margin:.4rem 0}.clip-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;min-width:0}.clip-tile{background:var(--deck);border:1px solid var(--grid);min-width:0}.clip-tile a{text-decoration:none;min-width:0}.clip-visual{position:relative;aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center;color:var(--violet)}.clip-visual:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 4px)}.clip-visual img{width:100%;height:100%;object-fit:cover}.clip-visual i{position:absolute;right:.35rem;bottom:.35rem;background:#050407;color:var(--cyan);font-style:normal;padding:.15rem .3rem;z-index:2}.clip-data{padding:.65rem;min-width:0}.clip-data h3{font:700 .88rem/1.2 Arial,sans-serif;margin:0 0 .5rem;overflow-wrap:anywhere}.clip-data dl,.console-info dl{display:flex;flex-wrap:wrap;gap:1rem;margin:0;min-width:0}.clip-data dl div,.console-info dl div{display:flex;flex-wrap:wrap;gap:.35rem;min-width:0}.clip-data dt,.console-info dt{color:var(--muted)}.clip-data dd,.console-info dd{margin:0;color:var(--cyan);overflow-wrap:anywhere}.monitor-bank{background:#0b0a0e;border:1px solid var(--violet);padding:.5rem;min-width:0;max-width:100%}.monitor-bank header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;color:var(--cyan);padding:.5rem;min-width:0}.neon-monitor{aspect-ratio:16/9;background:#000;min-width:0;max-width:100%}.neon-monitor video{display:block;width:100%;height:100%;min-width:0;max-width:100%}.meters{display:flex;gap:.3rem;padding:.5rem}.meters i{height:5px;background:var(--lime);flex:1}.meters i:nth-child(2){flex:2}.meters i:nth-child(4){background:var(--violet)}.console-view{padding:2rem 3vw;min-width:0;max-width:100%}.console-view>*,.console-info>*,.console-info article>*,.console-info aside>*{min-width:0;max-width:100%}.console-info{display:grid;gap:2rem;margin-top:1rem;min-width:0;max-width:100%}.console-info article{border:1px solid var(--grid);padding:1.2rem;min-width:0}.console-code{color:var(--cyan)}.console-info h1{font:900 clamp(2rem,6vw,5rem)/.95 Arial,sans-serif;text-transform:uppercase;overflow-wrap:anywhere;word-break:break-word}.console-info aside{display:grid;gap:.65rem;min-width:0}.console-info aside .clip-tile{display:none}.console-info aside .clip-tile:nth-of-type(-n+4){display:block}.no-signal{min-height:55vh;display:grid;place-content:center;text-align:center;color:var(--cyan)}.no-signal strong{font-size:15vw;text-shadow:4px 4px var(--violet)}.neon-foot{border-top:1px solid var(--violet);padding:1rem 3vw;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.7rem;max-width:100%}.fg-pagination{display:flex;gap:.4rem;justify-content:center;margin:2rem;max-width:100%}.fg-pagination a,.fg-pagination span{border:1px solid var(--violet);padding:.4rem .7rem;text-decoration:none}@media(min-width:850px){.neon-bar{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center}.signal{text-align:right}.studio-shell{grid-template-columns:190px minmax(0,1fr)}.studio-nav{display:block;padding:2rem 1rem}.studio-nav h2,.studio-nav p{display:block}.studio-nav .dial{display:block}.studio-nav .category-links{display:block}.studio-nav .category-links a{white-space:normal}.clip-mosaic{grid-template-columns:repeat(12,minmax(0,1fr))}.clip-slot{grid-column:span 3}.slot-1,.slot-6{grid-column:span 6}.slot-2,.slot-5{grid-column:span 3}.feed-head{grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,1fr);align-items:end}.console-info{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.neon-quick-nav{min-width:0;overflow:auto}.neon-quick-nav .category-links{display:flex;gap:.45rem;overflow:auto}.neon-quick-nav .category-links a{white-space:nowrap}@media(min-width:850px){.neon-quick-nav{grid-column:1/-1}}
.neon-logo,.neon-logo:visited{color:var(--text)}
.neon-logo{display:flex;align-items:center;gap:.7rem}.neon-logo-icon{width:42px;height:42px;flex:0 0 42px;filter:drop-shadow(0 0 7px #19f9ffaa)}