.ops .so-shade{position:fixed;inset:0;z-index:var(--o-z-drawer);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:20px;background:color-mix(in srgb,var(--o-base) 72%,transparent)}.ops .so{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1680px,100%);height:min(1080px,100%);min-width:0;min-height:0;border-radius:var(--o-r-lg);background:var(--o-raised);box-shadow:var(--o-shadow-2),inset 0 0 0 var(--o-hair-w) var(--o-hair);color:var(--o-ink);overflow:hidden}.ops .so-head{gap:16px;padding:16px 16px 12px 20px}.ops .so-head,.ops .so-head-text{display:flex;align-items:flex-start}.ops .so-head-text{flex-direction:column;gap:4px;flex:1 1;min-width:0}.ops .so-label{margin:0;color:var(--o-ink-3);font-size:var(--o-t-meta);font-weight:600}.ops .so-title{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.25}.ops .so-title,.ops .so-why{margin:0;overflow-wrap:anywhere}.ops .so-why{max-width:110ch;color:var(--o-ink-2);font-size:var(--o-t-body);line-height:1.5}.ops .so-why[data-clamp]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.ops .so-more{padding:0;color:var(--o-ink-2);font-size:var(--o-t-meta);font-weight:600;text-decoration:underline;text-underline-offset:3px}.ops .so-more:hover,.ops .so-x{color:var(--o-ink)}.ops .so-x{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px 0 10px;border-radius:10px;font-size:var(--o-t-ui);font-weight:600;box-shadow:inset 0 0 0 var(--o-hair-w) var(--o-hair-strong)}.ops .so-x:hover{background:var(--o-ink-5)}.ops .so-flow{min-width:0;padding:0 14px 10px;box-shadow:inset 0 calc(-1 * var(--o-hair-w)) 0 var(--o-hair)}.ops .so-thumbs{display:flex;margin:0;padding:2px;list-style:none;overflow-x:auto;scrollbar-width:thin}.ops .so-thumbs li{display:flex;align-items:center;flex:1 1;min-width:148px;max-width:320px}.ops .so-thumbs li+li:before{content:"";flex:none;width:12px;height:var(--o-hair-w);margin:0 3px;background:var(--o-hair-strong)}.ops .so-thumb{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0;min-height:44px;padding:4px 10px 4px 6px;border-radius:10px;color:var(--o-ink-2);font-size:var(--o-t-ui);line-height:1.25;text-align:left;box-shadow:inset 0 0 0 var(--o-hair-w) var(--o-hair)}.ops .so-thumb:hover{background:var(--o-ink-5);color:var(--o-ink)}.ops .so-thumb[data-on]{color:var(--o-ink);background:var(--o-accent-soft);box-shadow:inset 0 0 0 1px var(--o-accent-ring)}.ops .so-thumb-n{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--o-ink-5);font-size:12px;font-weight:640}.ops .so-thumb[data-on] .so-thumb-n{background:var(--o-accent);color:var(--o-on-accent)}.ops .so-thumb[data-touched]:not([data-on]) .so-thumb-n{background:oklch(from var(--o-st-waiting) l c h/var(--o-st-tint-a));color:var(--o-st-waiting-text)}.ops .so-thumb-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.ops .so-body{grid-template-columns:minmax(0,1fr) 340px;grid-template-rows:minmax(0,1fr)}.ops .so-body,.ops .so-stage-col{display:grid;min-width:0;min-height:0}.ops .so-stage-col{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);background:var(--o-base);container:so-col/inline-size}.ops .so-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 12px;box-shadow:inset 0 calc(-1 * var(--o-hair-w)) 0 var(--o-hair)}.ops .so-tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;color:var(--o-ink-2);font-size:var(--o-t-ui);font-weight:520;white-space:nowrap}.ops .so-tool:hover:not(:disabled){background:var(--o-ink-5);color:var(--o-ink)}.ops .so-tool:disabled{opacity:.45}.ops .so-tool[data-on]{background:var(--o-accent-soft);color:var(--o-ink);box-shadow:inset 0 0 0 1px var(--o-accent-ring)}.ops .so-seg{display:inline-flex;gap:2px;padding:2px;border-radius:11px;box-shadow:inset 0 0 0 var(--o-hair-w) var(--o-hair-strong)}.ops .so-seg .so-tool{height:28px}.ops .so-sep{flex:none;width:var(--o-hair-w);height:20px;margin:0 6px;background:var(--o-hair-strong)}.ops .so-swatch{flex:none;width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px var(--o-base),0 0 0 3px var(--o-hair-strong)}.ops .so-swatch[data-on]{box-shadow:0 0 0 2px var(--o-base),0 0 0 4px var(--o-ink)}.ops .so-spacer{flex:1 1}@container so-col (max-width: 860px){.ops .so-tool-word{display:none}.ops .so-tool{padding:0 8px}}.ops .so-stage{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-gap:16px;gap:16px;padding:16px;overflow:hidden}.ops .so-cell,.ops .so-stage{display:grid;min-width:0;min-height:0}.ops .so-cell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);margin:0}.ops .so-tag{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:2px 10px;border-radius:10px;background:var(--o-ink-5);color:var(--o-ink-2);font-size:var(--o-t-meta);font-weight:640;line-height:1.5;white-space:nowrap}.ops .so-cell[data-tag=after] .so-tag{background:var(--o-accent-soft);color:var(--o-ink)}.ops .so-cell[data-tag=approved] .so-tag{background:oklch(from var(--o-st-succeeded) l c h/var(--o-st-tint-a));color:var(--o-st-succeeded-text)}.ops .so-cell[data-tag=built] .so-tag{background:var(--o-accent-soft);color:var(--o-ink)}.ops .so-cell[data-tag] .so-pic{margin-top:32px}.ops .so-cell[data-tag] .so-pic img{max-height:calc(100cqh - 32px)}.ops .so-fit{display:grid;place-items:center;min-width:0;min-height:0;container-type:size}.ops .so-pic{position:relative;display:block;line-height:0}.ops .so-pic img{display:block;width:auto;height:auto;max-width:100cqw;max-height:100cqh;border-radius:10px;box-shadow:0 0 0 var(--o-hair-w) var(--o-hair-strong);-webkit-user-select:none;-moz-user-select:none;user-select:none}.ops .so-ink{position:absolute;left:0;top:0;border-radius:10px;touch-action:none;cursor:crosshair}.ops .so-pic[data-tool=pin] .so-ink{cursor:copy}.ops .so .so-pin-input{position:absolute;z-index:2;width:240px;height:32px;margin:14px 0 0 14px;line-height:normal}.ops .so-nopic{max-width:46ch;margin:0;padding:0 12px;color:var(--o-ink-2);font-size:var(--o-t-body);line-height:1.5;text-align:center}.ops .so-side{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;padding:18px 18px 16px;overflow-y:auto;box-shadow:inset var(--o-hair-w) 0 0 var(--o-hair)}.ops .so-step-n{margin:0;color:var(--o-accent);font-size:var(--o-t-meta);font-weight:640}.ops .so-step-title{margin:0;font-size:17px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.ops .so-step-text{margin:0;color:var(--o-ink-2);font-size:var(--o-t-body);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.ops .so-pairtext{display:flex;flex-direction:column;gap:10px;margin:0}.ops .so-pairtext>div{display:flex;flex-direction:column;gap:2px}.ops .so-pairtext>div[data-dim]{opacity:.55}.ops .so-note{display:flex;flex-direction:column;gap:6px}.ops .so .so-note textarea{width:100%;resize:vertical;font-size:var(--o-t-ui);line-height:1.5}.ops .so-foot{gap:10px 16px;min-width:0;padding:12px 16px;box-shadow:inset 0 var(--o-hair-w) 0 var(--o-hair)}.ops .so-actions,.ops .so-foot{display:flex;align-items:center;flex-wrap:wrap}.ops .so-actions{gap:8px;margin-left:auto}.ops .so-said{flex:1 1 240px;min-width:0;color:var(--o-st-failed-text);font-size:var(--o-t-ui);line-height:1.4;overflow-wrap:anywhere}.ops .so-said[data-ok]{color:var(--o-st-succeeded-text)}.ops .so-said .so-more{color:inherit}.ops .so-goes{flex:1 1 240px;min-width:0;overflow:hidden;color:var(--o-ink-2);font-size:var(--o-t-ui);line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.ops .so-restored{margin:2px 0 0;color:var(--o-ink-2);font-size:var(--o-t-meta);line-height:1.5}.ops .so-restored .so-more[data-armed]{color:var(--o-st-failed-text)}@media (max-width:900px){.ops .so-shade{padding:0}.ops .so{width:100%;height:100%;border-radius:0}.ops .so-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,auto)}.ops .so-side{max-height:38vh;box-shadow:inset 0 var(--o-hair-w) 0 var(--o-hair)}}@media (max-width:640px){.ops .so-stage[data-count="2"],.ops .so-stage[data-count="3"]{grid-auto-flow:row;grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}.ops .so-x span{display:none}.ops .so-x{padding:0 10px}.ops .so-body{display:block;overflow-y:auto;overscroll-behavior:contain}.ops .so-stage-col{height:100%;min-height:300px}.ops .so-side{max-height:none;overflow:visible}.ops .so-tools{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ops .so-tools>*{flex:none}.ops .so-swatch{background-clip:content-box;padding:11px;box-shadow:none}.ops .so-swatch[data-on]{outline:2px solid var(--o-ink);outline-offset:-7px}.ops .so-stage{padding:10px;gap:10px}.ops .so-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-left:0}.ops .so-actions .so-sep{display:none}}.ops .so-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:24px;padding:2px 10px 2px 8px;border-radius:12px;background:oklch(from var(--o-st-waiting) l c h/var(--o-st-tint-a));color:var(--o-st-waiting-text);font-size:var(--o-t-meta);font-weight:600;line-height:1.35;text-align:left;overflow-wrap:anywhere;cursor:pointer}.ops .so-chip:hover{box-shadow:inset 0 0 0 1px var(--o-st-waiting)}.ops .so-chip svg{flex:none}.ops[data-design=neo] .so{border-radius:var(--n-r-panel);background:var(--n-s1);box-shadow:var(--n-out)}.ops[data-design=neo] .so-stage-col{background:var(--n-bg);box-shadow:var(--n-in-sm)}.ops[data-design=neo] .so-thumb[data-on],.ops[data-design=neo] .so-tool[data-on]{background:var(--n-bg);box-shadow:var(--n-in-sm),inset 0 0 0 1px color-mix(in srgb,var(--n-cyan) 50%,transparent)}.ops[data-design=neo] .so-thumb[data-on] .so-thumb-n{background:var(--n-cyan);color:var(--n-bg)}.ops[data-design=neo] .so-step-n{color:var(--n-cyan)}.ops[data-design=neo] .so-cell[data-tag=after] .so-tag{background:color-mix(in srgb,var(--n-cyan) 16%,transparent);color:var(--n-cyan)}.ops[data-design=neo] .so-chip{background:color-mix(in srgb,var(--n-amber) 14%,transparent);color:var(--n-amber)}.ops[data-design=neo] .so-thumb[data-touched]:not([data-on]) .so-thumb-n{background:color-mix(in srgb,var(--n-amber) 18%,transparent);color:var(--n-amber)}