.crop-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center}.crop-editor-sheet{width:100%;max-width:500px;background:var(--color-bg);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;flex-direction:column;overflow:hidden;height:85vh;max-height:90vh}@media (min-width:768px){.crop-editor-overlay{align-items:center}.crop-editor-sheet{border-radius:var(--radius-xl);height:600px}}.crop-editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.crop-editor-header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;flex:1 1;text-align:center}.crop-editor-close{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text-secondary)}.crop-editor-close:hover{background:var(--color-surface-hover)}.crop-editor-body{position:relative;flex:1 1;min-height:250px;background:#111;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.crop-editor-source-image{position:absolute;pointer-events:none;transition:transform .3s ease}.crop-editor-mask{position:absolute;inset:0;pointer-events:none}.crop-editor-box{position:absolute;border:2px solid #34c759;box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move;z-index:10;touch-action:none}.crop-editor-grid{position:absolute;inset:0;pointer-events:none}.crop-editor-grid-line{position:absolute;background:hsla(0,0%,100%,.5)}.crop-editor-grid-line.h-line{left:0;right:0;height:1px}.crop-editor-grid-line.v-line{top:0;bottom:0;width:1px}.crop-editor-grid-line.h-line.top{top:33.33%}.crop-editor-grid-line.h-line.bottom{top:66.66%}.crop-editor-grid-line.v-line.left{left:33.33%}.crop-editor-grid-line.v-line.right{left:66.66%}.crop-editor-handle{position:absolute;width:24px;height:24px;background:transparent;z-index:20}.crop-editor-handle:after{content:"";position:absolute;width:12px;height:12px;background:#34c759;border-radius:50%}.crop-editor-handle.tl{top:-12px;left:-12px;cursor:nwse-resize}.crop-editor-handle.tl:after{top:6px;left:6px}.crop-editor-handle.tr{top:-12px;right:-12px;cursor:nesw-resize}.crop-editor-handle.tr:after{top:6px;right:6px}.crop-editor-handle.bl{bottom:-12px;left:-12px;cursor:nesw-resize}.crop-editor-handle.bl:after{bottom:6px;left:6px}.crop-editor-handle.br{bottom:-12px;right:-12px;cursor:nwse-resize}.crop-editor-handle.br:after{bottom:6px;right:6px}.crop-editor-controls{padding:var(--space-4);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-4)}.crop-editor-ratios{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.crop-ratio-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);transition:all var(--transition-fast)}.crop-ratio-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.crop-editor-rotation{display:flex;justify-content:center;gap:var(--space-4)}.crop-rotate-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.crop-rotate-btn:hover{background:var(--color-bg-tertiary)}.crop-editor-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.crop-editor-actions>*{flex:1 1}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp .3s cubic-bezier(.16,1,.3,1) forwards}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);transition:all var(--transition-fast)}.input-field:hover{border-color:var(--color-text-tertiary)}.input-field:focus{border-color:var(--color-accent)}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field.input-error,.input-field.input-error:focus{border-color:var(--color-error)}.input-error-text{font-size:var(--font-size-xs);color:var(--color-error)}.input-textarea{min-height:300px;resize:vertical;line-height:var(--line-height-normal)}.input-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E6E73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10);cursor:pointer}.input-file-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-secondary)}.input-file-zone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.input-file-zone-icon{color:var(--color-text-tertiary)}.input-file-zone-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.input-file-zone-text span{color:var(--color-accent);font-weight:var(--font-weight-medium)}.input-file-previews{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.input-file-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden}.input-file-preview img{width:100%;height:100%;object-fit:cover}.input-file-preview-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:var(--radius-full);background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;border:none}.input-file-preview-rotate{right:24px}.input-file-preview-crop,.input-file-preview-rotate{position:absolute;top:2px;width:20px;height:20px;border-radius:var(--radius-full);background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;border:none}.input-file-preview-crop{right:46px}