.cr{display:flex;flex-direction:column;gap:20px}.cr__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:start}.cr__side{display:flex;flex-direction:column;gap:16px;min-width:0}.cr__stage-panel{gap:14px;min-width:0}.cr__stage-wrap{display:flex;justify-content:center}.cr__stage{position:relative;width:min(100%,calc(70vh * var(--ar, 1.5)));overflow:hidden;border-radius:var(--radius);background:repeating-conic-gradient(color-mix(in oklab,var(--fg) 8%,transparent) 0 25%,transparent 0 50%) 0 0 /16px 16px;user-select:none;touch-action:none}.cr__img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cr__box{position:absolute;cursor:move;touch-action:none;box-shadow:0 0 0 9999px rgba(0,0,0,.55);outline:2px solid #fff;outline-offset:-1px}.cr__box:focus-visible{outline:3px solid var(--accent,#fff);outline-offset:0}.cr__grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 0);background-size:33.333% 33.333%;opacity:.7}.cr__h{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:3px;background:#fff;box-shadow:0 0 0 1.5px rgba(0,0,0,.6);touch-action:none}.cr__h:after{content:"";position:absolute;inset:-16px}.cr__h--nw{left:0;top:0;cursor:nwse-resize}.cr__h--n{left:50%;top:0;cursor:ns-resize}.cr__h--ne{left:100%;top:0;cursor:nesw-resize}.cr__h--e{left:100%;top:50%;cursor:ew-resize}.cr__h--se{left:100%;top:100%;cursor:nwse-resize}.cr__h--s{left:50%;top:100%;cursor:ns-resize}.cr__h--sw{left:0;top:100%;cursor:nesw-resize}.cr__h--w{left:0;top:50%;cursor:ew-resize}.cr__dim{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.cr__hint{font-size:12px;color:var(--fg-faint);text-align:center}.cr__empty{padding:60px 8px;text-align:center;color:var(--fg-muted)}.cr__prev{display:flex;justify-content:center;align-items:center;min-height:120px;max-height:260px;padding:8px;border-radius:var(--radius);border:1px solid var(--line);background:repeating-conic-gradient(color-mix(in oklab,var(--fg) 8%,transparent) 0 25%,transparent 0 50%) 0 0 /16px 16px}.cr__canvas{display:block;max-width:100%;max-height:240px;width:auto;height:auto}.cr__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cr__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}.cr__fmt{display:flex;flex-direction:column;gap:8px}.cr__note{color:var(--fg-muted);line-height:1.55}.cr__error,.cr__note{font-size:var(--text-sm)}.cr__error{padding:10px 12px;border-radius:var(--radius);border:1px solid color-mix(in oklab,var(--danger) 40%,transparent);background:color-mix(in oklab,var(--danger) 8%,transparent)}@media (max-width:960px){.cr__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.cr__stats{grid-template-columns:minmax(0,1fr)}.cr__h{width:18px;height:18px;margin:-9px 0 0 -9px}}