.crop-page{max-width:1400px;margin:auto}.crop-heading{padding:12px 0 24px}.crop-heading>span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#547250}.crop-heading h1{font-size:30px;margin:10px 0}.crop-heading p{color:#576575;line-height:1.7}.crop-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.crop-controls,.crop-workspace{background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:20px;min-width:0}.crop-upload{border:1px dashed #829b77;border-radius:9px;background:#f6f8f0;padding:18px;display:grid;gap:10px;cursor:pointer}.crop-upload span{font-size:12px;color:#60705d}.crop-upload input{max-width:100%;font-size:12px}.crop-controls fieldset{padding:0;border:0;margin:18px 0 0;min-width:0}.crop-controls legend,.crop-controls h2,.crop-workspace h2{font-size:16px;font-weight:700;margin:0 0 12px}.crop-controls h2{margin-top:24px}.crop-controls label{font-size:13px}.crop-controls select,.crop-controls input[type=number]{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid #ccd6e0;border-radius:6px;background:#fff;padding:9px;margin:6px 0 0;color:#182a35}.crop-controls select:disabled{background:#f2f4f7}.crop-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.crop-check{display:flex;align-items:center;gap:8px}.crop-check input{width:auto!important}.crop-note{font-size:12px;line-height:1.6;color:#667484}.crop-workspace-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.crop-workspace-head span{font-size:12px;color:#667484}.crop-stage{min-height:360px;background:#edf1f5;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.crop-stage>p{color:#6a7888;font-size:14px}#crop-surface{position:relative;max-width:100%;width:fit-content;line-height:0;overflow:hidden;user-select:none;touch-action:none}#crop-image{display:block;max-width:100%;max-height:580px;width:auto;height:auto;pointer-events:none}#crop-frame{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 9999px #0d1e32a8;cursor:move;touch-action:none;outline-offset:3px}#crop-frame:focus-visible{outline:3px solid #76b9ff}#crop-frame.is-circle{border-radius:50%}.crop-grid{position:absolute;inset:0;background:linear-gradient(to right,transparent 33%,#ffffff70 33%,#ffffff70 33.4%,transparent 33.4%,transparent 66.6%,#ffffff70 66.6%,#ffffff70 67%,transparent 67%),linear-gradient(to bottom,transparent 33%,#ffffff70 33%,#ffffff70 33.4%,transparent 33.4%,transparent 66.6%,#ffffff70 66.6%,#ffffff70 67%,transparent 67%);pointer-events:none}.is-circle .crop-grid{border-radius:50%;overflow:hidden}.crop-handle{position:absolute;width:18px;height:18px;background:#fff;border:2px solid #356c87;border-radius:4px;box-sizing:border-box}.crop-nw{left:-2px;top:-2px;cursor:nwse-resize}.crop-ne{right:-2px;top:-2px;cursor:nesw-resize}.crop-sw{left:-2px;bottom:-2px;cursor:nesw-resize}.crop-se{right:-2px;bottom:-2px;cursor:nwse-resize}#crop-status{font-size:13px;line-height:1.6}#crop-status.is-error{color:#b42318}#crop-result{margin-top:22px;border-top:1px solid #e1e6ec;padding-top:18px}#crop-preview{display:block;max-width:100%;max-height:350px;margin:12px auto;background:repeating-conic-gradient(#e5e9ec 0% 25%,#fff 0% 50%) 0/16px 16px}.crop-actions{display:flex;gap:10px;flex-wrap:wrap}.crop-actions a{width:auto;text-decoration:none;text-align:center}.crop-page [hidden]{display:none!important}.crop-page button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:800px){.crop-layout{display:flex;flex-direction:column;gap:12px}.crop-controls{display:contents}.crop-upload{order:0;box-sizing:border-box;width:100%}#crop-source{order:1;margin:0;overflow-wrap:anywhere}.crop-workspace{order:2;box-sizing:border-box;width:100%}#crop-settings{order:3;box-sizing:border-box;width:100%;border:1px solid #dbe3ee;border-radius:12px;padding:15px;background:#fff}#crop-status{order:4}.crop-stage{min-height:200px;padding:12px}#crop-image{max-height:380px}.crop-heading h1{font-size:24px}.crop-controls,.crop-workspace{padding:15px}}