:root{color-scheme:light;--paper:#f4f2ed;--surface:#fffefa;--ink:#252722;--muted:#767870;--line:#dedfd6;--orange:#c95530;--orange-light:#f1e2d8;--radius:8px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px;line-height:1.45;-webkit-text-size-adjust:100%}
button,input,select,textarea{font:inherit;color:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button,a,input,select,textarea,summary,iframe{outline:none!important}
html[data-input="keyboard"] :is(button,a,input,select,textarea,summary):focus{outline:2px solid var(--orange)!important;outline-offset:4px}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.45}
button,input,select{touch-action:manipulation}
[hidden]{display:none!important}
fieldset{border:0;margin:0;padding:0;min-width:0}
h1,h2,h3,p,figure{margin:0}
.site-header,main,.site-footer{max-width:1544px;margin:auto;padding-left:clamp(20px,4.2vw,72px);padding-right:clamp(20px,4.2vw,72px)}
.site-header{min-height:114px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.3px;line-height:1.4;font-weight:700}
.mark{width:33px;height:33px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}
.mark i{position:relative;border:1.5px solid var(--ink);border-radius:100%}
.mark i:before,.mark i:after{content:"";position:absolute;left:50%;top:50%;width:1.5px;height:5px;background:var(--ink);transform-origin:top}
.mark i:before{transform:rotate(160deg)}.mark i:after{transform:rotate(265deg)}.mark i:nth-child(2){transform:rotate(90deg)}.mark i:nth-child(3){transform:rotate(270deg)}.mark i:nth-child(4){transform:rotate(180deg)}
.back-link{font-size:12px;font-weight:600;display:flex;align-items:center;gap:18px}.back-link span{color:var(--orange);font-size:20px}.back-link:hover{color:var(--orange)}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:52px 0 35px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}
h1{font-size:clamp(31px,3.3vw,48px);font-weight:400;letter-spacing:-1.8px;line-height:1.15;margin-top:13px}
.intro-copy{font-size:13px;line-height:1.75;color:var(--muted);padding-bottom:3px}
.lab-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}
.settings-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.control-section{padding:22px;border-bottom:1px solid var(--line)}.control-section:last-child{border-bottom:0}
.section-heading{display:flex;gap:10px;align-items:center;margin-bottom:19px}
.section-number{color:var(--orange);font-size:10px;font-variant-numeric:tabular-nums}
h2{font-size:14px;font-weight:600}.section-heading h2{flex:1}
.count-badge,.small-tag{font-size:10px;color:var(--muted);background:var(--paper);padding:3px 7px;border-radius:3px}
label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}
select,input[type="number"],input[type="time"],input[type="text"]{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:5px;background:#fffefa;font-size:12px}
select{padding-right:25px}
select:hover,input[type="number"]:hover,input[type="time"]:hover{border-color:#abad9f}
#family{margin-bottom:16px}
.field-hint{font-size:11px;line-height:1.6;color:var(--muted);margin-top:9px}
.toggle-row{display:flex;gap:10px;align-items:center;position:relative;cursor:pointer;margin:19px 0 0;font-weight:400;font-size:11px}
.toggle-row>span:first-child{flex:1}
.toggle-row input{position:absolute;right:0;opacity:0;width:34px;height:22px;margin:0;z-index:1;cursor:pointer}
.toggle{width:31px;height:18px;border-radius:20px;background:#d7d9cf;position:relative;flex-shrink:0;transition:background .16s}
.toggle:before{content:"";width:12px;height:12px;position:absolute;top:3px;left:3px;background:white;border-radius:100%;transition:transform .16s}
.toggle-row input:checked+.toggle{background:var(--orange)}.toggle-row input:checked+.toggle:before{transform:translateX(13px)}
html[data-input="keyboard"] .toggle-row input:focus+.toggle{outline:2px solid var(--orange);outline-offset:4px}
#pattern-b-group{margin-top:17px}
details{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}
summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;font-weight:600;list-style:none;min-height:25px}summary::-webkit-details-marker{display:none}summary span{color:var(--orange);font-size:18px;font-weight:400}details[open] summary span{transform:rotate(45deg)}
.editor-body{padding-top:3px}.editor-body>.field-hint{margin-bottom:13px}.editor-body>label{margin-top:13px}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.editor-body .button-row{margin:13px 0 10px}.editor-body .button-row button{flex:1}
.inline-error{color:#a43e27;font-size:11px;line-height:1.5;margin-top:10px}
.time-row{display:flex;gap:12px;align-items:center}.time-row input{width:112px;font-size:17px;letter-spacing:.5px;font-variant-numeric:tabular-nums}.time-row .text-button{font-size:10px;padding:8px 0;white-space:nowrap}
.workspace{min-width:0;display:grid;gap:17px}
.preview-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.preview-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px 0;font-size:10px;letter-spacing:.4px;color:var(--muted)}.preview-topline p{display:flex;align-items:center;gap:7px;letter-spacing:1.1px;font-size:9px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}
.preview-grid{display:grid;grid-template-columns:minmax(0,1fr);padding:21px 21px 0;gap:16px;min-width:0}
.preview-grid.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}
.clock-preview{min-width:0;position:relative}.clock-preview figcaption{font-size:11px;display:flex;align-items:center;gap:8px;min-height:27px}.preview-letter{font-size:9px;border:1px solid var(--line);border-radius:3px;min-width:19px;height:19px;display:grid;place-items:center;color:var(--muted)}.preview-family{font-size:9px;color:var(--muted);margin-left:auto;text-align:right}
.clock-preview iframe{width:100%;height:350px;display:block;border:0;background:white;pointer-events:none}
.comparing .clock-preview iframe{height:350px}.comparing .clock-preview+.clock-preview{border-left:1px solid #eee;padding-left:16px}
.transport{border-top:1px solid var(--line);display:flex;align-items:center;padding:15px 20px;gap:17px;background:var(--surface)}.transport-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.button{min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:5px;font-size:11px;font-weight:500;display:inline-flex;gap:12px;justify-content:center;align-items:center;white-space:nowrap;transition:background .15s,color .15s}
.dark{background:var(--ink);color:white}.dark:hover{background:#46493f}.secondary{border-color:var(--line);background:transparent}.secondary:hover{background:#ebece5;border-color:#cccec2}.full-width{width:100%}
.play-button{min-width:94px}.play-button>span:first-child{font-size:12px;width:11px;line-height:1}
.icon-button{width:35px;height:35px;display:grid;place-items:center;font-size:22px;font-weight:400;border:0;background:transparent;border-radius:5px;color:var(--muted)}.icon-button:hover{background:var(--paper);color:var(--ink)}
.timeline{min-width:70px;display:flex;align-items:center;gap:12px;flex:1}.timeline output{font-size:10px;color:var(--muted);white-space:nowrap;min-width:35px;font-variant-numeric:tabular-nums}.transport-note{font-size:10px;color:var(--muted);white-space:nowrap}
input[type="range"]{-webkit-appearance:none;appearance:none;height:4px;border-radius:3px;background:#dfe1d7;width:100%;margin:9px 0;cursor:pointer;accent-color:var(--orange)}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border:3px solid var(--orange);background:var(--surface);border-radius:100%}input[type="range"]::-moz-range-thumb{width:7px;height:7px;border:3px solid var(--orange);background:var(--surface);border-radius:100%}
.tuning-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;background:var(--surface)}.slider-control+ .slider-control{border-left:1px solid var(--line);padding-left:28px}
.label-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.label-line label{margin:0}.label-line output{font-size:11px;color:var(--orange);font-variant-numeric:tabular-nums}.range-limits{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:9px;margin-top:5px}
.notes-panel{padding:20px 22px 15px;border:1px solid var(--line);border-radius:var(--radius)}.notes-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.notes-title .eyebrow{font-size:9px;letter-spacing:1.2px}.notes-title>span:last-child{font-size:9px;color:var(--muted)}
textarea{resize:vertical;display:block;width:100%;min-height:63px;padding:13px 0 7px;margin:3px 0 10px;border:0;background:transparent;font-size:12px;line-height:1.6;outline-offset:4px}textarea::placeholder{color:#96978d}
.notes-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.notes-footer p{font-size:10px;color:var(--muted);max-width:210px}.button-row{display:flex;align-items:center;gap:12px}.text-button{border:0;background:transparent;font-size:11px;padding:8px 2px;color:var(--muted)}.text-button:hover{color:var(--orange)}
.lab-status{min-height:38px;padding:11px 0;font-size:11px;color:var(--muted)}.lab-status.error{color:#a43e27}
.ideas-section{border-top:1px solid var(--line);margin:34px 0 56px;padding-top:31px;display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.ideas-intro h2{font-size:28px;font-weight:400;line-height:1.15;letter-spacing:-.6px;margin:12px 0}.ideas-intro>p:last-child{font-size:11px;line-height:1.6;color:var(--muted);max-width:226px}
.ideas-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}.idea{display:flex;align-items:flex-start;gap:15px;padding:0 0 19px;margin-bottom:20px;border-bottom:1px solid var(--line);text-align:left;border-radius:0;background:transparent;border-top:0;border-left:0;border-right:0;width:100%;color:inherit}.idea-number{color:var(--orange);font-size:10px;margin-top:2px}.idea h3{font-size:12px;font-weight:500;margin-bottom:5px}.idea p{font-size:10px;color:var(--muted);line-height:1.65}.idea-arrow{margin-left:auto;color:var(--muted);font-size:17px}.idea:hover h3,.idea:hover .idea-arrow{color:var(--orange)}
.site-footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px}.site-footer>span:first-child{letter-spacing:1.1px}
.references-section{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding-top:28px;margin-bottom:48px}.references-intro h2{margin:10px 0;font-size:18px;font-weight:400;letter-spacing:-.3px}.references-intro>p:last-child{max-width:255px;font-size:10px;line-height:1.7;color:var(--muted)}.references-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;align-content:start}.references-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;padding:16px 0;border-bottom:1px solid var(--line)}.references-list a>span:nth-child(2){color:var(--orange);font-size:17px}.references-list a:hover{color:var(--orange)}.references-list small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.clock-preview iframe,.comparing .clock-preview iframe{height:410px}.lab-grid,.ideas-section{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1100px){.transport-note{display:none}.lab-grid,.ideas-section{grid-template-columns:260px minmax(0,1fr);gap:18px}.control-section{padding:20px 17px}.preview-family{display:none}.intro-copy{font-size:12px}.tuning-panel{gap:20px;padding:19px}.slider-control+ .slider-control{padding-left:20px}.notes-footer p{max-width:145px}.notes-title>span:last-child{max-width:100px;text-align:right}.time-row{gap:9px}}
@media(max-width:820px){.site-header{min-height:90px}.intro{padding-top:36px;gap:15px}.intro-copy{font-size:11px}.lab-grid{grid-template-columns:minmax(0,1fr)}.settings-panel{display:grid;grid-template-columns:1fr 1fr}.control-section{padding:20px}.control-section:first-child{border-right:1px solid var(--line)}.control-section:nth-child(2){border-bottom:0}.time-section{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.time-section .section-heading{margin:0;gap:10px}.time-section .time-row{gap:20px}.time-row input{width:125px}.time-row .text-button{font-size:11px}.preview-grid{padding-top:18px}.clock-preview iframe,.comparing .clock-preview iframe{height:340px}.notes-title>span:last-child{max-width:none}.notes-footer p{max-width:240px}.ideas-section{grid-template-columns:210px minmax(0,1fr);gap:24px}.ideas-list{gap:0 20px}.intro h1{letter-spacing:-1.3px}}
@media(max-width:540px){.site-header{min-height:82px}.wordmark{font-size:9px;gap:9px}.back-link{font-size:10px;gap:9px}.intro{display:block;padding:31px 0 25px}.intro-copy{margin-top:16px;line-height:1.55}.intro-copy br{display:none}.eyebrow{font-size:9px}h1{font-size:34px}.settings-panel{display:block}.control-section{padding:18px}.control-section:first-child{border-right:0}.control-section:nth-child(2){border-bottom:0}.time-section{gap:10px;display:block}.time-section .section-heading{margin-bottom:12px}.time-section .time-row{justify-content:space-between}.time-row input{width:145px}.control-section .section-heading{margin-bottom:13px}.clock-preview iframe{height:245px}.preview-grid{padding:16px 13px 0}.preview-grid.comparing{grid-template-columns:1fr;gap:10px}.comparing .clock-preview iframe{height:225px}.comparing .clock-preview+.clock-preview{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.preview-family{display:block}.preview-topline{padding:16px 14px 0}.transport{padding:12px;gap:9px}.play-button{min-width:83px;padding:8px 10px}.transport-actions{gap:3px}.timeline{gap:8px}.tuning-panel{grid-template-columns:1fr;gap:22px;padding:19px}.slider-control+ .slider-control{border-left:0;border-top:1px solid var(--line);padding:19px 0 0}.notes-panel{padding:18px}.notes-title{align-items:flex-start;gap:10px}.notes-title>span:last-child{max-width:110px;font-size:8px}.notes-footer{align-items:flex-start;gap:10px;flex-direction:column}.notes-footer p{max-width:none}.notes-footer .button-row{width:100%;justify-content:flex-end}.ideas-section{margin-top:20px;grid-template-columns:1fr;gap:25px}.ideas-intro h2{font-size:27px}.ideas-intro h2 br{display:none}.ideas-intro>p:last-child{max-width:330px}.ideas-list{grid-template-columns:1fr}.idea{padding-bottom:17px;margin-bottom:17px}.idea h3{font-size:13px}.idea p{font-size:11px}.site-footer{flex-direction:column;gap:8px}.lab-status{font-size:10px;min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1450px){.references-section{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:1100px){.references-section{grid-template-columns:260px minmax(0,1fr);gap:18px}}
@media(max-width:820px){.references-section{grid-template-columns:210px minmax(0,1fr);gap:24px}.references-list{gap:0 20px}}
@media(max-width:540px){.references-section{grid-template-columns:1fr;gap:16px}.references-intro>p:last-child{max-width:330px}.references-list{grid-template-columns:1fr}.references-list a{font-size:12px;padding:13px 0}}
/* A/B/C review: every pane keeps the same size and shares the transport. */
.comparison-label{margin-top:18px}
#pattern-b-group,#pattern-c-group{margin-top:17px}
.preview-grid.three-views{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.three-views .clock-preview+.clock-preview{padding-left:12px}
.three-views .clock-preview figcaption{align-items:flex-start;flex-wrap:wrap;min-height:43px;gap:6px}
.three-views .preview-family{margin-left:25px;flex-basis:100%;text-align:left}
.three-views .clock-preview iframe{height:290px}
.preference-button{border:1px solid var(--line);background:var(--surface);border-radius:5px;font-size:10px;min-height:34px;padding:7px 12px;margin:5px 0 17px;width:100%;color:var(--muted)}
.preference-button:hover:not(:disabled){color:var(--orange);border-color:var(--orange);background:var(--orange-light)}
.preference-button:disabled{cursor:default;opacity:.4}
.review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 15px;margin-bottom:12px}
.review-actions .field-hint{flex-basis:100%;margin-top:0}
#review-history{padding-bottom:13px;margin-bottom:14px;border-bottom:1px solid var(--line)}
#history-count{font-size:11px;min-width:24px;text-align:center;color:var(--muted);background:var(--surface);border-radius:3px;transform:none}
.history-list{list-style:none;padding:0;margin:14px 0 0;max-height:420px;overflow:auto;overscroll-behavior:contain}
.history-item{padding:15px 0;border-top:1px solid var(--line)}
.history-item:first-child{padding-top:0;border-top:0}
.history-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px}
.history-heading strong{font-weight:600;color:var(--orange)}
.history-heading time{font-size:9px;color:var(--muted);white-space:nowrap}
.history-variants{font-size:10px;line-height:1.65;margin-top:7px}
.history-note{font-size:11px;line-height:1.6;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}
.history-item .field-hint{font-size:9px;margin-top:4px}
.history-item .button-row{justify-content:flex-end;margin-top:6px}
@media(min-width:1450px){.three-views .clock-preview iframe{height:340px}}
@media(max-width:1100px) and (min-width:821px){.preview-grid.three-views{grid-template-columns:1fr}.three-views .clock-preview iframe{height:240px}.three-views .clock-preview+.clock-preview{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.three-views .clock-preview figcaption{min-height:27px;flex-wrap:nowrap}.three-views .preview-family{display:block;margin-left:auto;flex-basis:auto;text-align:right}}
@media(max-width:820px){.three-views .clock-preview iframe{height:250px}.history-list{max-height:360px}}
@media(max-width:620px){.preview-grid.three-views{grid-template-columns:1fr}.three-views .clock-preview iframe{height:225px}.three-views .clock-preview+.clock-preview{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.three-views .clock-preview figcaption{min-height:27px;flex-wrap:nowrap}.three-views .preview-family{display:block;margin-left:auto;flex-basis:auto;text-align:right}}
.preference-button[aria-pressed="true"],#vote-tie[aria-pressed="true"]{color:var(--orange);border-color:var(--orange);background:var(--orange-light)}

/* Fluid tuning belongs to its preview, so each candidate can be shaped independently. */
.motion-tuning{padding:13px 0 10px;border-top:1px solid var(--line)}
.motion-tuning .label-line{gap:8px;margin-bottom:3px}
.motion-tuning .label-line label{font-size:10px}
.motion-tuning .label-line output{font-size:10px;white-space:nowrap}
.motion-tuning input[type="range"]{margin:10px 0 15px}
.motion-tuning .field-hint{margin-top:0;font-size:9px}
.tuning-actions{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:11px;align-items:center}
.tuning-actions .button,.tuning-actions .text-button{font-size:10px;white-space:normal;text-align:left}
.tuning-actions .button{padding:7px 9px;min-height:33px}
.tuning-actions .text-button{padding:8px 0}
.trial-name-label{margin-top:17px}.trial-name-label span{color:var(--muted);font-weight:400}
.use-in-clock{width:100%;justify-content:center;margin:4px 0 0;font-size:10px;white-space:normal}
.open-my-clock{margin-bottom:16px}
.history-heading strong{overflow-wrap:anywhere;min-width:0}
@media(max-width:540px){.motion-tuning .label-line label,.motion-tuning .label-line output{font-size:11px}.motion-tuning .field-hint{font-size:10px}.tuning-actions .button,.tuning-actions .text-button{font-size:11px}}

/* Review uses the laboratory's existing paper/ink palette and native inputs. */
.review-section{grid-column:1/-1}.review-intro{margin:0 0 16px}.review-section select{margin-bottom:12px}
.review-versions{display:flex;flex-direction:column;gap:5px;max-height:270px;overflow:auto;padding:5px;margin:-5px -5px 9px}
.review-version{background:transparent;border:1px solid var(--line);border-radius:5px;padding:9px 10px;text-align:left;min-height:44px;line-height:1.35}
.review-version span{display:block;font-size:12px}.review-version small{font-size:10px;color:var(--muted)}
.review-version[aria-pressed="true"]{border-color:var(--ink);background:var(--paper)}
.review-assessment{border-top:1px solid var(--line);padding-top:13px;margin-top:14px}.review-assessment h3{font-size:13px}.review-assessment label{margin-top:12px}
#review-note{width:100%;resize:vertical;min-height:76px;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:10px;font-size:12px}
#review-rejected{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}#review-rejected summary{font-size:12px;cursor:pointer}#review-rejected-count{float:right;color:var(--muted)}
#review-rejected-list{margin-top:12px}.review-actions{margin-top:12px;flex-wrap:wrap;justify-content:space-between}.lab-sound{padding:16px 22px;border-top:1px solid var(--line)}
.lab-sound summary{font-size:12px;cursor:pointer}.lab-sound-body{max-width:440px}.lab-sound label{margin-top:15px}.lab-sound output{float:right;color:var(--muted)}.lab-sound input{width:100%}.lab-sound button{margin-top:10px}
@media(min-width:821px){.workspace{align-self:start;position:sticky;top:16px}}

.review-preview-link{display:inline-block;margin:0 0 12px}#preview-grid{scroll-margin-top:16px}

.review-return{display:none}#animation-review{scroll-margin-top:16px}@media(max-width:820px){.review-return{display:block;margin:16px 20px 0}}

/* Review workspace: the catalogue and the two clocks are the primary actions. */
.site-header{min-height:76px}.intro{padding:28px 0 25px;align-items:center}.intro h1{margin:0;font-size:clamp(24px,2.3vw,34px);letter-spacing:-1px}.intro-copy{margin:8px 0 0;padding:0;font-size:12px}
.settings-trigger{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:12px}.settings-trigger:hover{border-color:var(--ink)}
.lab-grid{grid-template-columns:310px minmax(0,1fr);gap:22px}.settings-panel{display:block}.review-section{padding:20px}.review-section .section-heading{margin:0 0 10px}.review-intro{margin:0 0 16px}.review-section>label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.review-preview-link{display:none}
.review-tree{max-height:calc(100dvh - 422px);min-height:240px;overflow:auto;overscroll-behavior:contain;padding:4px;margin:0 -4px;scrollbar-width:thin}.review-category+ .review-category{margin-top:22px}.review-category h3{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:500;margin:6px 0 9px}.review-family{margin:0;padding:0;border-top:1px solid var(--line)}.review-family:last-child{border-bottom:1px solid var(--line)}
.review-family>summary{min-height:47px;gap:9px;font-weight:500;line-height:1.35}.review-family>summary:before{content:'›';font-size:20px;color:var(--muted);width:10px;flex-shrink:0}.review-family[open]>summary:before{transform:rotate(90deg)}.review-family>summary>span{color:var(--ink);font-size:12px;font-weight:500;transform:none;flex:1}.review-family>summary>small{font-size:10px;color:var(--muted);font-weight:400}.review-family-versions{padding:0 0 10px 16px;display:grid;gap:5px}.review-row{display:flex;border:1px solid var(--line);border-radius:5px;min-width:0}.review-row:has([aria-pressed="true"].review-version){background:var(--paper);border-color:var(--ink)}
.review-version{flex:1;min-width:0;border:0;border-radius:4px 0 0 4px;padding:9px;min-height:49px}.review-version span{font-size:11px;line-height:1.4}.review-version small{font-size:9px}.review-version[aria-pressed="true"]{background:transparent}.review-star{flex:0 0 42px;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:22px;border-radius:4px}.review-star[aria-pressed="true"]{color:var(--orange)}.review-star:hover{background:var(--orange-light)}
.review-versions{max-height:260px;gap:5px}.review-section #review-save{font-size:10px;line-height:1.4;margin:0}.review-section .review-actions{margin:4px 0}.review-section #review-progress{font-size:10px}.review-section .text-button{min-height:40px}#review-rejected-count{transform:none;font-size:11px}#review-rejected{margin-top:12px;padding-top:8px}#review-rejected summary{min-height:35px}
.workspace{gap:14px}.preview-grid{padding:20px 20px 8px}.clock-preview figcaption{align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.4}.preview-letter{border:0;display:block;flex-basis:100%;width:auto;height:auto;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.preview-family{display:none}.clock-preview iframe,.comparing .clock-preview iframe{height:300px}.preview-topline{padding-top:17px}.transport-note{font-size:9px}.review-return{display:none}.transport{padding:13px 18px}.transport .icon-button{min-width:40px;min-height:40px}
.review-assessment{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:18px 20px;margin:0}.assessment-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.assessment-heading h3{font-size:15px;font-weight:500;margin-top:3px}.assessment-heading .field-hint{font-size:10px;margin:0}.favorite-action{min-height:44px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:10px 13px;font-size:12px;white-space:nowrap}.favorite-action[aria-pressed="true"]{color:var(--orange);border-color:var(--orange);background:var(--orange-light)}#review-relation{font-size:10px;margin-top:8px}#review-decision{max-width:300px}.review-note-details{margin-top:13px;padding-top:8px}.review-note-details summary{min-height:30px;font-weight:400}.review-assessment label{margin-top:12px}
#lab-settings{width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 40px);border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0;overscroll-behavior:contain}#lab-settings::backdrop{background:rgb(25 27 23 / .38);backdrop-filter:blur(3px)}html.settings-open{overflow:hidden}.settings-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.settings-header h2{font-size:18px;font-weight:500}.settings-header .field-hint{margin-top:5px;font-size:11px}.settings-header .icon-button{min-width:44px;min-height:44px;font-size:28px}
#lab-settings .control-section{padding:22px 24px;border-right:0}#lab-settings .section-number{display:none}#lab-settings .section-heading{margin-bottom:14px}#lab-settings label{margin-top:12px}#lab-settings .time-section{display:block;border-top:0}#lab-settings .time-row{justify-content:space-between}#lab-settings .lab-sound{margin:0;padding:18px 24px;border-bottom:1px solid var(--line)}#lab-settings .lab-sound summary{min-height:32px}#lab-settings .tuning-panel{border:0;border-radius:0;padding:24px;grid-template-columns:1fr 1fr;gap:24px}#lab-settings .label-line{gap:10px}#lab-settings .label-line label{margin:0}#lab-settings .slider-control+.slider-control{border-top:0;border-left:1px solid var(--line);padding:0 0 0 24px}
.settings-disclosure{margin:0;padding:0;border-top:1px solid var(--line)}.settings-disclosure>summary{padding:18px 24px;font-size:12px;min-height:56px}.settings-disclosure>summary>span{font-size:16px}.settings-disclosure .control-section h3{font-size:12px}.settings-disclosure .motion-tuning{border:0}.settings-disclosure .notes-panel{border:0;border-radius:0}.trial-votes{display:flex;gap:10px;margin-top:12px}.trial-votes .preference-button{margin:0}.settings-disclosure .ideas-section,.settings-disclosure .references-section{display:block;margin:0;padding:24px;border-top:1px solid var(--line)}.settings-disclosure .ideas-intro,.settings-disclosure .references-intro{margin-bottom:22px}.settings-disclosure .ideas-intro>p:last-child,.settings-disclosure .references-intro>p:last-child{max-width:none}.settings-disclosure .ideas-intro h2{font-size:20px}.settings-disclosure .ideas-intro h2 br{display:none}
@media(min-width:821px){.workspace{top:20px}.review-tree{max-height:calc(100dvh - 422px)}}
@media(max-width:1100px) and (min-width:821px){.lab-grid{grid-template-columns:275px minmax(0,1fr);gap:16px}.review-section{padding:16px}.preview-grid{padding:17px 14px 6px;gap:12px}.comparing .clock-preview+.clock-preview{padding-left:12px}.clock-preview iframe,.comparing .clock-preview iframe{height:260px}.clock-preview figcaption{font-size:11px}}
@media(max-width:820px){.intro{display:flex;padding:23px 0;gap:15px}.intro h1{font-size:27px}.intro-copy{font-size:11px}.lab-grid{grid-template-columns:1fr;gap:18px}.settings-panel .control-section{border-right:0}.review-tree{max-height:235px;min-height:0}.review-section{padding:18px}.review-section .review-intro{margin-bottom:12px}.review-preview-link{display:block;margin:0 0 8px;padding:0;min-height:0!important;font-size:10px}.review-return{display:block;margin:10px 20px 0;font-size:10px;padding:0}.clock-preview iframe,.comparing .clock-preview iframe{height:230px}.workspace{position:static}.review-assessment{padding:16px 18px}}
@media(max-width:540px){.site-header,main,.site-footer{padding-left:16px;padding-right:16px}.site-header{min-height:67px}.intro h1{font-size:23px;letter-spacing:-.6px}.intro-copy{font-size:10px;line-height:1.5;max-width:240px}.settings-trigger{flex-shrink:0;width:44px;padding:10px}.settings-trigger>span{display:none}.intro{padding:22px 0 19px}.preview-grid.comparing{grid-template-columns:1fr;gap:8px}.preview-grid{padding:15px 14px 5px}.clock-preview iframe,.comparing .clock-preview iframe{height:180px}.clock-preview figcaption{font-size:11px;gap:5px}.preview-letter{font-size:9px;flex-basis:auto;margin-right:5px}.comparing .clock-preview+.clock-preview{border-left:0;border-top:1px solid var(--line);padding:10px 0 0}.transport{padding:9px;gap:6px}.transport-note{display:none}.review-assessment{padding:14px}.assessment-heading h3{font-size:13px}.favorite-action{padding:8px 10px;font-size:11px}#review-decision{max-width:none}#lab-settings .tuning-panel{grid-template-columns:1fr}#lab-settings .slider-control+.slider-control{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.settings-header{padding:16px 18px}.settings-header h2{font-size:16px}.settings-header .field-hint{font-size:10px}.settings-disclosure>summary{padding:16px 18px}#lab-settings .control-section{padding:18px}.trial-votes{flex-direction:column}.three-views .clock-preview iframe{height:180px}}
.review-family[open]>summary>span{transform:none}.variant-adjustments{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:5px 0}.variant-adjustments .field-hint{font-size:10px;margin:0}.variant-adjustments button{min-height:40px;color:var(--orange)}

/* Labels and states carry the review flow, without repeated instructional copy. */
.intro{min-height:94px}.review-section .section-heading{margin-bottom:16px}#review-save:empty,.lab-status:empty{display:none}.site-footer{margin-top:24px}.review-segments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:12px 0 0;border:1px solid var(--line);border-radius:6px;overflow:visible}.review-segments label{position:relative;min-width:0;cursor:pointer;margin:0;font-size:11px;font-weight:400}.review-segments label+label{border-left:1px solid var(--line)}.review-segments input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.review-segments span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:8px 5px;gap:5px;border-radius:4px}.review-segments input:checked+span{background:var(--ink);color:white}.review-segments input[value="keep"]:checked+span{background:var(--orange);color:white}.review-segments label:hover span{background:var(--paper)}.review-segments input:checked+span:before{content:'✓';font-size:10px}html[data-input="keyboard"] .review-segments input:focus+span{outline:2px solid var(--orange);outline-offset:3px}.review-assessment .review-segments label{margin:0}.review-section #review-save{margin-top:8px}.review-section #review-save:empty{margin:0}@media(max-width:540px){.review-segments label{font-size:10px}.review-segments span{padding:8px 3px;gap:3px}.intro{min-height:88px}}

#review-decision{max-width:none}

/* Desktop studio: only the complete sidebar scrolls; all previews stay in view. */
html,body{height:100%;overflow:hidden}
main{width:100%;max-width:none;height:100dvh;padding:0;margin:0}
#lab-controls{height:100%;min-height:0}
.lab-grid{height:100%;min-height:0;grid-template-columns:340px minmax(0,1fr);gap:0;align-items:stretch}
#lab-sidebar{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:0;border-right:1px solid var(--line);border-radius:0;scrollbar-width:thin;scrollbar-gutter:stable}
.review-tree,.review-versions,.history-list{max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto}
.sidebar-tools{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--line)}
.sidebar-tools h1{flex:1;font-size:18px;letter-spacing:-.4px;margin:0}
.back-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;font-size:27px;color:var(--muted)}
.back-button:hover{color:var(--ink);background:var(--paper)}
.sidebar-tools .settings-trigger{width:40px;min-height:40px;padding:8px;border:0;background:transparent}
.sidebar-tools .settings-trigger:hover{background:var(--paper)}
.sidebar-tools .settings-trigger>span{display:none}
.review-section{padding:22px}
.review-family-versions{padding-left:12px}
.review-return,.review-preview-link{display:none}
.sidebar-view-heading,.settings-header{position:static;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.sidebar-view-heading>div,.settings-header>div{min-width:0}
.sidebar-view-heading h2,.settings-header h2{font-size:16px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.sidebar-view-heading .field-hint{margin:0 0 3px;font-size:10px;color:var(--orange)}
.settings-header .back-button{order:-1}
#lab-settings{width:100%;max-height:none;border:0;border-radius:0;overflow:visible}
#lab-settings .control-section,#sidebar-editor .control-section{padding:22px}
#lab-settings .tuning-panel{grid-template-columns:1fr;padding:22px;gap:22px}
#lab-settings .slider-control+.slider-control{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
#lab-settings .notes-footer{flex-direction:column;align-items:stretch;gap:12px}
#lab-settings .notes-footer p{max-width:none}
#lab-settings .notes-footer .button-row{justify-content:flex-end}
#lab-settings .trial-votes{gap:5px}
#lab-settings .trial-votes button{padding:7px 8px}
#lab-settings .references-list{grid-template-columns:1fr}
#sidebar-editor .motion-tuning{border:0;padding:4px 0 18px}
#sidebar-editor .control-section{border-bottom:0}
#sidebar-editor .motion-tuning label,#sidebar-editor .motion-tuning output{font-size:12px}
#sidebar-editor .motion-tuning input{margin:16px 0 28px}
#sidebar-editor .tuning-actions{margin-top:18px;gap:8px}
#sidebar-editor .tuning-actions .button{min-height:40px}
#sidebar-editor .editor-apply{padding:0 22px 22px}
#sidebar-editor .editor-apply .button{min-height:40px;font-size:11px}
#sidebar-review-context{padding:20px 22px}
#sidebar-review-context #review-relation{margin:0}
#lab-status:not(:empty){margin:0;padding:18px 22px;border-top:1px solid var(--line)}
.open-my-clock{margin:0 22px 22px}
.workspace{position:static;align-self:stretch;height:100%;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) auto;gap:16px;padding:20px}
.preview-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}
.preview-topline{padding:18px 20px 0}
.preview-grid{min-height:0;grid-template-rows:minmax(0,1fr);padding:18px 16px 16px;gap:12px}
.preview-grid.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}
.preview-grid.three-views{grid-template-columns:repeat(3,minmax(0,1fr))}
.clock-preview{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;border:1px solid transparent;border-radius:6px;padding:10px}
.comparing .clock-preview+.clock-preview,.three-views .clock-preview+.clock-preview{border:1px solid transparent;padding:10px}
.clock-preview.is-editing,.comparing .clock-preview.is-editing,.three-views .clock-preview.is-editing{border-color:var(--orange)}
.clock-preview figcaption,.three-views .clock-preview figcaption{height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:28px 23px;align-items:center;gap:5px 8px;font-size:13px}
.preview-letter{flex:1 0 auto;font-size:10px;letter-spacing:.6px;margin:0}
.clock-preview figcaption>span[id$="-name"]{grid-row:2;grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-family,.three-views .preview-family{display:none}
.clock-preview iframe,.comparing .clock-preview iframe,.three-views .clock-preview iframe{height:100%;min-height:0;width:100%}
.editing-tag{font-size:9px;line-height:25px;color:var(--orange);background:var(--orange-light);padding:0 6px;border-radius:4px}
.edit-view{min-height:28px;padding:3px 7px;border:0;border-radius:4px;background:transparent;font-size:10px;color:var(--muted)}
.edit-view:hover{background:var(--paper);color:var(--ink)}
.edit-view[aria-expanded="true"]{display:none}
.transport{padding:12px 18px;gap:12px}
.review-assessment{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:16px 20px}
.assessment-heading{min-width:0}
.assessment-heading>div{min-width:0}
.assessment-heading h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.variant-adjustments{justify-content:flex-end;margin:0;gap:6px 12px;max-width:380px}
.variant-adjustments .field-hint{text-align:right;font-size:10px}
.variant-adjustments .button{min-height:36px;color:var(--ink)}
.variant-adjustments .button[aria-expanded="true"]{background:var(--orange-light);border-color:var(--orange);color:var(--orange)}
#review-decision{grid-column:1/-1;margin:0}
@media(max-width:1200px){.lab-grid{grid-template-columns:310px minmax(0,1fr)}.workspace{padding:14px;gap:12px}.preview-grid{padding:14px 8px 10px;gap:4px}.clock-preview,.comparing .clock-preview+.clock-preview{padding:7px}.review-assessment{padding:14px;gap:10px}.variant-adjustments{max-width:270px}.variant-adjustments .field-hint{max-width:180px}.transport-note{display:none}}

/* Time rehearsal stays in the shared transport, without moving the previews. */
.time-preview-button{min-width:140px;min-height:40px}
.time-preview-button[aria-pressed="true"]{color:var(--orange);border-color:var(--orange);background:var(--orange-light)}
#sidebar-editor input:disabled{opacity:.4;cursor:default}
#sidebar-editor button:disabled,#adjust-variant:disabled{cursor:default}
.review-segments:disabled{opacity:.45}
@media(max-width:1300px){.transport-note{display:none}}

/* Seeded proposals share the existing sidebar scroll and input modality. */
.generative-controls { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--line, #dedbd5); }
.seed-controls { display: grid; grid-template-columns: minmax(0, 1fr) 36px 36px 48px; gap: 6px; margin-bottom: 18px; }
.seed-controls input { min-width: 0; width: 100%; font-variant-numeric: tabular-nums; }
.seed-controls .button { min-width: 0; padding: 6px; font-size: 18px; }
.seed-controls input[type=number] { appearance: textfield; }
.seed-controls input::-webkit-inner-spin-button { appearance: none; }
.generative-controls .error { color: #a02d26; }

#sidebar-editor .seed-controls input { margin: 0; height: 40px; }
.seed-controls { align-items: center; }
.seed-controls .button { height: 40px; }

.seed-controls button:last-child { font-size: 11px; }

/* Catalog selection and bounded overview share the studio, without nested scroll. */
.segmented-control{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px;background:var(--surface)}
.segmented-control button{flex:1;min-height:38px;border:0;border-radius:4px;background:transparent;padding:8px 14px;font-size:12px;white-space:nowrap}
.segmented-control button:hover{background:var(--paper)}
.segmented-control button[aria-pressed="true"]{background:var(--ink);color:#fff}
.catalog-segments{margin-bottom:16px}.catalog-segments button{min-height:42px}
#review-favorites-count{font-size:10px;margin-left:5px;opacity:.7;font-variant-numeric:tabular-nums}
.review-state-filter{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.review-state-filter label{margin:0;color:var(--muted);font-weight:400}.review-state-filter select{flex:1;min-height:36px;padding:7px 10px;font-size:11px}
.review-tree>.review-row+.review-row{margin-top:8px}
.workspace{grid-template-rows:auto minmax(0,1fr) auto}
.workspace.show-gallery{grid-template-rows:auto minmax(0,1fr)}
.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:46px}
.workspace-toolbar h2{font-size:16px;font-weight:500}.workspace-toolbar .field-hint{margin:2px 0 0;font-size:11px}
.gallery-panel{min-height:0;display:flex;flex-direction:column;gap:14px}
.clock-gallery-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;order:2;min-height:40px}
.clock-gallery-toolbar button{min-height:38px;padding:7px 13px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:12px}
.clock-gallery-toolbar button:disabled{cursor:default;opacity:.4}
.clock-gallery-toolbar span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.clock-gallery-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
.clock-gallery-card{min-width:0;min-height:0;border:1px solid var(--line);border-radius:8px;background:white;overflow:hidden;display:flex;flex-direction:column;padding:10px 14px}
.clock-gallery-card h3{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clock-gallery-preview{flex:1;min-height:0;position:relative;overflow:hidden}
.clock-gallery-frame{width:100%;height:100%;border:0;pointer-events:none;display:block}
.clock-gallery-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}
.clock-gallery-actions button{min-height:32px;border:0;background:transparent;border-radius:4px;font-size:11px;padding:5px 8px;color:var(--muted)}
.clock-gallery-actions button:hover{background:var(--paper);color:var(--ink)}
.clock-gallery-actions button[aria-pressed]{font-size:22px;line-height:1;padding:4px 8px}
.clock-gallery-actions button[aria-pressed="true"]{color:var(--orange)}
.clock-gallery-empty{margin:auto;text-align:center;color:var(--muted);font-size:13px}
.clock-gallery-status{font-size:11px;color:var(--muted)}
@media(min-width:1500px){.clock-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}
.clock-gallery-relation{font-size:9px;color:var(--muted);line-height:1.4;margin:2px 0}
.clock-gallery-preview{height:0}
.clock-gallery-frame{position:absolute;inset:0}
.clock-gallery-message{font-size:11px;color:var(--muted);position:absolute;inset:0;display:grid;place-content:center}
.clock-gallery-grid:has(>.clock-gallery-card:nth-child(-n+2):last-child){grid-template-rows:minmax(0,1fr)}
.clock-gallery-grid:has(>.clock-gallery-card:nth-child(n+3):nth-child(-n+4):last-child){grid-template-rows:repeat(2,minmax(0,1fr))}
@media(min-width:1500px){.clock-gallery-grid:has(>.clock-gallery-card:nth-child(-n+3):last-child){grid-template-rows:minmax(0,1fr)}}

/* Flat catalog, continuous overview and an explicit comparison selection. */
.sidebar-tools{gap:4px;padding:14px 12px}
.sidebar-tools h1{font-size:17px}
.catalog-file-button{border:0;background:transparent;border-radius:5px;font-size:21px;min-width:36px;min-height:40px;color:var(--muted)}
.catalog-file-button:hover{background:var(--paper);color:var(--ink)}
.comparison-selection{position:sticky;top:-22px;background:var(--surface);z-index:2;padding:12px 0;margin:-12px 0 8px}
.comparison-selection .button{min-height:42px;font-size:12px}
.comparison-selection .text-button{font-size:11px;padding:8px 0 0}
.catalog-group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 12px}
.catalog-group-heading h3{font-size:13px;font-weight:600}
.catalog-group-heading .text-button{font-size:11px;min-height:36px}
.review-category+.review-category{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}
.review-row{display:flex;align-items:center;gap:8px;margin:5px 0}
.review-check,.gallery-check{width:17px;height:17px;flex-shrink:0;accent-color:var(--orange);cursor:pointer}
.review-version{min-width:0;flex:1;padding:10px 6px;min-height:42px}
.review-version span{font-size:12px;line-height:1.4}
.review-star{flex-shrink:0}
.review-segments{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-panel{overflow:auto;overscroll-behavior:contain;padding:0 5px 12px 0;display:block}
.clock-gallery-toolbar{order:0;justify-content:flex-start;gap:12px;margin-bottom:14px}
.clock-gallery-toolbar .button{min-height:40px}
.clock-gallery-toolbar .dark{background:var(--ink);color:white}
.clock-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none!important;grid-auto-rows:270px;gap:14px;min-height:0}
.clock-gallery-card{padding:10px 12px;min-height:260px;overflow:hidden}
.clock-gallery-card[data-group-start="true"]{grid-column-start:1}
.clock-gallery-preview{height:auto;min-height:175px;flex:1}
.clock-gallery-actions{gap:6px}
.gallery-select{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;font-weight:400;cursor:pointer}
.clock-gallery-actions .clock-gallery-compare{margin-left:auto}
.clock-gallery-relation{display:none}
.selection-panel{container-type:inline-size}
.selection-panel .comparison-row{grid-template-columns:minmax(0,1fr)}
.comparison-row .clock-gallery-card{min-width:0}
.workspace-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px}
#selection-controls .clock-gallery-toolbar{margin:0;gap:6px}
#selection-controls .button{font-size:11px;padding:8px 10px;min-height:36px;white-space:nowrap}
@container(min-width:540px){.selection-panel .comparison-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(min-width:810px){.selection-panel .comparison-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1500px){.clock-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  html,body{height:auto;overflow:auto}
  main,#lab-controls,.lab-grid{height:auto;min-height:100dvh}
  .lab-grid{grid-template-columns:1fr}
  #lab-sidebar{height:auto;max-height:52dvh;border-right:0;border-bottom:1px solid var(--line)}
  .workspace{height:76dvh;min-height:540px;padding:14px;gap:12px}
  .workspace-toolbar{gap:8px;align-items:flex-start}
  .workspace-toolbar h2{font-size:14px}
  .workspace-toolbar button{padding:7px 9px;font-size:11px}
  .workspace-toolbar .field-hint{font-size:10px}
  .clock-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:240px}
  .clock-gallery-card{min-height:230px;padding:8px}
  .clock-gallery-card h3{font-size:11px}
  .clock-gallery-preview{min-height:145px}
  .gallery-select{font-size:10px}
  .clock-gallery-actions{flex-wrap:wrap;gap:0}
  .clock-gallery-actions button{font-size:10px;padding:5px 2px}
}
@media(max-width:420px){.clock-gallery-grid{grid-template-columns:1fr;grid-auto-rows:270px}.clock-gallery-preview{min-height:180px}.clock-gallery-actions{flex-wrap:nowrap}}

.gallery-panel:not(.selection-panel) .clock-gallery-toolbar{display:none}