.day-cell{position:relative;aspect-ratio:1;min-width:70px;min-height:70px;background:var(--color-background, #f9f9f9);border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column}.day-cell:hover{border-color:var(--color-primary-light, #90caf9);box-shadow:0 2px 8px #2196f326}.day-cell--has-photo{background:#f5f5f5}.day-cell--repeat{border-color:#9c27b0;box-shadow:inset 0 0 0 2px #9c27b0}.day-cell--selected{border-color:var(--color-primary, #2196f3);box-shadow:0 0 0 3px #2196f333}.day-cell--drag-over{border-color:var(--color-success, #4caf50);background:var(--color-success-light, #e8f5e9);transform:scale(1.05);box-shadow:0 4px 12px #4caf504d;z-index:10}.day-cell--dragging{opacity:.6;transform:scale(.92);box-shadow:0 8px 24px #0003;z-index:100;cursor:grabbing}.day-cell{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,opacity .15s ease}.day-number{position:absolute;top:4px;left:6px;font-size:11px;font-weight:600;color:var(--color-text-secondary, #666);z-index:1}.day-thumbnail{flex:1;display:flex;align-items:center;justify-content:center;margin-top:16px;overflow:hidden;border-radius:4px}.day-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:4px}.day-empty{flex:1;display:flex;align-items:center;justify-content:center;margin-top:16px;color:var(--color-text-tertiary, #bbb)}.day-cell:hover .day-empty{color:var(--color-primary, #2196f3)}.day-badge{position:absolute;bottom:4px;left:4px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%}.day-badge--exact{background:var(--color-success, #4caf50);color:#fff}.day-badge--near{background:var(--color-warning, #ff9800);color:#fff}.day-badge--gap{background:var(--color-text-tertiary, #bbb);color:#fff}.day-badge--locked{background:var(--color-primary, #2196f3);color:#fff}.day-badge--repeat{background:#9c27b0;color:#fff}.day-text-indicator{position:absolute;bottom:4px;right:4px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;background:var(--color-primary, #2196f3);color:#fff;border-radius:3px}.calendar-grid{display:flex;flex-direction:column;gap:8px}.calendar-weekdays{display:none}.calendar-months{display:flex;flex-direction:column;gap:24px}.calendar-month{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.month-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #e0e0e0)}.month-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text, #333)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}@media (max-width: 900px){.month-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 600px){.month-grid{grid-template-columns:repeat(4,1fr)}}.photo-tray{background:#fff;border-top:1px solid var(--color-border, #e0e0e0);transition:max-height .3s ease}.photo-tray--collapsed{max-height:44px;overflow:hidden}.tray-header{display:flex;align-items:center;padding:10px 20px;gap:16px}.tray-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text, #333);padding:4px 8px;border-radius:4px}.tray-toggle:hover{background:var(--color-background, #f5f5f5)}.tray-tabs{display:flex;gap:4px}.tray-tab{padding:6px 12px;background:none;border:1px solid var(--color-border, #e0e0e0);border-radius:16px;cursor:pointer;font-size:13px;color:var(--color-text-secondary, #666);transition:all .15s ease}.tray-tab:hover{background:var(--color-background, #f5f5f5)}.tray-tab--active{background:var(--color-primary, #2196f3);border-color:var(--color-primary, #2196f3);color:#fff}.tray-content{padding:0 20px 16px;max-height:180px;overflow-y:auto}.tray-empty{padding:24px;text-align:center;color:var(--color-text-tertiary, #999);font-size:14px}.tray-photos{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.tray-photo{flex-shrink:0;width:80px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:grab;transition:transform .15s ease,opacity .15s ease}.tray-photo:active{cursor:grabbing;transform:scale(.95);opacity:.8}.tray-photo:hover{transform:translateY(-2px)}.tray-photo img{width:70px;height:70px;object-fit:cover;border-radius:6px;border:2px solid transparent;transition:all .15s ease;box-shadow:0 1px 3px #0000001a}.tray-photo:hover img{border-color:var(--color-primary, #2196f3);box-shadow:0 4px 12px #0003;transform:scale(1.05)}.tray-photo-placeholder{width:70px;height:70px;background:var(--color-background, #f5f5f5);border-radius:6px}.tray-photo-date{font-size:11px;color:var(--color-text-secondary, #666);text-align:center}.detail-panel{width:280px;background:#fff;border-left:1px solid var(--color-border, #e0e0e0);display:flex;flex-direction:column;overflow:hidden}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border, #e0e0e0)}.detail-header h3{margin:0;font-size:16px;font-weight:600}.detail-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--color-text-secondary, #666)}.detail-close:hover{background:var(--color-background, #f5f5f5)}.detail-content{flex:1;overflow-y:auto;padding:16px}.detail-preview{width:100%;aspect-ratio:2 / 3;border-radius:8px;overflow:hidden;background:var(--color-background, #f5f5f5);margin-bottom:16px;position:relative}.detail-preview--wysiwyg{box-shadow:0 2px 8px #0000001a;border:1px solid var(--color-border, #e0e0e0)}.detail-preview img{width:100%;height:100%;object-fit:contain;background:var(--color-background, #f5f5f5)}.detail-preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-tertiary, #999);font-size:14px}.detail-preview-overlay{position:absolute;top:8px;right:8px;background:#ffffffe6;border-radius:50%;padding:4px;box-shadow:0 1px 3px #0003}.detail-preview-refresh{position:absolute;bottom:8px;right:8px;background:#ffffffe6;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;opacity:0;transition:opacity .15s ease;color:var(--color-text-secondary, #666)}.detail-preview:hover .detail-preview-refresh{opacity:1}.detail-preview-refresh:hover{background:#fff;color:var(--color-primary, #2196f3)}.detail-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;font-size:13px}.info-label{color:var(--color-text-secondary, #666)}.info-value{color:var(--color-text, #333);font-weight:500;text-align:right;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-info--exact{color:var(--color-success, #4caf50)}.match-info--near{color:var(--color-warning, #ff9800)}.match-info--gap{color:var(--color-text-tertiary, #999)}.detail-divider{margin:16px 0;border:none;border-top:1px solid var(--color-border, #e0e0e0)}.detail-section{display:flex;flex-direction:column;gap:8px}.section-label{font-size:12px;font-weight:500;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.detail-text-input{width:100%;padding:10px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:14px;transition:border-color .15s ease}.detail-text-input:focus{outline:none;border-color:var(--color-primary, #2196f3)}.detail-text-input::placeholder{color:var(--color-text-tertiary, #999)}.detail-select{width:100%;padding:8px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:13px;background:#fff;cursor:pointer;transition:border-color .15s ease}.detail-select:focus{outline:none;border-color:var(--color-primary, #2196f3)}.color-options{display:flex;gap:8px}.color-option{width:36px;height:36px;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease}.color-option:hover{transform:scale(1.1)}.color-option--selected{border-color:var(--color-text, #333);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary, #2196f3)}.detail-actions{display:flex;gap:8px}.detail-actions .button{flex:1}.detail-empty{text-align:center;padding:40px 20px}.detail-empty p{margin:0 0 8px;color:var(--color-text, #333);font-size:14px}.detail-empty-hint{color:var(--color-text-tertiary, #999)!important;font-size:13px!important}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.preview-modal{width:90vw;max-width:1200px;height:90vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border, #e0e0e0)}.preview-header h2{margin:0;font-size:20px;font-weight:600}.preview-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:var(--color-text-secondary, #666)}.preview-close:hover{background:var(--color-background, #f5f5f5)}.preview-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:var(--color-background, #f5f5f5)}.nav-button{background:#fff;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;transition:all .15s ease}.nav-button:hover{background:var(--color-primary-light, #e3f2fd);border-color:var(--color-primary, #2196f3)}.nav-month{font-size:18px;font-weight:600;min-width:120px;text-align:center}.nav-indicator{font-size:13px;color:var(--color-text-secondary, #666)}.preview-content{flex:1;overflow-y:auto;padding:24px}.preview-month{max-width:900px;margin:0 auto}.preview-month-title{margin:0 0 16px;font-size:24px;font-weight:600;text-align:center}.preview-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.preview-day{aspect-ratio:2 / 3;background:#f9f9f9;border-radius:6px;padding:6px;display:flex;flex-direction:column;position:relative;min-height:120px}.preview-day--has-photo{background:#f5f5f5}.preview-day-number{font-size:12px;font-weight:600;color:var(--color-text, #333);margin-bottom:4px}.preview-day-photo{flex:1;overflow:hidden;border-radius:4px}.preview-day-photo img{width:100%;height:100%;object-fit:cover}.preview-day-text{font-size:9px;color:var(--color-text, #333);margin-top:4px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-footer{padding:16px 24px;border-top:1px solid var(--color-border, #e0e0e0);display:flex;justify-content:center}@media (max-width: 800px){.preview-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 500px){.preview-grid{grid-template-columns:repeat(3,1fr)}}.assignment-phase{display:flex;flex-direction:column;height:100%;background:var(--color-background, #f5f5f5)}.assignment-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid var(--color-border, #e0e0e0);gap:20px}.header-left{display:flex;align-items:center;gap:16px}.header-title{display:flex;align-items:center;gap:8px}.header-title h2{margin:0;font-size:18px;font-weight:600}.header-center{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:300px}.progress-text{font-size:13px;color:var(--color-text-secondary, #666)}.progress-bar{width:100%;height:6px;background:var(--color-border, #e0e0e0);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary, #2196f3);border-radius:3px;transition:width .3s ease}.header-right{display:flex;align-items:center;gap:12px}.assignment-legend{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 20px;background:#fff;border-bottom:1px solid var(--color-border, #e0e0e0)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.legend-dot--locked{background:var(--color-primary, #2196f3)}.legend-dot--exact{background:var(--color-success, #4caf50)}.legend-dot--near{background:var(--color-warning, #ff9800)}.legend-dot--gap{background:var(--color-text-tertiary, #bbb)}.legend-dot--repeat{background:#9c27b0}.legend-dot--text{background:var(--color-primary, #2196f3);border-radius:2px;width:14px;height:14px;font-size:9px}.legend-label{font-size:12px;color:var(--color-text-secondary, #666)}.auto-assign-dropdown{position:relative;display:inline-flex}.auto-assign-caret{margin-left:1px;padding-left:8px;padding-right:8px}.dropdown-check{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;color:var(--color-text, #333);cursor:pointer}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:220px;overflow:hidden}.dropdown-menu button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:var(--color-text, #333)}.dropdown-menu button:hover{background:var(--color-background, #f5f5f5)}.dropdown-menu hr{margin:0;border:none;border-top:1px solid var(--color-border, #e0e0e0)}.assignment-toast{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--color-success-light, #e8f5e9);border-bottom:1px solid var(--color-success, #4caf50)}.assignment-toast span{flex:1;font-size:14px;color:var(--color-success-dark, #2e7d32)}.assignment-toast button{padding:6px 12px;background:#fff;border:1px solid var(--color-success, #4caf50);border-radius:4px;cursor:pointer;font-size:13px;color:var(--color-success-dark, #2e7d32)}.assignment-toast button:hover{background:var(--color-success-light, #e8f5e9)}.assignment-toast--progress{background:var(--color-primary-light, #e3f2fd);border-bottom-color:var(--color-primary, #2196f3)}.assignment-toast--progress span{flex:0 0 auto;color:var(--color-primary-dark, #1565c0)}.progress-bar--inline{flex:1;margin:0}.assignment-content{display:flex;flex:1;overflow:hidden}.calendar-section{flex:1;overflow:auto;padding:20px}.calendar-preparing{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary, #666);font-size:14px}.button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.button--primary{background:var(--color-primary, #2196f3);color:#fff}.button--primary:hover{background:var(--color-primary-dark, #1976d2)}.button--secondary{background:#fff;color:var(--color-text, #333);border:1px solid var(--color-border, #e0e0e0)}.button--secondary:hover{background:var(--color-background, #f5f5f5)}.button--small{padding:6px 12px;font-size:13px}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.cropper-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.cropper-modal-content{width:min(90vw,90vh);height:min(90vw,90vh);max-width:1200px;max-height:1200px;display:flex;flex-direction:column;padding:var(--space-6)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-200);margin-bottom:var(--space-5);gap:var(--space-4)}.modal-header-text h2{margin:0}.modal-header-text p{margin:0;color:var(--neutral-500)}.modal-body{flex-grow:1;display:flex;flex-direction:column;gap:var(--space-5);min-height:0;overflow:hidden}.cropper-main{flex-grow:1;display:grid;grid-template-columns:1fr 300px;grid-template-rows:minmax(0,1fr);gap:var(--space-5);min-height:0;overflow:hidden}.cropper-container{background-color:var(--neutral-200);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0;height:100%;position:relative}.cropper-container img{display:block}.image-loading{color:var(--neutral-500)}.controls-panel{display:flex;flex-direction:column;gap:var(--space-4)}.edit-fields{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-1)}.edit-field{display:flex;flex-direction:column;gap:var(--space-1)}.edit-field>span{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}.edit-field .input{width:100%}.info-group{background-color:var(--neutral-50);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.info-group h4{margin:0 0 var(--space-1) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em}.info-group p{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--neutral-700)}.button-group-vertical{display:flex;flex-direction:column;gap:var(--space-2)}.button-group-vertical .button{width:100%;gap:var(--space-2)}.controls-panel .button--destructive{margin-top:auto;gap:var(--space-2)}.filmstrip-container{height:140px;background-color:var(--neutral-100);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);padding:var(--space-3)}.filmstrip-item{padding:var(--space-1);cursor:pointer;height:100%}.filmstrip-thumbnail-wrapper{width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--neutral-200);border:2px solid transparent;transition:border-color .2s;position:relative}.filmstrip-item.selected .filmstrip-thumbnail-wrapper{border-color:var(--primary-500)}.filmstrip-thumbnail-wrapper img{width:100%;height:100%;object-fit:cover}.filmstrip-loading{font-size:var(--font-size-xs);color:var(--neutral-500)}.filmstrip-item .crop-indicator{display:none}.filmstrip-item.cropped .crop-indicator{display:flex;align-items:center;justify-content:center;position:absolute;bottom:var(--space-2);right:var(--space-2);background-color:var(--success-500);color:var(--neutral-0);border-radius:var(--radius-full);width:20px;height:20px;pointer-events:none;box-shadow:var(--shadow-sm)}.filmstrip-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--neutral-500)}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-5);border-top:1px solid var(--neutral-200);margin-top:var(--space-5)}.modal-footer .button{gap:var(--space-2);min-width:120px}.browse-phase{display:flex;flex-direction:column;gap:var(--space-5)}.browse-header{display:flex;flex-direction:column;gap:var(--space-4)}.browse-header__line1,.browse-header__line2{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.browse-header h2{margin:0;display:flex;align-items:center;gap:var(--space-3)}.browse-header__actions{display:flex;align-items:center;gap:var(--space-4)}.search-box{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--neutral-300);background-color:var(--neutral-0);border-radius:var(--radius-md);padding-left:var(--space-3)}.search-box .input{border:none;background:none;padding:var(--space-2);width:250px}.search-box .input:focus{box-shadow:none}.search-box .button--icon{margin-right:var(--space-1)}.browse-header__actions .button--primary{gap:var(--space-2)}.stat-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat-group .button--small{gap:var(--space-2)}.stat-group .button--small[data-filter=lowQuality].active{background-color:#fef3c7;border-color:var(--warning-500);box-shadow:inset 0 1px 2px #0000001a}.stat-group .button--small[data-filter=ready].active{background-color:#d1fae5;border-color:var(--success-500);box-shadow:inset 0 1px 2px #0000001a}.stat-group .button--small.active{background-color:var(--neutral-200);border-color:var(--neutral-400);box-shadow:inset 0 1px 2px #0000001a}.status-message{font-weight:var(--font-weight-medium);color:var(--neutral-600);font-size:var(--font-size-sm);white-space:nowrap}@media (max-width: 1200px){.status-message{display:none}}.import-progress{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--neutral-0);border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.progress-bar{width:100%;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary-600);transition:width .3s ease}.import-progress p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-8);background-color:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200)}.empty-state h3{margin:0}.empty-state p{max-width:40ch;margin:0;color:var(--neutral-600)}.empty-state .button{gap:var(--space-2)}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.photo-card{background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);transition:all .2s;position:relative}.photo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--neutral-300)}.photo-card__thumbnail{position:relative;width:100%;padding-bottom:100%;background:var(--neutral-200);overflow:hidden;cursor:pointer;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.photo-card__thumbnail img{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.filter-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--neutral-500)}.quality-detail{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--neutral-200)}.quality-detail__dims{font-size:var(--font-size-xs);color:var(--neutral-500)}.thumbnail-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--neutral-500);font-size:var(--font-size-sm)}.photo-card__quality-icon{display:none;position:absolute;top:var(--space-2);right:var(--space-2);color:var(--neutral-900);background-color:var(--warning-500);padding:var(--space-1);border-radius:var(--radius-full)}.photo-card.quality--warning .photo-card__quality-icon{display:block}.photo-card.quality--warning .photo-card__info{background-color:#fef3c7;border-left:3px solid var(--warning-500)}.photo-card.ready-to-place{border-color:var(--success-500);border-width:2px}.photo-card.ready-to-place .photo-card__info{background-color:#d1fae5;border-left:3px solid var(--success-500)}.photo-card__info{padding:var(--space-3);background-color:var(--neutral-50);border-top:1px solid var(--neutral-200);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--neutral-800)}.date--missing{color:var(--error-500);font-style:italic}.delete-button{color:var(--neutral-400);opacity:.5;transition:all .2s}.photo-card:hover .delete-button{opacity:1}.delete-button:hover{color:var(--error-500);background-color:#fff1f2}.filename{font-size:var(--font-size-xs);color:var(--neutral-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-edit{display:flex;align-items:center;gap:var(--space-1)}.date-edit input[type=date]{font-size:var(--font-size-xs);padding:var(--space-1);width:auto;min-width:130px}.filename-edit{display:flex;align-items:center;gap:var(--space-1)}.filename-edit .input--small{flex:1;font-size:var(--font-size-xs);padding:var(--space-1);min-width:0}.import-error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#fef3c7;border:1px solid var(--warning-500);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--neutral-800)}.import-error-banner button{flex-shrink:0}.finalize-phase{display:flex;flex-direction:column;height:100%;background:var(--color-background, #f5f5f5)}.finalize-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid var(--color-border, #e0e0e0)}.finalize-header h2{margin:0;font-size:18px;font-weight:600}.finalize-content{flex:1;overflow-y:auto;padding:24px}.finalize-content__inner{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto;width:100%}.finalize-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.finalize-card h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-text, #333)}.finalize-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.finalize-card-header h3{margin:0}.finalize-stats{display:flex;gap:24px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.stat-value{font-size:32px;font-weight:700;color:var(--color-primary, #2196f3)}.stat-label{font-size:13px;color:var(--color-text-secondary, #666);margin-top:4px}.finalize-repeat-note{margin:12px 0 0;padding:8px 12px;font-size:13px;color:#6a1b9a;background:#f3e5f5;border-radius:6px}.preflight-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--color-text-secondary, #666)}.preflight-results{display:flex;flex-direction:column;gap:16px}.preflight-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:500}.preflight-status--ok{background:#e8f5e9;color:#2e7d32}.preflight-status--error{background:#ffebee;color:#c62828}.preflight-issues{margin-top:8px}.preflight-issues h4{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.preflight-issues ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.preflight-issue{display:flex;align-items:flex-start;gap:8px;font-size:14px;padding:8px 12px;border-radius:6px}.preflight-issue svg{flex-shrink:0;margin-top:2px}.preflight-issue--critical{background:#ffebee;color:#c62828}.preflight-issue--warning{background:#fff3e0;color:#e65100}.preflight-error{padding:20px;text-align:center;color:var(--color-text-tertiary, #999)}.finalize-preview-container{display:flex;gap:24px;align-items:flex-start}.finalize-preview-image{flex:0 0 360px;display:flex;flex-direction:column;gap:8px;background:#f0f0f0;padding:8px;border-radius:8px;border:1px solid var(--color-border, #e0e0e0)}.finalize-preview-image img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0000001a}.preview-placeholder{width:100%;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:#ddd;border-radius:4px;font-size:12px;color:#888}.preview-caption{font-size:11px;color:var(--color-text-tertiary, #999);text-align:center;font-style:italic}.finalize-settings{flex:1;display:flex;flex-direction:column;gap:16px}.setting-row{display:flex;flex-direction:column;gap:6px}.setting-row label{font-size:13px;font-weight:600;color:var(--color-text-secondary, #666)}.setting-select{padding:8px 12px;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;font-size:14px;background:#fff;width:100%}.setting-range{width:100%;height:6px;background:#ddd;border-radius:3px;outline:none;-webkit-appearance:none}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary, #2196f3);border-radius:50%;cursor:pointer}.checkbox-label{display:flex!important;align-items:center;gap:8px;font-weight:400!important;cursor:pointer}.checkbox-label input{width:16px;height:16px}.setting-hint{margin:4px 0 0;font-size:12px;color:var(--color-text-tertiary, #999)}.finalize-card--generate{border:2px solid var(--color-primary-light, #bbdefb)}.generate-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffebee;color:#c62828;border-radius:8px;margin-bottom:16px;font-size:14px}.generate-progress{margin-bottom:16px}.progress-bar{height:8px;background:var(--color-background, #f5f5f5);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary, #2196f3);transition:width .3s ease}.progress-text{margin-top:8px;font-size:13px;color:var(--color-text-secondary, #666);text-align:center}.generate-complete{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#e8f5e9;color:#2e7d32;border-radius:8px;margin-bottom:16px;font-weight:500}.generate-actions{display:flex;gap:12px;flex-wrap:wrap}.generate-hint{margin:12px 0 0;font-size:12px;color:var(--color-text-tertiary, #999)}.button--large{padding:12px 24px;font-size:15px}.button--ghost{background:transparent;border:none;color:var(--color-text-secondary, #666)}.button--ghost:hover{background:var(--color-background, #f5f5f5);color:var(--color-text, #333)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.align-picker{display:flex;gap:4px}.align-btn{padding:4px 10px;font-size:13px;font-weight:600;border:1px solid var(--color-border, #e0e0e0);border-radius:4px;background:#fff;cursor:pointer;color:var(--color-text-secondary, #666);transition:background .1s,color .1s}.align-btn--active{background:var(--color-primary, #2196f3);color:#fff;border-color:var(--color-primary, #2196f3)}.align-btn:hover:not(.align-btn--active){background:var(--color-background, #f5f5f5)}.setting-row--align{flex-direction:row;align-items:center;justify-content:space-between}.setting-row--align label{flex-shrink:0}.setting-row--checkbox{flex-direction:row;align-items:center}.setting-hint-inline{font-size:11px;color:var(--color-text-tertiary, #999);font-weight:400}.setting-select--sm{width:auto;min-width:130px}.phase-stepper{display:flex;align-items:center;gap:.25rem}.phase-stepper__step{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border:1px solid transparent;border-radius:.375rem;background:transparent;color:var(--neutral-400);cursor:pointer;font-size:.875rem;white-space:nowrap}.phase-stepper__step:hover{color:var(--neutral-0);background:var(--neutral-800)}.phase-stepper__num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--neutral-700);color:var(--neutral-200);font-size:.75rem;font-weight:700}.phase-stepper__step--current{color:var(--neutral-0)}.phase-stepper__step--current .phase-stepper__num{background:var(--primary-600);color:#fff}.phase-stepper__step--done{color:var(--neutral-200)}.phase-stepper__step--done .phase-stepper__num{background:var(--primary-600);color:#fff}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:.75rem 1.5rem;background:var(--neutral-0);border-top:1px solid var(--neutral-200);box-shadow:0 -1px 3px #0000000a;flex-shrink:0}.wizard-footer__slot{display:flex}.wizard-footer__slot--end{margin-left:auto}.wizard-footer .button{min-width:150px;gap:var(--space-2)}:root{--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--neutral-0: #ffffff;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--success-500: #22c55e;--warning-500: #f59e0b;--error-500: #ef4444;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "Monaco", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root,.app{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);background-color:var(--neutral-100);color:var(--neutral-700)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}h1,h2,h3,h4{color:var(--neutral-900);font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--space-4)}:focus-visible{outline:2px solid var(--primary-600);outline-offset:2px;border-radius:var(--radius-sm)}.text-success{color:var(--success-500)}.text-warning{color:var(--warning-500)}.text-error{color:var(--error-500)}.panel{background-color:var(--neutral-0);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200)}.app-container{display:flex;flex-direction:column;height:100%}.app-header{padding:var(--space-4);background-color:var(--neutral-0);border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}.app-main{flex:1;padding:var(--space-6);overflow-y:auto}.app-main--flush{padding:0;overflow:hidden}.persistence-warning{background-color:#fef9c3;border-bottom:1px solid #ca8a04;color:#713f12;padding:var(--space-2, .5rem) var(--space-4, 1rem);font-size:.875rem;text-align:center}.centered-layout{display:flex;align-items:center;justify-content:center;height:100%;background-color:var(--neutral-50)}.app-nav{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--neutral-900);color:var(--neutral-0);flex-shrink:0}.app-nav__title{font-weight:700;font-size:1.1rem;flex:1}.app-nav__tabs{display:flex;gap:.5rem}.app-nav__tab{padding:.375rem .875rem;border-radius:.375rem;border:1px solid transparent;background:transparent;color:var(--neutral-300);cursor:pointer;font-size:.875rem}.app-nav__tab:hover{color:var(--neutral-0);background:var(--neutral-800)}.app-nav__tab.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.app-nav__actions{display:flex;gap:.5rem;flex:1;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;text-decoration:none;white-space:nowrap}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{background-color:var(--primary-600);color:var(--neutral-0);box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled){background-color:var(--primary-700)}.button--primary:active:not(:disabled){transform:scale(.98)}.button--secondary{background-color:var(--neutral-0);color:var(--neutral-800);border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.button--secondary:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-400)}.button--secondary:active:not(:disabled){transform:scale(.98)}.button--destructive{background-color:var(--error-500);color:var(--neutral-0);box-shadow:var(--shadow-sm)}.button--destructive:hover:not(:disabled){background-color:#d02020}.button--destructive:active:not(:disabled){transform:scale(.98)}.button--ghost{background-color:transparent;color:var(--neutral-800);border-color:transparent}.button--ghost:hover:not(:disabled){background-color:var(--neutral-100)}.button--small{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.button--large{padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg)}.button--icon{padding:var(--space-2)}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);background-color:var(--neutral-0);border:1px solid var(--neutral-300);border-radius:var(--radius-md);color:var(--neutral-800);transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}.input::placeholder{color:var(--neutral-400)}.input:disabled{background-color:var(--neutral-100);color:var(--neutral-500);cursor:not-allowed}.input-group{margin-bottom:var(--space-4)}.input-group label{display:block;font-weight:var(--font-weight-medium);color:var(--neutral-800);margin-bottom:var(--space-2)}