.ag-clip{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;display:flex}.ag-field{gap:6px;min-width:0;display:grid}.ag-field>label,.ag-label{font-size:.92rem;font-weight:650}.ag-time input{width:11ch;font-family:var(--font-mono)}.ag-card input[type=text],.ag-card select,.ag-clip input[type=text]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);height:44px;color:var(--ink);min-width:0;max-width:100%;padding:0 12px}.ag-card input[type=text],.ag-card select{width:100%}.ag-card input:focus-visible,.ag-card select:focus-visible,.ag-clip input:focus-visible{border-color:var(--sky);outline:none;box-shadow:0 0 0 4px #7cc4ff2e}.ag-clip .ae-bad{border-color:var(--danger)}.ag-listen{min-width:120px}.ag-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.ag-body[hidden]{display:none}.ag-preview{border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:var(--card);min-width:0;box-shadow:var(--edge);gap:10px;padding:clamp(12px,2vw,18px);display:grid;position:sticky;top:90px}.ag-frame{border-radius:var(--radius);background:var(--bg-soft);place-items:center;min-height:220px;padding:10px;display:grid;overflow:hidden}.ag-frame canvas{border-radius:8px;max-width:100%;display:block;box-shadow:0 10px 34px -14px #0009}.ag-ptools{align-items:center;gap:12px;display:flex}.ag-ptools .btn{flex:auto}.ag-ptime{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;font-size:.85rem}.ag-dims{text-align:center;font-family:var(--font-mono);color:var(--muted);margin:0;font-size:.78rem}.ag-side{gap:16px;min-width:0;display:grid}.ag-bar{grid-column:1/-1}.ag-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);gap:14px;padding:clamp(14px,2.4vw,20px);display:grid}.ag-h{margin:0;font-size:1.05rem}.ag-row{flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0;display:flex}.ag-row[hidden],.ag-stack[hidden],.ag-themes[hidden]{display:none}.ag-stack{gap:12px;display:grid}.ag-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.ag-note{color:var(--muted);overflow-wrap:anywhere;min-width:0;margin:0;font-size:.86rem}.ag-pick{cursor:pointer}input:focus-visible+.ag-pick{outline:3px solid var(--focus);outline-offset:3px}.ag-check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.ag-check[hidden]{display:none}.ag-check input{width:20px;height:20px;accent-color:var(--electric);flex:none}.ag-colour{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.ag-colour input{border:1px solid var(--line-strong);background:var(--surface-2);cursor:pointer;border-radius:12px;width:44px;height:44px;padding:3px}.ag-range{flex:200px;align-items:center;gap:10px;min-height:44px;font-weight:600;display:inline-flex}.ag-range input{width:0;accent-color:var(--sky);flex:1}.ag-legend{float:left;width:100%;margin-bottom:8px;padding:0;font-size:.92rem;font-weight:650}.ag-tiles{min-width:0;border:0;gap:8px;min-inline-size:0;margin:0;padding:0;display:grid}.ag-sizes{grid-template-columns:repeat(4,minmax(0,1fr))}.ag-styles{grid-template-columns:repeat(3,minmax(0,1fr))}.ag-tiles>.ag-legend{float:none;grid-column:1/-1;margin:0}.ag-tile{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);text-align:center;cursor:pointer;min-width:0;min-height:92px;transition:border-color var(--fast) var(--ease);align-content:center;justify-items:center;gap:6px;padding:10px 6px;display:grid;position:relative}.ag-tile input{opacity:0;pointer-events:none;position:absolute}.ag-tile:has(input:checked){border-color:var(--sky);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--sky)}.ag-tile:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.ag-tile b{font-size:.9rem}.ag-tile small{color:var(--muted);font-size:.7rem;font-family:var(--font-mono);overflow-wrap:anywhere}.ag-shape{height:30px;color:var(--ink-2);border:2px solid;border-radius:4px;display:block}.ag-shape-square{width:30px}.ag-shape-portrait{width:24px}.ag-shape-story{width:17px}.ag-shape-wide{width:40px;height:23px;margin-block:3.5px}.ag-ico{background:linear-gradient(90deg, var(--sky), var(--electric));width:44px;height:30px;display:block}.ag-ico-bars{background:repeating-linear-gradient(90deg, var(--sky) 0 4px, transparent 4px 7px);clip-path:polygon(0 40%,14% 40%,14% 20%,30% 20%,30% 0,46% 0,46% 10%,62% 10%,62% 30%,78% 30%,78% 45%,100% 45%,100% 55%,78% 55%,78% 70%,62% 70%,62% 90%,46% 90%,46% 100%,30% 100%,30% 80%,14% 80%,14% 60%,0 60%)}.ag-ico-wave{clip-path:polygon(0 50%,12% 42%,25% 22%,38% 8%,50% 18%,62% 6%,75% 24%,88% 40%,100% 50%,88% 60%,75% 76%,62% 94%,50% 82%,38% 92%,25% 78%,12% 58%)}.ag-ico-circle{background:radial-gradient(circle, var(--electric) 0 38%, transparent 40% 52%, var(--sky) 54% 62%, transparent 64%), repeating-conic-gradient(var(--sky) 0 6deg, transparent 6deg 15deg);border-radius:50%;width:30px}.ag-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ag-theme{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);min-height:44px;color:var(--ink);align-items:center;gap:8px;min-width:0;padding:6px 10px;font-size:.9rem;font-weight:600;display:flex}.ag-theme[aria-pressed=true]{border-color:var(--sky);box-shadow:inset 0 0 0 1px var(--sky)}.ag-swatch{border-radius:8px;flex:none;width:26px;height:26px;box-shadow:inset 0 0 0 1px #ffffff2e}.ag-seg3,.ag-seg2{width:max-content;max-width:100%}@media (width<=900px){.ag-body{grid-template-columns:minmax(0,1fr)}.ag-preview{position:static}}@media (width<=640px){.ag-sizes,.ag-themes{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-grid2{grid-template-columns:minmax(0,1fr)}.ag-seg3,.ag-seg2{width:100%}.ag-clip .ag-time{flex:120px}.ag-time input{width:100%}.ag-listen,.ag-row .btn{flex:100%}}.ag .btn{white-space:normal;text-align:center}.ag-body>*,.ag .ae-wave{min-width:0}@media (width<=900px){.ag .seg label{min-height:44px}}@media (width<=520px){.ag .file-card{grid-template-columns:auto minmax(0,1fr)}.ag .file-card .btn{grid-column:1/-1}}