.crt-wrap{max-width:min(36rem,100%);margin:0 auto}.crt-status-row{margin-top:1rem;min-height:1.5rem;font-size:.875rem;color:var(--text-muted,#6b7280)}.crt-status-row--error{color:#b91c1c}.crt-export-size-hint{margin:.35rem 0 0;padding:0 .25rem;text-align:center;font-size:.6875rem;line-height:1.35;color:var(--text-muted,#6b7280)}.crt-lock-row{display:flex;align-items:center;gap:.45rem;margin:1rem 0 .65rem;font-size:.8125rem;font-weight:600;color:var(--text-muted,#6b7280)}.crt-lock-icon{width:1rem;height:1rem;flex-shrink:0;opacity:.85}.crt-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}@media (min-width:480px){.crt-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.crt-preset-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:4.25rem;padding:.45rem .35rem;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,4px);background:var(--surface,#fff);color:var(--text,#111827);font-size:.6875rem;font-weight:600;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}.crt-preset-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent,#4f46e5) 45%,var(--border,#e5e7eb));background:var(--surface-hover,#f9fafb)}.crt-preset-btn:disabled{opacity:.45;cursor:not-allowed}.crt-preset-btn--active{border-color:var(--accent,#4f46e5);background:color-mix(in srgb,var(--accent,#4f46e5) 10%,var(--surface,#fff));color:var(--accent,#4f46e5)}.crt-preset-btn svg{width:22px;height:22px;flex-shrink:0}.crt-actions{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.crt-page--crop-editor.crt-page--with-fixed-bottom-nav{padding-bottom:calc(3.85rem + env(safe-area-inset-bottom, 0px))}.crt-bottom-nav-bar--export-only{justify-content:center;padding-left:max(.5rem,env(safe-area-inset-left,0px));padding-right:max(.5rem,env(safe-area-inset-right,0px))}.crt-bottom-nav-export{flex:1 1;max-width:min(32rem,100%)}.crt-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.65rem;margin-top:1rem}.crt-hub-card{display:block;padding:.85rem 1rem;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,4px);background:var(--surface,#fff);text-decoration:none;color:inherit;font-weight:600;font-size:.9375rem;transition:border-color .12s ease,background .12s ease}.crt-hub-card:hover{border-color:var(--accent-dim,#6366f1);background:var(--surface-hover,#f9fafb)}.crt-hub-card-desc{display:block;margin-top:.25rem;font-size:.75rem;font-weight:500;color:var(--text-muted,#6b7280)}.crt-wrap--crop{max-width:min(48rem,100%)}.crt-wrap--crop .ie-sfb{margin-bottom:.75rem}.tool-crop-canvas-root{width:100%;margin-top:.5rem}.tool-crop-canvas-root .ie-canvas-wrap{max-width:100%}.crt-page--crop-editor.page{--crt-header-offset:4.25rem;min-height:calc(100dvh - var(--crt-header-offset));padding:.35rem 1rem max(1.5rem,calc(1rem + env(safe-area-inset-bottom, 0px)));overflow-x:hidden;overflow-y:auto;scroll-padding-bottom:max(1rem,env(safe-area-inset-bottom,0px));box-sizing:border-box;display:flex;flex-direction:column}.crt-top-row{display:flex;flex-flow:row wrap;align-items:center;gap:.35rem 1rem}.crt-page--crop-editor .crt-back-link{margin-bottom:0}.crt-crop-title{margin:0;flex:1 1 auto;min-width:0;font-size:clamp(1.05rem,2.8vw,1.5rem)}.crt-crop-subtitle{margin-top:.2rem;margin-bottom:0;font-size:.8125rem;line-height:1.3;max-width:none}.crt-page--crop-editor .crt-crop-header{flex-shrink:0}.crt-page--crop-editor .crt-crop-section{flex:1 1;min-height:0;min-width:0;max-width:100%;width:100%;margin:0 auto;display:flex;flex-direction:column}.crt-page--crop-editor .crt-wrap--crop-editor{flex:1 1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:min(48rem,100%);margin:0 auto}.crt-page--crop-editor .crt-wrap--crop-editor .ie-sfb{margin-bottom:.35rem;flex-shrink:0}.crt-page--crop-editor .tool-crop-canvas-root{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;margin-top:0;overflow:hidden}.crt-page--crop-editor .tool-crop-canvas-root>.ie-canvas-viewport--pannable{flex:1 1;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;height:100%;max-height:min(62vh,calc(100dvh - 12rem));overflow:auto}.crt-page--resize-editor.crt-page--crop-editor .tool-crop-canvas-root>.ie-canvas-viewport--pannable{min-height:min(32dvh,calc(100dvh - 11rem));max-height:min(56dvh,calc(100dvh - 10rem))}.crt-page--crop-editor .tool-crop-canvas-root .ie-canvas-wrap{flex:1 1;min-height:0;min-width:0;width:100%;max-height:100%;height:100%;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center}.crt-page--crop-editor .tool-crop-canvas-root>.ie-canvas-viewport--pannable>.ie-canvas-wrap{flex:1 1;min-height:0;height:100%;max-height:none}.crt-page--crop-editor .tool-crop-canvas-root .ie-canvas-stage{max-width:100%;min-height:0;max-height:100%;box-sizing:border-box;overflow:visible}.crt-page--crop-editor .tool-crop-canvas-root .ie-canvas-inner{max-width:none;overflow:visible}.crt-page--crop-editor .tool-crop-canvas-root .ie-canvas-hit-area{top:-30px;left:-30px;right:-30px;bottom:-30px;touch-action:none}.crt-page--crop-editor .tool-crop-canvas-root .ie-canvas{max-height:none!important}.crt-custom-panel{flex-shrink:0;display:flex;flex-direction:column;gap:.4rem;margin-top:.35rem;padding:.45rem 0;border-top:1px solid var(--border,#e5e7eb);font-size:.8125rem}.crt-pixel-form>.crt-field-label{margin-bottom:.15rem}.crt-pixel-row{align-items:center}.crt-rect-lock-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;margin:0;padding:0;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);background:var(--surface,#fff);color:var(--text-muted,#6b7280);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}.crt-rect-lock-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent,#4f46e5) 35%,var(--border,#e5e7eb));color:var(--text,#111827);background:var(--surface-hover,#f9fafb)}.crt-rect-lock-btn:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f46e5) 28%,transparent)}.crt-rect-lock-btn:disabled{opacity:.5;cursor:not-allowed}.crt-rect-lock-btn--on{border-color:color-mix(in srgb,var(--accent,#4f46e5) 45%,var(--border,#e5e7eb));color:var(--accent,#4f46e5);background:color-mix(in srgb,var(--accent,#4f46e5) 8%,var(--surface,#fff))}.crt-rect-lock-icon{width:1rem;height:1rem;flex-shrink:0}.crt-field-block{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.crt-field-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted,#6b7280)}.crt-field-inline{display:flex;flex-flow:row wrap;align-items:center;gap:.4rem .5rem}.crt-field-input{box-sizing:border-box;margin:0;min-height:2.25rem;padding:.4rem .5rem;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);background:var(--surface,#fff);color:var(--text,#111827);font:inherit;font-size:.875rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;transition:border-color .12s ease,box-shadow .12s ease}.crt-field-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--text-muted,#6b7280) 35%,var(--border,#e5e7eb))}.crt-field-input:focus{outline:none;border-color:var(--accent,#4f46e5);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f46e5) 22%,transparent)}.crt-field-input:disabled{opacity:.55;cursor:not-allowed}.crt-field-input--md{width:4.5rem;max-width:100%;min-width:0}.crt-pixel-form{margin:0;padding:0;border:none;background:transparent}.crt-page--crop-editor .crt-lock-row{margin:.35rem 0 .25rem;font-size:.75rem}.crt-page--crop-editor .crt-lock-row--above-presets{margin:.65rem 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border,#e5e7eb);font-size:.8125rem;line-height:1.35}.crt-page--crop-editor .crt-crop-section-title{margin:.35rem 0 .4rem}.crt-page--resize-editor .crt-resize-panel{border-top:none;margin-top:.35rem;padding-top:.45rem}.crt-page--resize-editor .crt-accordion__panel--resize-options .crt-resize-panel{border-top:none}.crt-page--resize-editor #crt-crop-optional-heading{margin-top:.85rem}.crt-preset-grid--compact{gap:.22rem}.crt-preset-grid.crt-preset-grid--two-rows{grid-template-columns:repeat(4,minmax(0,1fr))}.crt-resize-panel{flex-shrink:0;margin-top:.35rem;padding:.45rem 0 0;border-top:1px solid var(--border,#e5e7eb);display:flex;flex-direction:column;gap:.5rem}.crt-export-kv,.crt-export-row{align-items:center}.crt-export-kv{display:inline-flex;gap:.35rem;margin:0;min-width:0}.crt-export-key{flex-shrink:0;width:1.35rem;font-size:.75rem;font-weight:700;color:var(--text-muted,#6b7280)}.crt-page--crop-editor .crt-preset-btn{min-height:2rem;padding:.2rem .15rem;gap:.2rem;font-size:.5625rem}.crt-page--crop-editor .crt-preset-btn.crt-preset-btn--resize{min-height:3.5rem;padding:.32rem .35rem;gap:.15rem;font-size:.625rem}.crt-page--crop-editor .crt-preset-btn.crt-preset-btn--resize .crt-preset-btn-label{line-height:1.15;text-align:center}.crt-page--crop-editor .crt-preset-btn.crt-preset-btn--resize .crt-preset-btn-dims{font-size:.5625rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted,#6b7280);line-height:1.1;text-align:center}.crt-page--crop-editor .crt-preset-btn--resize.crt-preset-btn--active .crt-preset-btn-dims{color:color-mix(in srgb,var(--accent,#4f46e5) 88%,var(--text-muted,#6b7280))}.crt-page--crop-editor .crt-preset-btn svg{width:14px;height:14px}.crt-page--crop-editor .crt-actions{margin-top:1.1rem;padding-bottom:max(.35rem,env(safe-area-inset-bottom,0px))}.crt-page--crop-editor .crt-status-row{margin-top:.35rem;font-size:.8125rem}.crt-resize-preset-grid{grid-template-columns:repeat(auto-fill,minmax(5.75rem,1fr))}@media (min-width:420px){.crt-resize-preset-grid{grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr))}}.crt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.crt-resize-category-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.crt-resize-category-pill{flex:0 1 auto;padding:.22rem .55rem;border-radius:999px;border:1px solid var(--border,#e5e7eb);background:var(--surface,#fff);font:inherit;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted,#6b7280);cursor:pointer;-webkit-tap-highlight-color:transparent}.crt-resize-category-pill:hover:not(:disabled){background:var(--surface-hover,#f9fafb);color:var(--text,#111827)}.crt-resize-category-pill:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f46e5) 35%,transparent)}.crt-resize-category-pill:disabled{opacity:.55;cursor:not-allowed}.crt-resize-category-pill--active{border-color:color-mix(in srgb,var(--accent,#4f46e5) 55%,var(--border,#e5e7eb));background:color-mix(in srgb,var(--accent,#4f46e5) 12%,var(--surface,#fff));color:var(--accent,#4f46e5)}.crt-resize-preset-groups{display:flex;flex-direction:column;gap:.4rem;flex:0 1 auto;min-height:0;max-height:min(32vh,15rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.55rem .65rem .65rem;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm,6px);background:color-mix(in srgb,var(--surface,#fff) 96%,var(--border,#e5e7eb))}.crt-resize-preset-groups--single-category{max-height:min(28vh,13.5rem)}@media (min-width:640px){.crt-resize-preset-groups{max-height:min(36vh,17rem)}}.crt-resize-preset-group-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;margin:0;padding:.4rem .2rem;border:none;border-radius:var(--radius-sm,4px);background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.crt-resize-preset-group-header:hover{background:color-mix(in srgb,var(--surface-hover,#f9fafb) 85%,transparent)}.crt-resize-preset-group-header:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent,#4f46e5) 28%,transparent)}.crt-resize-preset-group-title{font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#6b7280);margin:0;flex:1 1;min-width:0}.crt-resize-preset-group-chevron{flex-shrink:0;font-size:.75rem;color:var(--text-muted,#6b7280)}.crt-resize-preset-group .crt-resize-preset-grid{margin-top:.35rem;padding-bottom:.15rem}.crt-accordion{flex-shrink:0;margin-top:.35rem;border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-sm);background:var(--surface)}.crt-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;font:inherit;font-size:.8125rem;font-weight:600;text-align:left;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--text)}.crt-accordion__trigger:hover{background:var(--surface-hover,#f9fafb)}.crt-accordion__chevron{flex-shrink:0;font-size:.75rem;color:var(--text-muted,#6b7280)}.crt-accordion__panel{padding:0 .5rem .5rem;border-top:1px solid var(--border,#e5e7eb)}.crt-accordion__panel .crt-custom-panel{margin-top:.35rem;padding-top:0;border-top:none}