.tlb-cropper__layout{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.tlb-cropper__workspace{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-subtle);touch-action:pinch-zoom;flex:20rem;min-width:0;max-width:100%;line-height:0;position:relative;overflow:hidden}.tlb-cropper__image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.tlb-cropper__frame{box-sizing:border-box;cursor:move;touch-action:none;border:1px solid #fff;outline:1px dashed #000000a6;position:absolute;box-shadow:0 0 0 100vmax #00000080}.tlb-cropper__frame:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.tlb-cropper__thirds{pointer-events:none;background-image:linear-gradient(90deg,#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px),linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(#ffffff80 1px,#0000 1px);background-position:33.333% 0,66.666% 0,0 33.333%,0 66.666%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;position:absolute;inset:0}.tlb-cropper__handle{touch-action:none;background:radial-gradient(circle,#fff 0 6px,#000c 6px 7px,#0000 7px);width:44px;height:44px;display:block;position:absolute}.tlb-cropper__handle--nw{cursor:nwse-resize;top:-22px;left:-22px}.tlb-cropper__handle--ne{cursor:nesw-resize;top:-22px;right:-22px}.tlb-cropper__handle--sw{cursor:nesw-resize;bottom:-22px;left:-22px}.tlb-cropper__handle--se{cursor:nwse-resize;bottom:-22px;right:-22px}.tlb-cropper__panel{gap:var(--space-4);flex-direction:column;flex:16rem;min-width:0;display:flex}.tlb-cropper__ratios,.tlb-cropper__numbers{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0}.tlb-cropper__ratios>legend,.tlb-cropper__numbers>legend{padding-inline:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.tlb-cropper__ratio-row{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.tlb-cropper__ratio-option{align-items:center;gap:var(--space-2);min-height:var(--min-touch-target);font-size:var(--text-sm);color:var(--color-text);display:inline-flex}.tlb-cropper__ratio-option input{width:18px;height:18px;accent-color:var(--color-primary)}.tlb-cropper__number-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tlb-cropper__quick{gap:var(--space-2);flex-wrap:wrap;display:flex}.tlb-cropper__preview{gap:var(--space-2);flex-direction:column;display:flex}.tlb-cropper__preview-canvas{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:repeating-conic-gradient(var(--color-bg-subtle) 0% 25%, var(--color-surface) 0% 50%) 50% / 16px 16px;align-self:flex-start;max-width:100%;height:auto}@media (max-width:639px){.tlb-cropper__layout{flex-direction:column}.tlb-cropper__workspace,.tlb-cropper__panel{flex:100%;width:100%}}@media (prefers-reduced-motion:reduce){.tlb-cropper__frame{transition:none}}