.cq-work{gap:var(--s-4);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.cq-view{border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.cq-view-bar{justify-content:space-between;align-items:center;gap:0 var(--s-3);padding:var(--s-1) var(--s-1) var(--s-1) var(--s-3);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.cq-view-info{align-items:baseline;gap:var(--s-2);min-width:0;min-height:var(--control-h-sm);padding-block:var(--s-2);flex:10rem;display:flex}.cq-view-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);font-weight:550;overflow:hidden}.cq-view-dims{font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;flex:none}.cq-zoom{align-items:center;gap:2px;display:flex}.cq-zoom-value{min-width:3.75rem;font-family:var(--font-mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:center;color:var(--text)}.cq-zoom .btn[aria-pressed=true]{--_bg:var(--surface-2);--_fg:var(--text);--_bd:var(--border-strong)}.cq-stage{width:100%;height:auto;aspect-ratio:var(--cq-ar,1.3333);min-height:16rem;max-height:70svh;transition:aspect-ratio var(--dur) var(--ease);background:var(--surface-2);touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:none;position:relative;overflow:hidden}.cq-stage:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cq-stage.can-pan{cursor:grab}.cq-stage.is-grabbing{cursor:grabbing}.cq-box{background:repeating-conic-gradient(var(--surface-3) 0% 25%, var(--surface) 0% 50%) 50% / 16px 16px;will-change:transform;position:absolute;top:0;left:0}.cq-layer{position:absolute;inset:0}.cq-layer img{pointer-events:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;display:block}.cq-box.is-pixel img{image-rendering:pixelated}.cq-line{background:var(--accent);width:2px;box-shadow:0 0 0 1px var(--surface);pointer-events:none;margin-left:-1px;position:absolute;top:0;bottom:0;left:0}.cq-handle{z-index:2;border:2px solid var(--accent);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:ew-resize;touch-action:none;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute;top:50%;left:50%}.cq-handle:hover,.cq-handle.is-dragging{background:var(--accent-soft)}.cq-handle:focus-visible{outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px var(--surface)}.cq-tag{z-index:1;top:var(--s-2);max-width:calc(100% - var(--s-4));padding:2px var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-1);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;line-height:1.5;position:absolute;overflow:hidden}.cq-tag-a{left:var(--s-2)}.cq-tag-b{right:var(--s-2);top:auto;bottom:var(--s-2)}.cq-hint{z-index:1;left:50%;bottom:var(--s-2);max-width:calc(100% - var(--s-4));padding:2px var(--s-3);border:1px solid var(--border-strong);border-radius:var(--r-1);background:var(--surface);color:var(--text);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;opacity:0;line-height:1.5;position:absolute;overflow:hidden;transform:translate(-50%)}.cq-hint.is-on{opacity:1;transition:opacity var(--dur) var(--ease)}.cq-busy{z-index:1;top:var(--s-2);right:var(--s-2);align-items:center;gap:var(--s-2);padding:2px var(--s-2);border:1px solid var(--accent-soft-2);border-radius:var(--r-1);background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;line-height:1.5;display:inline-flex;position:absolute}.cq-busy .spinner{border-width:1.5px;border-color:var(--accent-text);border-right-color:#0000;width:.75rem;height:.75rem}.cq-dropmsg{inset:var(--s-2);z-index:3;justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-4);border:1px solid var(--accent);border-radius:var(--r-2);background:var(--accent-soft);color:var(--accent-text);text-align:center;pointer-events:none;flex-direction:column;font-weight:600;display:none;position:absolute}.cq-work.is-drag .cq-dropmsg{display:flex}.cq-notes{max-height:6rem;padding:var(--s-2) var(--s-3);border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-2);gap:2px;display:grid;overflow-y:auto}.cq-notes .is-error{color:var(--err)}.cq-strip{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.cq-strip-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.cq-strip-actions{align-items:center;gap:var(--s-1);display:flex}.cq-list{gap:var(--s-2);min-width:0;padding:2px 2px var(--s-2);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;margin:0 -2px;list-style:none;display:flex;overflow:auto hidden}.cq-item{border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface);scroll-snap-align:start;flex:none;grid-template-columns:minmax(0,1fr) auto;width:15rem;display:grid;position:relative;overflow:hidden}.cq-item:hover{border-color:var(--control-border)}.cq-item.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.cq-item[data-status=error]{background:var(--err-soft)}.cq-item-main{min-width:0;padding:var(--s-2);border-radius:inherit;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid;position:relative}.cq-item-main:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.cq-thumb{border:1px solid var(--border);border-radius:var(--r-1);background:var(--surface-2);width:3.25rem;height:3.25rem;color:var(--text-3);place-items:center;display:grid;overflow:hidden}.cq-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cq-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.cq-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);font-weight:550;line-height:1.35;overflow:hidden}.cq-item-sizes,.cq-item-status{min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;line-height:1.5;display:flex}.cq-item-status{min-height:1.375rem}.cq-item-after{gap:6px;display:inline-flex}.cq-item-after strong{color:var(--text);font-weight:500}.cq-item.is-stale .cq-item-after strong{color:var(--text-3)}.cq-item-note{text-overflow:ellipsis;min-width:0;overflow:hidden}.cq-item[data-status=error] .cq-item-note{color:var(--err)}.cq-own{border:1px solid var(--surface);background:var(--accent);width:1.375rem;height:1.375rem;color:var(--accent-fg);border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;left:3px}.cq-own .icon{width:.75rem;height:.75rem}.cq-item-actions{padding-right:var(--s-1);flex-direction:column;justify-content:center;gap:2px;display:flex}.cq .cq-item-actions .btn{border-radius:var(--r-1);width:1.75rem;height:1.75rem;min-height:1.75rem;padding:0}.cq-item-progress{background:var(--surface-3);height:2px;position:absolute;bottom:0;left:0;right:0}.cq-item-progress>span{width:var(--p,0%);background:var(--accent);height:100%;transition:width var(--dur) var(--ease);display:block}.cq-item:not([data-status=working]) .cq-item-progress{display:none}.cq-addtile{scroll-snap-align:start;flex:1 0 12rem;display:none}.cq-addtile button{justify-content:center;align-items:center;gap:var(--s-3);width:100%;min-height:4.25rem;padding:var(--s-2) var(--s-3);border:1px dashed var(--control-border);border-radius:var(--r-2);color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;display:flex}.cq-addtile button:hover{border-color:var(--text-3);background:var(--surface-2);color:var(--text)}.cq-addtile-title{font-size:var(--fs-sm);font-weight:550;line-height:1.3;display:block}.cq-addtile-sub{font-size:var(--fs-xs);color:var(--text-3)}@media (pointer:fine){.cq-addtile-sub{display:block}}.cq-panel{gap:var(--s-4);min-width:0;padding-top:var(--s-4);border-top:1px solid var(--border);flex-direction:column;display:flex;position:relative}.cq-panel-head{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.cq-scope{gap:var(--s-1);padding:0 var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);justify-items:start;display:grid}.cq-panel.is-own .cq-scope{border-color:var(--accent-soft-2);background:var(--accent-soft)}.cq-scope .hint{color:var(--text-2);overflow-wrap:anywhere}.cq-panel.is-own .cq-scope{padding-bottom:var(--s-3)}.cq-scope .btn{margin-top:var(--s-2);white-space:normal;text-align:left;max-width:100%;padding-block:6px}.cq-group{gap:var(--s-2);min-width:0;display:grid}.cq-chips{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cq-preset{min-height:var(--control-h);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding-block:5px}.cq-preset-name{color:var(--text);font-weight:550}.cq-preset-val{font-family:var(--font-mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-3)}.cq-preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.cq-preset[aria-pressed=true] .cq-preset-val{color:var(--text-2)}.cq-panel .seg-block .seg-item{flex:auto}.cq-panel .seg-block .seg-item span{padding-inline:6px}.cq-switch{gap:0;display:grid}.cq-growth>div{gap:var(--s-2);justify-items:start;min-width:0;display:grid}.cq-bar{z-index:5;justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-4);margin-inline:calc(var(--s-4) * -1);padding:var(--s-2) var(--s-4) var(--s-3);padding-bottom:max(var(--s-3), env(safe-area-inset-bottom));border-block:1px solid var(--border-strong);background:var(--surface);flex-wrap:wrap;display:flex;position:sticky;bottom:0;overflow:hidden}.cq-bar-progress{border-radius:0;height:3px;position:absolute;top:0;left:0;right:0}.cq-totals{align-items:baseline;gap:0 var(--s-4);flex-wrap:wrap;min-width:0;display:flex}.cq-total{align-items:baseline;gap:var(--s-2);min-width:0;display:flex}.cq-total:not(.cq-total-progress) .stat-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cq-total-sizes{flex:100%}.cq-total-progress{margin-left:auto}.cq-total-v{font-family:var(--font-mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text-2);white-space:nowrap;align-items:baseline;gap:6px;line-height:1.5;display:inline-flex}.cq-total-v strong{color:var(--text);font-weight:600}.cq-total.is-ok #ci-saving{color:var(--ok)}.cq-saved:not(:empty):before{content:"· "}.cq-arrow{color:var(--text-3)}.cq-bar-actions{gap:var(--s-2);flex:100%;min-width:0;display:flex}.cq-bar-actions .btn{min-width:0;padding-inline:var(--s-3);font-size:var(--fs-sm);white-space:normal;text-align:center;flex:1 1 0;padding-block:4px}.cq-bar-actions .btn-primary{flex-grow:1.4}.cq-bar-actions .btn .icon{display:none}.cq-next .next-steps{padding-inline:0;border-top:0;padding-bottom:0}@media (width<=959px){html:has(#ci-work:not([hidden])){scroll-padding-bottom:9rem}}@media (width<=767px){.cq-view{margin-inline:calc(var(--s-4) * -1);border-inline:0;border-radius:0}}@media (width>=640px){.cq-tag-b{top:var(--s-2);bottom:auto}.cq-tag{max-width:calc(50% - var(--s-4))}.cq-busy{top:auto;right:auto;bottom:var(--s-2);left:var(--s-2)}.cq-total{flex-direction:column;flex:0 auto;align-items:flex-start;gap:0;margin-left:0}.cq-total:not(.cq-total-progress) .stat-label{clip-path:none;width:auto;height:auto;position:static}.cq-total-v{font-size:var(--fs-base)}.cq-totals{gap:var(--s-2) var(--s-5)}.cq-bar-actions{flex:0 auto}.cq-bar-actions .btn,.cq-bar-actions .btn-primary{padding-inline:var(--s-4);font-size:var(--fs-base);white-space:nowrap;flex:none}.cq-bar-actions .btn .icon{display:inline}}@media (width>=768px){.cq-bar{margin-inline:calc(var(--s-5) * -1);padding-inline:var(--s-5)}}@media (width>=960px){.cq-work{gap:var(--s-3);height:clamp(35rem, calc(100vh - var(--header-h) - var(--s-5) - var(--s-4)), 60rem);height:clamp(35rem, calc(100dvh - var(--header-h) - var(--s-5) - var(--s-4)), 60rem);grid-template:"view panel"minmax(0,1fr)"strip strip""bar bar"/minmax(0,1fr) 19rem}.cq-view{grid-area:view}.cq-stage{aspect-ratio:auto;flex:auto;min-height:0;max-height:none;transition:none}.cq-strip{align-items:stretch;gap:var(--s-3);flex-direction:row;grid-area:strip}.cq-strip-head{padding-bottom:var(--s-2);flex-direction:column;flex:none;justify-content:center;align-items:flex-start}.cq-list{flex:auto}.cq-addtile{display:flex}.cq-panel{padding:var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-2);overscroll-behavior:contain;scrollbar-width:thin;grid-area:panel;overflow-y:auto}.cq-bar{padding:var(--s-3) var(--s-4);border:1px solid var(--border-strong);border-radius:var(--r-2);background:var(--surface-2);grid-area:bar;margin-inline:0}}@media (width>=960px) and (pointer:fine){.cq-list.is-dense{grid-template-rows:repeat(2,auto);grid-auto-columns:13.75rem;grid-auto-flow:column;align-content:start;gap:4px;padding-bottom:4px;display:grid}.cq-list.is-dense .cq-item{width:auto}.cq-list.is-dense .cq-item-main{gap:8px;padding:3px 2px 3px 5px}.cq-list.is-dense .cq-thumb{width:2.5rem;height:2.5rem}.cq-list.is-dense .cq-item-name{line-height:1.2}.cq-list.is-dense .cq-item-text{gap:0}.cq-list.is-dense .cq-item-sizes,.cq-list.is-dense .cq-item-status{line-height:1.2}.cq-list.is-dense .cq-item-status{min-height:.9rem}.cq-list.is-dense .cq-item-actions{gap:0;padding-right:2px}.cq-list.is-dense .cq-addtile{grid-row:span 2}.cq-list.is-dense .cq-addtile button{gap:var(--s-1);text-align:center;flex-direction:column;height:100%;min-height:0}}@media (pointer:coarse){.cq-item{width:16.5rem}.cq-thumb{width:4rem;height:4rem}.cq-item-main{min-height:5.75rem}.cq .cq-item-actions .btn{width:44px;height:44px;min-height:44px}.cq-item-actions{gap:0;padding-block:2px}.cq-view-info{flex-basis:100%;min-height:0;padding-bottom:0}.cq-zoom{flex:auto;justify-content:space-between}.cq-zoom-value{min-width:3.25rem}}