/* Clip selector (FTT 1.5.0): container, type, inputs and buttons (3px radius, Joanne) come from ftt-base.css (.ftt-tool). Tokens only. */
.fwcc .button,.fwcc button.button{border-radius:var(--ftt-radius-sm)}
.fwcc{container-type:inline-size}
/* 1.5.6: each row is Set, timecode, Trim label, trim buttons (ending +1s), Jump.
   1.5.10: the one-line row needs about 700px, so it stays on one line down to a 710px selector (was 1000px, which put Trim and Jump on a second line on most laptops and any 800-1000px column). Breakpoints are max(em, px) so they follow the theme's text size; trim and Jump buttons are slightly narrower. */
.fwcc-marks{display:grid;grid-template-columns:max-content minmax(6.5em,max-content) max-content max-content max-content;gap:.5em .75em;align-items:center;margin-bottom:.5em}
.fwcc-marks .fwcc-set,.fwcc-marks .fwcc-jump{width:100%}
.fwcc-tc,.fwcc-list td.mono,.fwcc-debug{font-variant-numeric:tabular-nums}
.fwcc-trim-label{cursor:help}
.fwcc-nudge{display:inline-flex;flex-wrap:wrap;gap:.25em}
.fwcc .fwcc-marks .fwcc-nudge .fwcc-trim-btn{padding-left:.7em;padding-right:.7em}
.fwcc .fwcc-marks .fwcc-jump{padding-left:.8em;padding-right:.8em}
.fwcc-row{display:flex;flex-wrap:wrap;gap:.5em .75em;align-items:center;margin:.4em 0}
.fwcc-namebar label{display:flex;gap:.5em;align-items:center;flex-wrap:wrap;width:100%}
.fwcc-name{flex:1;min-width:12em}
.fwcc-list{width:100%;margin:.5em 0}
.fwcc-list input{width:100%;min-width:8em}
.fwcc-actions{white-space:nowrap}
.fwcc-help{margin-top:.75em}
.fwcc-help summary{cursor:pointer}
.fwcc-help-body ol,.fwcc-keys{margin:0 0 .5em 1.4em;padding:0}
.fwcc-debug{white-space:pre-wrap;margin:0 0 .5em}
.fwcc-tc{white-space:nowrap}
/* 1.5.4: Set + Jump share a row; trim controls drop to their own line when the selector is narrow. */
@container (max-width:max(38em,710px)){.fwcc-marks{grid-template-columns:max-content max-content 1fr}.fwcc-marks .fwcc-tc{grid-column:2 / -1}.fwcc-trim-label{grid-column:1}.fwcc-nudge{grid-column:2;flex-wrap:nowrap}.fwcc-marks .fwcc-jump{grid-column:3;justify-self:start;width:auto}}
@container (max-width:max(28em,520px)){.fwcc-marks{grid-template-columns:1fr 1fr}.fwcc-marks .fwcc-set{grid-column:1}.fwcc-marks .fwcc-tc{grid-column:2}.fwcc-trim-label,.fwcc-nudge,.fwcc-marks .fwcc-jump{grid-column:1 / -1}.fwcc-nudge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.fwcc-nudge .fwcc-trim-btn{min-width:0;padding-left:.25em;padding-right:.25em}.fwcc-marks .fwcc-set{white-space:nowrap;padding-left:.5em;padding-right:.5em}.fwcc-marks .fwcc-jump{justify-self:stretch;width:100%}}
@supports not (container-type:inline-size){@media (max-width:900px){.fwcc-marks{grid-template-columns:max-content max-content 1fr}.fwcc-marks .fwcc-tc{grid-column:2 / -1}.fwcc-trim-label{grid-column:1}.fwcc-nudge{grid-column:2;flex-wrap:nowrap}.fwcc-marks .fwcc-jump{grid-column:3;justify-self:start;width:auto}}@media (max-width:740px){.fwcc-marks{grid-template-columns:1fr 1fr}.fwcc-marks .fwcc-set{grid-column:1}.fwcc-marks .fwcc-tc{grid-column:2}.fwcc-trim-label,.fwcc-nudge,.fwcc-marks .fwcc-jump{grid-column:1 / -1}.fwcc-nudge{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.fwcc-nudge .fwcc-trim-btn{min-width:0;padding-left:.25em;padding-right:.25em}.fwcc-marks .fwcc-set{white-space:nowrap;padding-left:.5em;padding-right:.5em}.fwcc-marks .fwcc-jump{justify-self:stretch;width:100%}}}
/* 1.3.0: request mode and preview notice */
.fwcc-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.fwcc-request{margin:.5em 0;padding:.75em;border:1px solid var(--ftt-border);border-radius:var(--ftt-radius-sm)}
.fwcc-request label{display:flex;flex-direction:column;gap:.25em;flex:1;min-width:12em}
.fwcc-rq-notewrap label{width:100%}
.fwcc-rq-note{width:100%}
.fwcc-demo{padding:.5em .75em;border-left:4px solid var(--ftt-bad);background:var(--ftt-bad-bg);margin:0 0 .75em}
.fwcc-msg.bad{color:var(--ftt-bad)}
/* 1.5.3: heading (type, font and colour from .ftt-tool__title in ftt-base.css) and Jump to In/Out */
.fwcc-heading{margin-bottom:.5em}
.fwcc .fwcc-jump[aria-disabled="true"]{opacity:.6}