:root{--black:#101513;--surface-1:#151c18;--surface-2:#1b241e;--surface-3:#26322a;--field:#101812;--accent:#b1dc7d;--accent-2:#b1dc7d;--accent-soft:#b1dc7d15;--line:#2a382e;--line-strong:#475c4c}.tool-main{width:min(1580px,100%)}.tool-topbar{background:#101713ed}.reframe-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.reframe-controls{background:var(--surface-1);border:1px solid var(--line);border-radius:10px;grid-area:1/2/3;grid-template-columns:minmax(0,1fr);align-content:start;padding:18px}.reframe-controls .row-head{gap:8px;display:grid}.reframe-controls select{background:var(--field);border:1px solid var(--line-strong);border-radius:6px;min-height:38px}.reframe-preview{grid-area:1/1;grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr);align-items:start;padding:12px;display:grid}.reframe-preview figure{min-width:0;margin:0}.reframe-preview figcaption{font:11px var(--font-mono);color:var(--muted);padding:0 0 12px}.reframe-preview canvas{object-fit:contain;width:100%;height:auto;max-height:62vh}.reframe-transport{flex-wrap:wrap;grid-area:2/1}.reframe-transport input{min-width:100px}.reframe-timeline,.reframe-pin-controls,.reframe-letterbox,.reframe-actions{grid-column:1/-1;min-width:0}.reframe-pin-controls{background:var(--surface-1);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.reframe-pin-controls>div{margin-right:auto}.reframe-pin-controls .note{margin:4px 0 0}.reframe-pin-controls input{width:100px}.reframe-letterbox .row-head,.segment-row{flex-wrap:wrap;gap:10px}.reframe-actions .btn.primary{background:var(--accent);color:#18220f;border-color:var(--accent);box-shadow:none}@media (width<=900px){.reframe-layout{flex-direction:column;display:flex}.reframe-preview{order:-3}.reframe-transport{order:-2}.reframe-pin-controls{order:-1}.reframe-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.reframe-controls .row-head{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=560px){.reframe-preview{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:8px;padding:8px}.reframe-preview figcaption{font-size:9px}.reframe-controls,.reframe-controls .row-head{grid-template-columns:1fr}.tool-brand>div{display:flex!important}.tool-brand>div>strong:first-child,.alpha-badge,.tool-back{display:none}.tool-brand>div>span{display:block}.tool-actions{flex-wrap:wrap}.reframe-pin-controls{padding:12px}}.reframe-controls label.checkbox{text-transform:none;line-height:1.6;font:12px var(--font-sans);align-items:center;gap:8px;display:flex}.reframe-controls label.checkbox input{flex-shrink:0;width:16px;height:16px;margin:0}.segment-row input{background:var(--field);border:1px solid var(--line-strong);border-radius:6px;min-height:36px;padding:7px}