.resize-visual{display:grid;gap:14px}.resize-preview-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:20px}.resize-preview-toolbar .ap-field{flex:1;min-width:180px}.resize-stage{min-height:390px;padding:35px 32px 48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ap-border);border-radius:6px;background:#101010;overflow:hidden}.resize-frame{max-height:310px;position:relative;border:1px solid #777;background:repeating-conic-gradient(#2a2a2a 0 25%,#202020 0 50%) 50%/16px 16px}.resize-frame canvas{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.resize-frame output{position:absolute;top:calc(100% + 12px);left:0;right:0;text-align:center;white-space:nowrap;color:var(--ap-muted);font:12px var(--ap-mono)}.ap2 .resize-drag-handle{position:absolute;right:-10px;bottom:-10px;width:20px;height:20px;border:2px solid #eee;border-radius:2px;background:#151515;cursor:nwse-resize;touch-action:none;padding:3px}.resize-drag-handle span{border-right:1px solid #aaa;border-bottom:1px solid #aaa;width:8px;height:8px;display:block;pointer-events:none}.resize-preview-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.resize-preview-footer p{font-size:12px;color:var(--ap-muted)}@media (max-width: 600px){.resize-stage{min-height:280px;padding:25px 22px 45px}.resize-frame{max-height:210px}.resize-preview-toolbar{align-items:start;flex-direction:column}.resize-preview-toolbar .ap-field{width:100%}}