:root{--color-bg-primary:#f9fafb;--color-bg-secondary:#fff;--color-bg-accent:#f3f4f6;--color-bg-accent-hover:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-accent:#6b7280;--color-border:#e5e7eb;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#e0e7ff;--color-primary-border:#a5b4fc;--color-success:#10b981;--color-success-hover:#059669;--color-shadow:rgba(0,0,0,.1);--transition-default:.3s ease}.dark{--color-bg-primary:#111827;--color-bg-secondary:#1f2937;--color-bg-accent:#374151;--color-bg-accent-hover:#4b5563;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-accent:#9ca3af;--color-border:#374151;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#312e81;--color-primary-border:#4f46e5;--color-success:#10b981;--color-success-hover:#059669;--color-shadow:rgba(0,0,0,.3)}body{font-family:Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease}header,footer{background-color:var(--color-bg-secondary);border-color:var(--color-border);transition:background-color .3s ease}.bg-white,.dark .dark\:bg-gray-800{background-color:var(--color-bg-secondary);transition:background-color .3s ease}.border,.border-t,.border-b,.border-l,.border-r{border-color:var(--color-border);transition:border-color .3s ease}button{transition:background-color .3s ease,color .3s ease,border-color .3s ease}button.active-tab{background-color:var(--color-primary);color:#fff}.position-btn.active{background-color:var(--color-primary-light);border-color:var(--color-primary-border)}.spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary);animation:spinner 1s ease-in-out infinite}.dark .spinner{border-color:rgba(255,255,255,.1);border-top-color:var(--color-primary)}@keyframes spinner{to{transform:rotate(360deg)}}#previewContainer{overflow:hidden;min-height:550px;height:calc(100% - 40px);display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-accent);transition:background-color .3s ease;position:relative}#imagePreview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}#previewImage{display:block;max-width:85%;max-height:85%;object-fit:contain}#extendedImageArea{position:absolute;background-repeat:no-repeat;box-shadow:0 -2px 8px rgba(0,0,0,.2);z-index:5}.lg\:col-span-2>div{height:100%;display:flex;flex-direction:column}.lg\:col-span-2>div>h2{margin-bottom:1rem}@media (min-width:1024px){.grid.grid-cols-1.lg\:grid-cols-3{grid-template-rows:auto 1fr}#previewContainer{min-height:650px}#previewImage{max-width:90%;max-height:90%}}.caption-suggestion{padding:8px 12px;background-color:var(--color-bg-accent);border-radius:6px;cursor:pointer;transition:var(--transition-default)}.caption-suggestion:hover{background-color:var(--color-bg-accent-hover)}.image-list-item{display:flex;align-items:center;padding:8px 10px;border-radius:6px;background-color:var(--color-bg-accent);transition:var(--transition-default);cursor:pointer}.image-list-item:hover{background-color:var(--color-bg-accent-hover)}.image-list-item.active{background-color:var(--color-primary-light);border-left:3px solid var(--color-primary)}.image-list-item .image-thumbnail{width:40px;height:40px;border-radius:4px;object-fit:cover;margin-right:10px}.image-list-item .image-info{flex-grow:1}.image-list-item .image-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;color:var(--color-text-primary)}.image-list-item .image-actions{display:flex;gap:8px}.image-list-item .image-action-btn{color:var(--color-text-accent);transition:var(--transition-default)}.image-list-item .image-action-btn:hover{color:var(--color-primary)}.apply-to-all-container{display:flex;align-items:center;margin-top:8px;padding:6px 0}.apply-to-all-container input[type=checkbox]{margin-right:8px}input,select,textarea{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border);transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width:640px){#previewContainer{min-height:300px}.grid-cols-2{grid-template-columns:1fr}.image-list-item .image-name{max-width:80px}}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input[type=color]{-webkit-appearance:none;width:100%;height:100%;background-color:transparent;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}::placeholder{color:var(--color-text-accent);opacity:.7}@media (max-width:768px){h1{font-size:1.25rem}h2{font-size:1.125rem}}#captionPreview{padding:8px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#captionPreview>div{margin-bottom:4px;line-height:1.3;font-size:24px}