/* Zoom-only controls. The existing player, timeline and other tabs keep their layout. */
#editor.together[data-together-tab=zoom] #editor-settings-host{padding-top:4px}
.together-zoom-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.together-zoom-heading h3{margin:0;font:600 14px/1.4 var(--proof-font-family);color:var(--proof-text)}
.together-zoom-heading small{font-size:12px;font-weight:400;color:var(--proof-text-muted);margin-left:8px}
#together-zoom-add{font:12px/1.4 var(--proof-font-family);color:var(--proof-primary);padding:8px 10px;min-height:34px;border:1px solid var(--proof-border);background:var(--proof-surface);border-radius:7px;cursor:pointer}
.together-zoom-rows{display:flex;flex-direction:column;gap:8px}
.together-zoom-row{border:1px solid var(--proof-border);border-radius:8px;padding:10px 12px;background:var(--proof-surface)}
.together-zoom-row.is-selected{border-color:var(--proof-primary);background:var(--proof-selection)}
.together-zoom-row>[data-zoom-open]{display:flex;gap:10px;align-items:center;justify-content:space-between;width:100%;border:0;background:none;padding:0;text-align:left;min-height:30px;font:12px/1.4 var(--proof-font-family);color:var(--proof-text);cursor:pointer}
.together-zoom-row>[data-zoom-open] b{display:block;font-weight:550;font-size:13px;font-variant-numeric:tabular-nums}
.together-zoom-row>[data-zoom-open] small{display:block;font-size:12px;color:var(--proof-text-muted);margin-top:3px}
.together-zoom-row.is-selected>[data-zoom-open]{color:var(--proof-selection-text)}
.together-zoom-empty,.zoom-motion-notice{font-size:13px;line-height:1.5;color:var(--proof-text-muted);margin:0}
#together-panel-zoom :is(button,input):focus-visible{outline:2px solid var(--proof-focus);outline-offset:2px}
#together-panel-zoom button:disabled{opacity:.45;cursor:default}
#zoom-motion-controls{font:13px/1.4 var(--proof-font-family);color:var(--proof-text)}
#zoom-motion-controls fieldset{margin:0;padding:0;border:0;min-width:0}
#zoom-motion-controls legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
#zoom-motion-controls button{font:12px/1.4 var(--proof-font-family);border:1px solid var(--proof-border);border-radius:7px;background:var(--proof-surface);color:var(--proof-text);min-height:32px;padding:6px 12px}
#zoom-motion-controls button:hover{border-color:var(--proof-control-border,var(--proof-text-muted))}
#zoom-motion-controls button[aria-pressed=true]{border-color:var(--proof-primary);background:var(--proof-selection);color:var(--proof-selection-text)}
.zoom-motion-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
.zoom-motion-heading h4{font:600 13px/1.4 var(--proof-font-family);margin:0}
.zoom-motion-heading small,.zoom-motion-pace small{font-size:12px;color:var(--proof-text-muted)}
.zoom-motion-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#zoom-motion-controls .zoom-motion-choices button{text-align:left;padding:10px 12px;min-width:0}
#editor .zoom-motion-choices svg{display:block;width:100%;height:28px;color:var(--proof-text-muted)}
.zoom-motion-choices svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.zoom-motion-choices button[aria-pressed=true] svg{color:var(--proof-primary)}
.zoom-motion-choices strong{display:block;font-size:13px;margin:4px 0 3px;font-weight:600}
.zoom-motion-choices small{display:block;color:var(--proof-text-muted);font-size:12px}
.zoom-motion-choices [data-zoom-custom]{grid-column:1/-1}
.zoom-motion-pace{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 0}
.zoom-motion-pace>span:last-child{display:flex;gap:5px}
#zoom-motion-controls .zoom-motion-heading [data-zoom-back]{border:0;background:none;padding:0;color:var(--proof-primary)}
.zoom-motion-choices+.zoom-motion-strength{margin-top:14px}
.zoom-motion-strength,.zoom-motion-edge>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.zoom-motion-strength label,.zoom-motion-edge strong{font-size:13px;font-weight:550;margin:0}
.zoom-motion-strength>span,.zoom-motion-time>span{display:flex;align-items:center;gap:5px;color:var(--proof-text-muted);font-size:12px}
#editor #zoom-motion-controls input[type=number]{width:76px;min-width:0;min-height:30px;height:30px;padding:4px 7px;border:1px solid var(--proof-control-border,var(--proof-border));border-radius:5px;background:var(--proof-surface);color:var(--proof-text);font:13px/1.4 var(--proof-font-family);text-align:right}
#editor #zoom-motion-controls input[type=range]{width:100%;min-width:0;max-width:none;margin:6px 0;padding:0;min-height:20px;accent-color:var(--proof-primary)}
.zoom-motion-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--proof-text-muted);margin-bottom:12px}
.zoom-motion-edge{border-top:1px solid var(--proof-border);padding:8px 0}
.zoom-motion-edge>div:first-child>span{display:flex;gap:5px}
.zoom-motion-time{display:flex;align-items:center;gap:10px;margin-top:8px}
.zoom-motion-time label{font-size:12px;color:var(--proof-text-muted);margin:0;flex:none}
.zoom-motion-time input[type=range]{flex:1}
.zoom-motion-edge p{font-size:12px;color:var(--proof-text-muted);margin:8px 0 0}
.zoom-motion-diagram{border-top:1px solid var(--proof-border);padding:8px 0 12px}
#editor .zoom-motion-diagram svg{width:100%;height:45px;display:block;fill:none;stroke:var(--proof-primary);stroke-width:2}
.zoom-motion-diagram>div{display:flex;justify-content:space-between;gap:5px;font-size:12px;color:var(--proof-text-muted)}
.zoom-motion-diagram b{font-weight:550;color:var(--proof-text)}
.zoom-motion-actions{border-top:1px solid var(--proof-border);display:flex;justify-content:space-between;gap:12px;padding-top:9px;margin-top:4px}
#zoom-motion-controls .zoom-motion-actions button{background:none;border:0;padding:0;min-height:28px;text-decoration:underline;text-underline-offset:3px;color:var(--proof-text-muted)}
#zoom-motion-controls .zoom-motion-actions [data-zoom-remove]{color:var(--proof-error,#b42336)}
.zoom-motion-status{font-size:12px;color:var(--proof-text-muted);margin:0}
.zoom-motion-status:empty{display:none}
/* These cut controls shared the original stylesheet and remain unchanged. */
#editor.together .together-cut-slot .deepcut-property-actions{display:flex;gap:8px;flex-wrap:wrap}
#editor.together .together-cut-slot .deepcut-property-actions button{min-height:32px;padding:6px 10px;font-size:12px}