.resize-feedback{align-items:center;gap:16px;margin:16px 0;font-size:.875rem;display:flex}.resize-feedback p{overflow-wrap:anywhere}.editor-filebar{justify-content:space-between;align-items:center;gap:18px;padding:10px 0 24px;display:flex}.editor-filebar strong{overflow-wrap:anywhere;font-size:.94rem;display:block}.editor-filebar p{margin-top:4px;font-size:.8rem}.editor-filebar>div:first-child{min-width:0}.editor-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.resize-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:25px;display:grid}.crop-workspace,.resize-input{min-width:0}.crop-workspace fieldset{border:0;min-width:0;margin:0;padding:0}.crop-workspace legend{font-family:var(--heading);font-size:1.04rem;font-weight:750}.crop-toolbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.crop-toolbar .field-label{margin-top:15px}.crop-toolbar select,.coordinate-grid input{border:1px solid var(--control-border,#c7cddc);background:var(--paper);width:100%;min-height:44px;color:var(--ink);border-radius:7px;padding:10px;font-size:.875rem}.crop-surround{background:var(--soft);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;min-height:180px;padding:18px;display:flex}.crop-stage{background-color:#fff;background-image:conic-gradient(#eceef3 25%, transparent 0 50%, #eceef3 0 75%, transparent 0);user-select:none;background-size:20px 20px;max-width:100%;line-height:0;display:inline-block;position:relative;overflow:hidden}.crop-stage>img{width:auto;max-width:100%;height:auto;max-height:520px;display:block}.crop-box{border:2px solid #fff;outline:1px solid #172039;position:absolute;box-shadow:0 0 0 3000px #111a3b80}.crop-move{cursor:move;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.crop-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33%,#ffffff70 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff70 66% calc(66% + 1px),#0000 calc(66% + 1px)),linear-gradient(#0000 33%,#ffffff70 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff70 66% calc(66% + 1px),#0000 calc(66% + 1px));position:absolute;inset:0}.crop-handle{touch-action:none;z-index:1;width:32px;height:32px;position:absolute}.crop-handle:after{content:"";background:var(--paper);border:2px solid var(--blue);border-radius:2px;width:12px;height:12px;position:absolute;top:10px;left:10px}.crop-handle.nw{cursor:nwse-resize;top:-2px;left:-2px}.crop-handle.ne{cursor:nesw-resize;top:-2px;right:-2px}.crop-handle.sw{cursor:nesw-resize;bottom:-2px;left:-2px}.crop-handle.se{cursor:nwse-resize;bottom:-2px;right:-2px}.crop-handle.nw:after{top:0;left:0}.crop-handle.ne:after{top:0;left:auto;right:0}.crop-handle.sw:after{top:auto;bottom:0;left:0}.crop-handle.se:after{inset:auto 0 0 auto}.crop-move:focus-visible,.crop-handle:focus-visible{outline-offset:-3px;outline:3px solid #d6ee7b}.crop-dimensions{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:10px;font-size:.875rem}.coordinate-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.coordinate-panel summary{cursor:pointer;padding:8px 0;font-size:.875rem;font-weight:600}.coordinate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.coordinate-grid .field-label{margin-top:10px;font-size:.8rem}.resize-settings{grid-area:auto;position:static}.dimension-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check-label{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:.85rem;line-height:1.4;display:flex}.check-label input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.output-summary{color:var(--ink);margin-top:20px;font-size:.875rem;font-weight:600}.validation-message{color:var(--error,#a33428);margin-top:10px;font-size:.8rem}.validation-message:empty{display:none}.resize-result{border-top:1px solid var(--line);margin-top:32px;padding-top:28px;scroll-margin-top:24px}.result-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.result-heading h2{font-size:1.4rem}.result-heading p{margin-top:6px;font-size:.875rem}.resize-result .image-checker{height:360px}.tool-help>div>p{margin-top:16px;font-size:.94rem}@media (width<=1000px){.resize-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.coordinate-grid{grid-template-columns:1fr 1fr}.crop-surround{padding:12px}}@media (width<=760px){.resize-layout{grid-template-columns:1fr;gap:24px}.editor-filebar{flex-direction:column;align-items:start}.crop-toolbar{gap:10px}.crop-toolbar select,.coordinate-grid input{font-size:1rem}.crop-stage>img{max-height:420px}.result-heading{flex-wrap:wrap}.result-heading .button{width:100%}.resize-result .image-checker{height:280px}.crop-surround{padding:8px}}@media (forced-colors:active){.crop-box{border-color:highlight}.crop-handle:after{background:buttonface;border-color:highlight}}