.app:has(#brandAssetPage.active){grid-template-columns:minmax(0,1fr)}#brandAssetPage{width:100%;min-width:0;overflow:hidden;contain:inline-size}.brand-assets{width:100%;max-width:1600px;min-width:0;margin:auto;padding:30px 24px 60px}.ba-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.ba-heading small{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:1.5px}.ba-heading h1{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:8px 0 0;letter-spacing:0}.ba-heading-actions,.ba-button-row,.ba-export-row{display:flex;align-items:center;gap:8px}.ba-heading-actions .btn{min-height:44px}.ba-layout{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:18px;align-items:start}.ba-controls{position:sticky;top:82px;max-height:calc(100vh - 98px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.ba-controls details{border-bottom:1px solid var(--line);padding:13px 15px}.ba-controls details:last-child{border-bottom:0}.ba-controls summary{cursor:pointer;font-size:13px;font-weight:900;text-transform:uppercase;color:var(--text)}.ba-controls p{margin:9px 0;color:var(--muted);font-size:13px;line-height:1.5}.ba-field,.ba-range{display:block;margin:13px 0;font-size:14px;font-weight:750;color:#d9dfd7}.ba-field input,.ba-field select{display:block;width:100%;margin-top:7px;background:#080b08;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px}.ba-range>span{display:flex;justify-content:space-between;gap:12px}.ba-range output{color:var(--accent);font-variant-numeric:tabular-nums}.ba-range input{display:block;width:100%;margin-top:8px;accent-color:var(--accent)}.ba-check{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:14px}.ba-check input{width:18px;height:18px;accent-color:var(--accent)}.ba-video-controls{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:8px;margin:11px 0;padding:9px;border:1px solid var(--line);border-radius:8px;background:#080b08}.ba-video-controls[hidden]{display:none}.ba-video-controls label,.ba-video-controls input{width:100%;margin:0}.ba-video-controls input{accent-color:var(--accent)}.ba-video-controls>span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.ba-video-controls .btn{min-height:38px;padding:7px 11px}.ba-button-row{flex-wrap:wrap;margin:12px 0}.ba-button-row .btn{font-size:13px;min-height:38px}.ba-counter{padding:9px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:13px}.ba-counter strong{color:var(--accent)}.ba-segment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0}.ba-segment button{min-width:0;padding:8px 3px;border:1px solid var(--line);border-radius:6px;background:#080b08;color:var(--muted);font-size:12px;cursor:pointer}.ba-segment button.active{background:var(--accent);border-color:var(--accent);color:#071007;font-weight:800}.ba-stage{min-width:0;border:1px solid var(--line);border-radius:8px;background:#0b0e0b;padding:14px}.ba-stagebar{display:flex;justify-content:space-between;gap:12px;padding:0 2px 12px;color:var(--muted);font-size:12px}.ba-stagebar span:last-child{color:var(--accent);text-align:right}.ba-canvas-wrap{min-width:0;min-height:66vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:18px;background:#181d18;overflow:auto}.ba-canvas-wrap canvas{display:block;width:100%;max-width:720px;height:auto;box-shadow:0 18px 55px #0009;cursor:crosshair;touch-action:manipulation}.ba-export-row{justify-content:space-between;padding-top:13px}.ba-export-row p{margin:0;color:var(--muted);font-size:13px}.ba-export-row .btn{min-height:42px}.brand-assets button:focus-visible,.brand-assets input:focus-visible,.brand-assets select:focus-visible,.brand-assets summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1000px){.ba-layout{grid-template-columns:1fr}.ba-stage{order:-1}.ba-controls{position:static;max-height:none}.ba-canvas-wrap{min-height:auto}.ba-canvas-wrap canvas{width:min(100%,600px)}}@media(max-width:680px){.brand-assets{padding:22px 12px 48px}.ba-heading{align-items:flex-start;flex-direction:column}.ba-heading-actions{width:100%}.ba-heading-actions .btn{flex:1}.ba-stage{padding:9px}.ba-stagebar{align-items:flex-start;flex-direction:column}.ba-stagebar span:last-child{text-align:left}.ba-canvas-wrap{padding:8px}.ba-export-row{align-items:stretch;flex-direction:column}.ba-export-row .btn{width:100%}.ba-controls details{padding:12px}.ba-button-row .btn{flex:1}.ba-segment{grid-template-columns:repeat(2,1fr)}.ba-video-controls{grid-template-columns:auto 1fr}.ba-video-controls>span{grid-column:1/-1;text-align:center}}
.ba-controls{display:flex;flex-direction:column}.ba-source{order:0}.ba-detection{order:1}.ba-shapes{order:2}.ba-connections{order:3}.ba-pixel{order:4}.ba-chain{order:5}.ba-frame{order:6}.ba-output{order:7}.ba-controls .ba-section{transition:background-color .18s ease,border-color .18s ease}.ba-controls .ba-section[open]{background:color-mix(in srgb,var(--accent) 4%,var(--panel));box-shadow:inset 3px 0 0 var(--accent)}.ba-controls .ba-section summary{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:48px;list-style:none;text-transform:none}.ba-controls .ba-section summary::-webkit-details-marker{display:none}.ba-controls .ba-section summary::after{content:'+';display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:16px;font-weight:500;transition:transform .18s ease,color .18s ease,border-color .18s ease}.ba-controls .ba-section[open] summary::after{content:'−';color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:rotate(180deg)}.ba-summary-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:9px;background:#080b08;color:var(--accent)}.ba-summary-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ba-summary-copy{display:grid;min-width:0;gap:2px}.ba-summary-copy strong{font-size:13px;letter-spacing:.025em;text-transform:uppercase}.ba-summary-copy small{overflow:hidden;color:var(--muted);font-size:11px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ba-heading-actions .btn::before,.ba-button-row .btn::before,.ba-export-row .btn::before{display:inline-block;margin-right:6px;color:currentColor;font-size:1.05em;font-weight:900}.ba-heading-actions #baRandomize::before{content:'↻'}.ba-heading-actions #baRandomizeImage::before{content:'✦'}.ba-button-row #baPixelStroke::before{content:'▦'}.ba-button-row #baUndo::before{content:'↶'}.ba-button-row #baClear::before{content:'×'}.ba-button-row #baChainToggle::before{content:'◉'}.ba-button-row #baIntersections::before{content:'⌖'}.ba-export-row #baDownload::before{content:'↓'}@media(max-width:680px){.ba-controls .ba-section summary{grid-template-columns:40px minmax(0,1fr) 24px;min-height:54px}.ba-summary-icon{width:38px;height:38px}.ba-summary-copy strong{font-size:14px}.ba-summary-copy small{font-size:11px}.ba-controls .ba-section{padding:10px 11px}}
.ba-controls .ba-control-hint{margin-top:-5px;padding:8px 10px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);font-size:12px;line-height:1.45}
.ba-heading-actions{flex-wrap:wrap}.ba-heading-actions #baHistoryUndo::before{content:'↶'}.ba-heading-actions #baHistoryRedo::before{content:'↷'}.ba-button-row #baRemoveZone::before{content:'−'}@media(max-width:680px){.ba-heading-actions .btn{flex:1 1 calc(50% - 8px)}}
.ba-video-controls{grid-template-columns:minmax(90px,1fr) auto}.ba-export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.ba-export-actions #baHistoryUndo::before{content:'↶'}.ba-export-actions #baHistoryRedo::before{content:'↷'}.ba-export-actions .btn{min-width:96px}@media(max-width:680px){.ba-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ba-export-actions .btn{width:100%;min-width:0}}