.crop-host{min-width:0}.crop-host:empty{display:none}.crop-host{container-type:inline-size}.crop-editor{gap:12px;min-width:0;display:grid}.crop-side{align-content:start;gap:12px;min-width:0;display:grid}.crop-side--top:not(:has(>:not([hidden]))){display:none}@container (width>=900px){.crop-editor{grid-template:"strip strip""stage top""stage bottom"1fr/minmax(0,1fr) minmax(300px,360px);column-gap:24px}.crop-strip{grid-area:strip}.crop-stage{grid-area:stage;align-self:start}.crop-side--top{grid-area:top}.crop-side--bottom{grid-area:bottom}.crop-editor .img-chips{flex-wrap:wrap;overflow:visible}}.crop-stage{background:repeating-conic-gradient(var(--t-surface,#f5f7fa) 0 25%, var(--t-bg,#fff) 0 50%) 0 0 / 16px 16px;border-radius:10px;place-items:center;min-width:0;padding:14px;display:grid;overflow:hidden}.crop-box{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;max-width:100%;position:relative}.crop-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.crop-frame{box-sizing:border-box;cursor:move;touch-action:none;border:2px solid #fff;position:absolute;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000040}.crop-frame:focus-visible{outline:2px solid var(--t-accent,#2563eb);outline-offset:2px}.crop-frame.is-circle{border-radius:50%}.crop-grid{pointer-events:none;opacity:0;background:#ffffff8c;transition:opacity .15s;position:absolute}.crop-box.is-drag .crop-grid{opacity:1}.crop-grid--v1,.crop-grid--v2{width:1px;top:0;bottom:0}.crop-grid--v1{left:33.333%}.crop-grid--v2{left:66.666%}.crop-grid--h1,.crop-grid--h2{height:1px;left:0;right:0}.crop-grid--h1{top:33.333%}.crop-grid--h2{top:66.666%}.crop-h{touch-action:none;z-index:1;width:32px;height:32px;margin:-16px 0 0 -16px;position:absolute}.crop-h:after{content:"";box-sizing:border-box;background:#fff;border:1px solid #00000080;border-radius:3px;width:14px;height:14px;position:absolute;top:9px;left:9px}.crop-h--nw{cursor:nwse-resize;top:0;left:0}.crop-h--n{cursor:ns-resize;top:0;left:50%}.crop-h--ne{cursor:nesw-resize;top:0;left:100%}.crop-h--e{cursor:ew-resize;top:50%;left:100%}.crop-h--se{cursor:nwse-resize;top:100%;left:100%}.crop-h--s{cursor:ns-resize;top:100%;left:50%}.crop-h--sw{cursor:nesw-resize;top:100%;left:0}.crop-h--w{cursor:ew-resize;top:50%;left:0}.crop-h--edge:after{border-radius:50%;width:10px;height:10px;top:11px;left:11px}.crop-frame.is-locked .crop-h--edge{display:none}.crop-toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.crop-tb{white-space:nowrap;min-width:44px;padding:8px 12px}.crop-tb[aria-pressed=true]{border-color:var(--t-accent,#2563eb);color:var(--t-accent,#2563eb)}.crop-tb.crop-reset{margin-left:auto;font-size:15px}.crop-straight{flex:220px}.crop-strip{scrollbar-width:thin;gap:6px;padding:2px;display:flex;overflow-x:auto}.crop-strip__btn{appearance:none;cursor:pointer;border:2px solid var(--t-border,#dde3ea);background:var(--t-surface,#f5f7fa);border-radius:8px;flex:none;width:56px;height:56px;padding:0;overflow:hidden}.crop-strip__btn[aria-current=true]{border-color:var(--t-accent,#2563eb)}.crop-strip__btn.is-error{border-color:var(--t-err,#b91c1c);opacity:.6}.crop-strip__img{object-fit:cover;width:100%;height:100%;display:block}.crop-exact__grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.crop-size .img-num{width:8ch}@media (max-width:480px){.crop-tb:not(.crop-reset){flex:auto}.crop-straight{flex-basis:100%}}@media (min-width:640px){.crop-editor .img-chips{flex-wrap:wrap;overflow:visible}}