._dropzone_fsj7j_4{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--ricu-spacing-xl, 2rem);border:var(--ricu-borders-width-normal, 2px) dashed var(--ricu-colors-dropzoneBorder, #cbd5e0);border-radius:var(--ricu-borders-radius-lg, 8px);background-color:var(--ricu-colors-dropzoneBackground, #f7fafc);cursor:pointer;transition:all var(--ricu-transitions-duration-slow, .3s) var(--ricu-transitions-easing-ease, ease)}._dropzone_fsj7j_4:hover:not(._disabled_fsj7j_17){border-color:var(--ricu-colors-dropzoneBorderHover, #4299e1);background-color:var(--ricu-colors-dropzoneBackgroundHover, #ebf8ff)}._dropzone_fsj7j_4._active_fsj7j_22{border-color:var(--ricu-colors-dropzoneBorderActive, #48bb78);background-color:var(--ricu-colors-dropzoneBackgroundActive, #f0fff4)}._dropzone_fsj7j_4._reject_fsj7j_27{border-color:var(--ricu-colors-dropzoneBorderReject, #f56565);background-color:var(--ricu-colors-dropzoneBackgroundReject, #fff5f5)}._dropzone_fsj7j_4._disabled_fsj7j_17{opacity:.6;cursor:not-allowed}._dropzone_fsj7j_4:focus{outline:2px solid var(--ricu-colors-primary, #4299e1);outline-offset:2px}._content_fsj7j_42{display:flex;flex-direction:column;align-items:center;text-align:center}._icon_fsj7j_49{width:64px;height:64px;margin-bottom:var(--ricu-spacing-md, 1rem);color:var(--ricu-colors-secondary, #718096)}._text_fsj7j_56{font-size:var(--ricu-typography-fontSize-base, 1rem);color:var(--ricu-colors-textSecondary, #4a5568);margin:0}._dropzone_fsj7j_4._active_fsj7j_22 ._icon_fsj7j_49,._dropzone_fsj7j_4._active_fsj7j_22 ._text_fsj7j_56{color:var(--ricu-colors-success, #48bb78)}._dropzone_fsj7j_4._reject_fsj7j_27 ._icon_fsj7j_49,._dropzone_fsj7j_4._reject_fsj7j_27 ._text_fsj7j_56{color:var(--ricu-colors-error, #f56565)}:root{--ricu-colors-primary: #4299e1;--ricu-colors-primaryHover: #3182ce;--ricu-colors-primaryActive: #2c5282;--ricu-colors-primaryLight: #ebf8ff;--ricu-colors-text: #2d3748;--ricu-colors-textSecondary: #4a5568;--ricu-colors-textOnPrimary: #ffffff;--ricu-colors-background: #ffffff;--ricu-colors-backgroundAlt: #f7fafc;--ricu-colors-surface: #ffffff;--ricu-colors-controlBackground: #ffffff;--ricu-colors-border: #cbd5e0;--ricu-colors-borderHover: #a0aec0;--ricu-colors-controlBorder: #e2e8f0;--ricu-colors-error: #f56565;--ricu-colors-errorLight: #fff5f5;--ricu-colors-errorBorder: #feb2b2;--ricu-colors-buttonBackground: #ffffff;--ricu-colors-buttonBackgroundHover: #f7fafc;--ricu-colors-buttonText: #4a5568;--ricu-colors-buttonBorder: #cbd5e0;--ricu-colors-buttonBorderHover: #a0aec0;--ricu-spacing-sm: .5rem;--ricu-spacing-md: 1rem;--ricu-spacing-lg: 1.5rem;--ricu-spacing-xl: 2rem;--ricu-borders-radius-sm: 4px;--ricu-borders-radius-md: 6px;--ricu-borders-radius-lg: 8px;--ricu-borders-width-thin: 1px;--ricu-borders-width-normal: 2px;--ricu-typography-fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ricu-typography-fontSize-sm: .875rem;--ricu-typography-fontSize-base: 1rem;--ricu-typography-fontSize-lg: 1.125rem;--ricu-typography-fontWeight-semibold: 600;--ricu-transitions-duration-normal: .2s;--ricu-transitions-easing-ease: ease}._container_128w3_65{width:100%;max-width:900px;margin:0 auto;font-family:var(--ricu-typography-fontFamily)}._croppingMode_128w3_72{display:flex;flex-direction:column;gap:var(--ricu-spacing-lg)}._cropperWrapper_128w3_78{position:relative;width:100%}._controls_128w3_83{display:flex;flex-direction:column;gap:var(--ricu-spacing-md);padding:var(--ricu-spacing-md);background-color:var(--ricu-colors-controlBackground);border-radius:var(--ricu-borders-radius-lg);border:var(--ricu-borders-width-thin) solid var(--ricu-colors-controlBorder)}@media(min-width:768px){._controls_128w3_83{flex-direction:row;flex-wrap:wrap;align-items:flex-start}._controls_128w3_83>*{flex:1;min-width:200px}}._actions_128w3_106{display:flex;gap:var(--ricu-spacing-md);justify-content:flex-end;padding:var(--ricu-spacing-md)}._button_128w3_113{padding:.75rem 1.5rem;font-size:var(--ricu-typography-fontSize-base);font-weight:var(--ricu-typography-fontWeight-semibold);border:none;border-radius:var(--ricu-borders-radius-md);cursor:pointer;transition:all var(--ricu-transitions-duration-normal) var(--ricu-transitions-easing-ease)}._button_128w3_113:focus{outline:2px solid var(--ricu-colors-primary);outline-offset:2px}._button_128w3_113:active:not(:disabled){transform:scale(.98)}._button_128w3_113:disabled{opacity:.5;cursor:not-allowed}._cancelButton_128w3_137{background-color:var(--ricu-colors-buttonBackground);color:var(--ricu-colors-buttonText);border:var(--ricu-borders-width-thin) solid var(--ricu-colors-buttonBorder)}._cancelButton_128w3_137:hover:not(:disabled){background-color:var(--ricu-colors-buttonBackgroundHover);border-color:var(--ricu-colors-buttonBorderHover)}._cropButton_128w3_148{background-color:var(--ricu-colors-primary);color:var(--ricu-colors-textOnPrimary)}._cropButton_128w3_148:hover:not(:disabled){background-color:var(--ricu-colors-primaryHover)}._error_128w3_157{padding:var(--ricu-spacing-md);margin-top:var(--ricu-spacing-md);background-color:var(--ricu-colors-errorLight);border:var(--ricu-borders-width-thin) solid var(--ricu-colors-errorBorder);border-radius:var(--ricu-borders-radius-md);color:var(--ricu-colors-error)}._error_128w3_157 p{margin:0 0 .75rem}._retryButton_128w3_170{padding:var(--ricu-spacing-sm) var(--ricu-spacing-md);font-size:var(--ricu-typography-fontSize-sm);font-weight:var(--ricu-typography-fontWeight-semibold);background-color:var(--ricu-colors-buttonBackground);color:var(--ricu-colors-primary);border:var(--ricu-borders-width-thin) solid var(--ricu-colors-primary);border-radius:var(--ricu-borders-radius-sm);cursor:pointer;transition:all var(--ricu-transitions-duration-normal) var(--ricu-transitions-easing-ease)}._retryButton_128w3_170:hover{background-color:var(--ricu-colors-primaryLight)}._retryButton_128w3_170:focus{outline:2px solid var(--ricu-colors-primary);outline-offset:2px}._processing_128w3_191,._complete_128w3_192{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--ricu-spacing-xl);text-align:center}._spinner_128w3_202{width:48px;height:48px;border:4px solid var(--ricu-colors-controlBorder);border-top-color:var(--ricu-colors-primary);border-radius:50%;animation:_spin_128w3_202 1s linear infinite;margin-bottom:var(--ricu-spacing-md)}@keyframes _spin_128w3_202{to{transform:rotate(360deg)}}._processing_128w3_191 p,._complete_128w3_192 p{font-size:var(--ricu-typography-fontSize-lg);color:var(--ricu-colors-textSecondary);margin:0 0 var(--ricu-spacing-md) 0}._cropperContainer_vvjus_4{position:relative;width:100%;height:400px;background-color:var(--ricu-colors-cropperBackground, #000);border-radius:var(--ricu-borders-radius-lg, 8px);overflow:hidden}@media(min-width:768px){._cropperContainer_vvjus_4{height:500px}}._zoomControl_1evqv_4{display:flex;flex-direction:column;gap:var(--ricu-spacing-sm, .5rem);padding:var(--ricu-spacing-md, 1rem)}._label_1evqv_11{font-size:var(--ricu-typography-fontSize-sm, .875rem);font-weight:var(--ricu-typography-fontWeight-semibold, 600);color:var(--ricu-colors-text, #2d3748);margin-bottom:var(--ricu-spacing-sm, .5rem)}._sliderContainer_1evqv_18{display:flex;align-items:center;gap:.75rem}._minLabel_1evqv_24,._maxLabel_1evqv_25{font-size:var(--ricu-typography-fontSize-xs, .75rem);color:var(--ricu-colors-secondary, #718096);min-width:40px}._slider_1evqv_18{flex:1;height:6px;border-radius:3px;background:var(--ricu-colors-sliderTrack, #e2e8f0);outline:none;-webkit-appearance:none}._slider_1evqv_18::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ricu-colors-sliderThumb, #4299e1);cursor:pointer;transition:background var(--ricu-transitions-duration-normal, .2s) var(--ricu-transitions-easing-ease, ease)}._slider_1evqv_18::-webkit-slider-thumb:hover{background:var(--ricu-colors-sliderThumbHover, #3182ce)}._slider_1evqv_18::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--ricu-colors-sliderThumb, #4299e1);cursor:pointer;border:none;transition:background var(--ricu-transitions-duration-normal, .2s) var(--ricu-transitions-easing-ease, ease)}._slider_1evqv_18::-moz-range-thumb:hover{background:var(--ricu-colors-sliderThumbHover, #3182ce)}._slider_1evqv_18:focus{outline:2px solid var(--ricu-colors-primary, #4299e1);outline-offset:2px}._value_1evqv_74{font-size:var(--ricu-typography-fontSize-sm, .875rem);font-weight:var(--ricu-typography-fontWeight-semibold, 600);color:var(--ricu-colors-text, #2d3748);text-align:center;min-width:50px}._rotationControl_1w7k6_4{display:flex;flex-direction:column;gap:var(--ricu-spacing-sm, .5rem);padding:var(--ricu-spacing-md, 1rem)}._label_1w7k6_11{font-size:var(--ricu-typography-fontSize-sm, .875rem);font-weight:var(--ricu-typography-fontWeight-semibold, 600);color:var(--ricu-colors-text, #2d3748);margin-bottom:var(--ricu-spacing-sm, .5rem)}._controls_1w7k6_18{display:flex;align-items:center;gap:var(--ricu-spacing-md, 1rem);justify-content:center}._button_1w7k6_25{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:var(--ricu-borders-width-thin, 1px) solid var(--ricu-colors-buttonBorder, #cbd5e0);border-radius:var(--ricu-borders-radius-md, 6px);background-color:var(--ricu-colors-buttonBackground, #fff);color:var(--ricu-colors-buttonText, #4a5568);cursor:pointer;transition:all var(--ricu-transitions-duration-normal, .2s) var(--ricu-transitions-easing-ease, ease)}._button_1w7k6_25:hover{background-color:var(--ricu-colors-buttonBackgroundHover, #f7fafc);border-color:var(--ricu-colors-primary, #4299e1);color:var(--ricu-colors-primary, #4299e1)}._button_1w7k6_25:focus{outline:2px solid var(--ricu-colors-primary, #4299e1);outline-offset:2px}._button_1w7k6_25:active{transform:scale(.95)}._icon_1w7k6_55{width:24px;height:24px}._display_1w7k6_60{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:100px}._value_1w7k6_68{font-size:var(--ricu-typography-fontSize-lg, 1.125rem);font-weight:var(--ricu-typography-fontWeight-semibold, 600);color:var(--ricu-colors-text, #2d3748)}._resetButton_1w7k6_74{padding:.25rem .75rem;font-size:var(--ricu-typography-fontSize-xs, .75rem);border:var(--ricu-borders-width-thin, 1px) solid var(--ricu-colors-buttonBorder, #cbd5e0);border-radius:var(--ricu-borders-radius-sm, 4px);background-color:var(--ricu-colors-buttonBackground, #fff);color:var(--ricu-colors-secondary, #718096);cursor:pointer;transition:all var(--ricu-transitions-duration-normal, .2s) var(--ricu-transitions-easing-ease, ease)}._resetButton_1w7k6_74:hover{background-color:var(--ricu-colors-buttonBackgroundHover, #f7fafc);border-color:var(--ricu-colors-primary, #4299e1);color:var(--ricu-colors-primary, #4299e1)}._resetButton_1w7k6_74:focus{outline:2px solid var(--ricu-colors-primary, #4299e1);outline-offset:2px}._aspectRatioSelector_13sza_4{display:flex;flex-direction:column;gap:var(--ricu-spacing-sm, .5rem);padding:var(--ricu-spacing-md, 1rem)}._label_13sza_11{font-size:var(--ricu-typography-fontSize-sm, .875rem);font-weight:var(--ricu-typography-fontWeight-semibold, 600);color:var(--ricu-colors-text, #2d3748);margin-bottom:var(--ricu-spacing-sm, .5rem)}._presets_13sza_18{display:flex;gap:var(--ricu-spacing-sm, .5rem);flex-wrap:wrap}._preset_13sza_18{display:flex;align-items:center;gap:var(--ricu-spacing-sm, .5rem);padding:var(--ricu-spacing-sm, .5rem) var(--ricu-spacing-md, 1rem);border:var(--ricu-borders-width-thin, 1px) solid var(--ricu-colors-buttonBorder, #cbd5e0);border-radius:var(--ricu-borders-radius-md, 6px);background-color:var(--ricu-colors-buttonBackground, #fff);color:var(--ricu-colors-buttonText, #4a5568);font-size:var(--ricu-typography-fontSize-sm, .875rem);font-weight:var(--ricu-typography-fontWeight-medium, 500);cursor:pointer;transition:all var(--ricu-transitions-duration-normal, .2s) var(--ricu-transitions-easing-ease, ease)}._preset_13sza_18:hover{background-color:var(--ricu-colors-buttonBackgroundHover, #f7fafc);border-color:var(--ricu-colors-primary, #4299e1);color:var(--ricu-colors-primary, #4299e1)}._preset_13sza_18._active_13sza_45{background-color:var(--ricu-colors-primary, #4299e1);border-color:var(--ricu-colors-primary, #4299e1);color:var(--ricu-colors-textOnPrimary, #fff)}._preset_13sza_18:focus{outline:2px solid var(--ricu-colors-primary, #4299e1);outline-offset:2px}._preset_13sza_18:active{transform:scale(.95)}._icon_13sza_60{display:flex;align-items:center}._previewArea_1lp4g_4{display:flex;flex-direction:column;gap:var(--ricu-spacing-sm, .5rem);padding:var(--ricu-spacing-md, 1rem)}._label_1lp4g_11{font-size:var(--ricu-typography-fontSize-sm, .875rem);font-weight:var(--ricu-typography-fontWeight-semibold, 600);color:var(--ricu-colors-text, #2d3748);margin-bottom:var(--ricu-spacing-sm, .5rem)}._previewContainer_1lp4g_18{display:flex;justify-content:center;padding:var(--ricu-spacing-md, 1rem);background-color:var(--ricu-colors-backgroundAlt, #f7fafc);border-radius:var(--ricu-borders-radius-lg, 8px);border:var(--ricu-borders-width-thin, 1px) solid var(--ricu-colors-controlBorder, #e2e8f0)}._canvas_1lp4g_27{border:var(--ricu-borders-width-normal, 2px) solid var(--ricu-colors-border, #cbd5e0);background-color:var(--ricu-colors-surface, #fff)}._canvas_1lp4g_27._circular_1lp4g_32{border-radius:50%}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;text-align:center;box-shadow:0 2px 8px #0000001a}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.1rem;color:#666;margin-bottom:1rem}.links{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.links a{padding:.5rem 1.5rem;background:#667eea;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}.links a:hover{background:#764ba2;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.content{flex:1;display:flex;gap:2rem;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;height:fit-content;position:sticky;top:2rem}.sidebar h3{font-size:1.2rem;margin-bottom:1rem;color:#333}.nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.nav-button{padding:.75rem 1rem;background:transparent;border:2px solid transparent;border-radius:8px;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s ease;color:#333;font-weight:500}.nav-button:hover{background:#667eea1a;border-color:#667eea}.nav-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.status{padding-top:1.5rem;border-top:1px solid #e0e0e0}.status-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.status-label{font-weight:600;color:#666}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-badge.idle{background:#e0e0e0;color:#666}.status-badge.uploading,.status-badge.processing{background:#fff3cd;color:#856404}.status-badge.cropping{background:#d1ecf1;color:#0c5460}.status-badge.complete{background:#d4edda;color:#155724}.status-badge.error{background:#f8d7da;color:#721c24}.error-message{margin-top:1rem;padding:.75rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;font-size:.875rem}.main{flex:1;display:flex;flex-direction:column;gap:2rem}.demo-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.demo-info{margin-bottom:2rem}.demo-info h2{font-size:1.75rem;margin-bottom:.5rem;color:#333}.demo-info p{color:#666;margin-bottom:1rem}.demo-info ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.demo-info li{padding:.5rem 1rem;background:#667eea1a;border-radius:6px;font-size:.875rem;color:#667eea;font-weight:500}.demo-cropper{max-width:800px;margin:0 auto}.result-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.result-section h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.result-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.result-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #00000026}.result-actions{display:flex;gap:1rem}.download-button,.clear-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.download-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.download-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.clear-button{background:#e0e0e0;color:#333}.clear-button:hover{background:#d0d0d0}.footer{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;text-align:center;color:#666;box-shadow:0 -2px 8px #0000001a}.footer a{color:#667eea;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.gesture-instructions{background:#667eea0d;border-left:4px solid #667eea;padding:1rem;margin:1rem 0;border-radius:6px}.gesture-instructions h4{margin-top:0;margin-bottom:.75rem;color:#667eea;font-size:1rem}.gesture-instructions ul{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.gesture-instructions li{padding:.5rem;background:#fff;border-radius:4px;font-size:.9rem;color:#333;border:1px solid rgba(102,126,234,.1)}.gesture-instructions strong{color:#667eea}.gesture-note{margin-top:.75rem;padding:.75rem;background:#fff3cd;border-radius:4px;font-size:.875rem;color:#856404}.gesture-note strong{color:#856404}.theme-selector{background:#667eea0d;border-left:4px solid #667eea;padding:1rem;margin:1rem 0;border-radius:6px}.theme-selector h4{margin-top:0;margin-bottom:.75rem;color:#667eea;font-size:1rem}.theme-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.theme-button{padding:.75rem 1.5rem;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-button:hover{background:#667eea1a;transform:translateY(-1px)}.theme-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.theme-code{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:6px}.theme-code h4{margin-top:0;margin-bottom:.5rem;font-size:.875rem;color:#666}.theme-code pre{margin:0;overflow-x:auto}.theme-code code{font-family:Courier New,Courier,monospace;font-size:.9rem;color:#333}@media(max-width:1024px){.content{flex-direction:column}.sidebar{width:100%;position:static}}@media(max-width:768px){.header h1{font-size:2rem}.subtitle{font-size:1rem}.content{padding:1rem}.demo-container,.result-section{padding:1.5rem}.demo-info li{font-size:.75rem;padding:.4rem .75rem}}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}#root{min-height:100vh}