.sd-crp{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-crp[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-crp :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-crp :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-crp .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-crp{background:var(--bg);width:min(100%,340px);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;padding:12px}.sd-crp__stage{aspect-ratio:3/2;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--soft);border-radius:10px;position:relative;overflow:hidden}.sd-crp__img{transform-origin:50%;width:100%;height:100%;transition:transform .16s;position:absolute;inset:0}.sd-crp__shade{pointer-events:none;position:absolute;inset:0}.sd-crp__frame{cursor:move;outline:0;position:absolute;box-shadow:0 0 0 999px #0000008c,inset 0 0 0 1.5px #fff}.sd-crp__frame:focus-visible{box-shadow:0 0 0 999px #0000008c,inset 0 0 0 2.5px #fff}.sd-crp__g{opacity:0;pointer-events:none;border:0 solid #ffffff80;border-width:0 1px;transition:opacity .15s;position:absolute;inset:0 33.333%}.sd-crp__g+.sd-crp__g{border-width:1px 0;inset:33.333% 0}.sd-crp[data-grid=always] .sd-crp__g,.sd-crp[data-drag] .sd-crp__g{opacity:1}.sd-crp__h{cursor:nwse-resize;background:#fff;border-radius:4px;width:18px;height:18px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 1px 4px #0006}.sd-crp__c{pointer-events:none;border:0 solid #fff;width:14px;height:14px;position:absolute}.sd-crp__c[data-p=tl]{border-width:3px 0 0 3px;top:-2px;left:-2px}.sd-crp__c[data-p=tr]{border-width:3px 3px 0 0;top:-2px;right:-2px}.sd-crp__c[data-p=bl]{border-width:0 0 3px 3px;bottom:-2px;left:-2px}.sd-crp__bar{align-items:center;gap:8px;margin-top:12px;display:flex}.sd-crp__seg{background:var(--soft);border-radius:9px;padding:2px;display:flex}.sd-crp__seg button{border-radius:7px;padding:5px 9px;font-size:12px;color:var(--mute)!important}.sd-crp__seg button[aria-checked=true]{background:var(--bg);box-shadow:0 1px 2px #00000040;color:var(--fg)!important}.sd-crp__zoom{min-width:0;accent-color:var(--fg);flex:1}.sd-crp__out{color:var(--mute);font-variant-numeric:tabular-nums;justify-content:space-between;margin:10px 2px 0;font-size:12px;display:flex}.sd-crp__out b{color:var(--fg);font-weight:600}@media (prefers-reduced-motion:reduce){.sd-crp *,.sd-crp :before,.sd-crp :after{transition:none!important;animation:none!important}}