.circuit-root{--gap:30px;--radius:14px;--bg:#fff;--muted:#444;--card:#fff;--border:transparent;color:#111;--ui-top:120px;--page-x:0px;--gaps:calc(var(--cols) - 1);--maxWPerCard:calc((100svw - (var(--gap) * var(--gaps)) - (var(--page-x) * 2)) / var(--cols));--maxHByHeight:calc(100svh - var(--ui-top));--maxHByWidth:calc(var(--maxWPerCard) * 16 / 9);--rawH:min(var(--maxHByWidth),var(--maxHByHeight));--rawW:calc(var(--rawH) * 9 / 16);--scale:0.9;--cardH:calc(var(--rawH) * var(--scale));--cardW:calc(var(--rawW) * var(--scale))}.circuit-header{grid-template-columns:48px 1fr 48px;gap:var(--gap);margin-bottom:16px}.circuit-header,.header-center{display:grid;align-items:center}.header-center{grid-template-columns:1fr auto 1fr;gap:clamp(8px,1.25vw,14px)}.circuit-title{justify-self:center;width:clamp(220px,36ch,60%);text-align:center;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700;padding:6px 10px;background:transparent;border:none;border-radius:0;color:#111}.circuit-title:focus{outline:2px dotted #111;outline-offset:2px}.nav-arrow{height:40px;width:40px;border-radius:999px;border:1px dotted #111;background:transparent;color:#111;font-size:18px;cursor:pointer}.nav-arrow:disabled{opacity:.45;cursor:not-allowed}.add-btn-header{border:1px dotted #111;background:transparent;color:#111;padding:10px 14px;border-radius:999px;cursor:pointer;font-size:.95rem;justify-self:start}.add-btn-header:hover{opacity:.85}.video-belt{display:flex;justify-content:center;align-items:flex-start;padding-inline:var(--page-x)}.video-grid{display:grid;grid-template-columns:repeat(var(--cols),var(--cardW));gap:var(--gap);justify-content:center;align-items:start}.video-card{background:transparent;border:none;border-radius:0;padding:0}.upload-area{position:relative;display:flex;align-items:center;justify-content:center;width:var(--cardW);height:var(--cardH);aspect-ratio:9/16;background:#fafafa;border-radius:12px;overflow:hidden;border:1px dotted #111}.upload-prompt{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:.95rem}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-input,.video-el{width:100%;height:100%}.video-el{object-fit:contain;display:block}.item-title{margin-top:10px;width:100%;padding:8px 10px;border-radius:0;border:none;background:transparent;color:#111;text-align:center;font-size:clamp(1.05rem,1.6vw,1.25rem)}.item-title:focus{outline:2px dotted #111;outline-offset:2px}.group-indicator{margin-top:14px;color:#111;font-size:.95rem;text-align:center}