:root{--color-primary: #2563EB;--color-primary-light: #60A5FA;--color-primary-dark: #1D4ED8;--color-secondary: #475569;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-text: #111827;--color-text-light: #6B7280;--color-background: #FFFFFF;--color-background-light: #F9FAFB;--color-surface: #FFFFFF;--color-border: #E5E7EB;--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--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;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);font-family:var(--font-family);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: dark){:root{--color-text: #F9FAFB;--color-text-light: #9CA3AF;--color-background: #111827;--color-background-light: #1F2937;--color-surface: #1F2937;--color-border: #374151}}body{margin:0;min-width:320px;min-height:100vh}#app{max-width:100%;margin:0 auto;text-align:center;height:100vh;display:flex;flex-direction:column}button{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:500;font-family:inherit;background-color:var(--color-primary);color:#fff;cursor:pointer;transition:background-color var(--transition-normal);user-select:none;touch-action:manipulation}button:hover{background-color:var(--color-primary-dark)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{background-color:var(--color-text-light);cursor:not-allowed;opacity:.7}.btn-secondary{background-color:var(--color-secondary)}.btn-secondary:hover{background-color:#334155}.btn-success{background-color:var(--color-success)}.btn-success:hover{background-color:#059669}.btn-warning{background-color:var(--color-warning)}.btn-warning:hover{background-color:#d97706}.btn-danger{background-color:var(--color-error)}.btn-danger:hover{background-color:#dc2626}.btn-icon{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.p-4{padding:var(--space-4)}.p-8{padding:var(--space-8)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}.hidden{display:none}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}@media (min-width: 640px){.container{padding:var(--space-6)}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.container{padding:var(--space-8)}}.custom-icon{display:inline-block;width:1.2em;height:1.2em;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle;filter:invert(24%) sepia(90%) saturate(1352%) hue-rotate(209deg) brightness(96%) contrast(96%)}.capture-btn .custom-icon{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.photo-input-icon .custom-icon{width:3em;height:3em}.icon-camera{background-image:url(/icons/camera.svg)}.icon-cloud-arrow-up{background-image:url(/icons/cloud-arrow-up.svg)}.icon-images{background-image:url(/icons/images.svg)}.icon-x{background-image:url(/icons/x.svg);filter:none!important}.icon-trash{background-image:url(/icons/trash.svg)}.icon-check{background-image:url(/icons/check.svg)}:root{--primary-color: #3498db;--primary-dark-color: #2980b9;--secondary-color: #2ecc71;--secondary-dark-color: #27ae60;--danger-color: #e74c3c;--warning-color: #f39c12;--info-color: #3498db;--success-color: #2ecc71;--light-color: #f8f9fa;--dark-color: #343a40;--color-primary: #2563EB;--color-primary-dark: #1d4ed8;--color-background: #f0f2f5;--color-surface: #FFFFFF;--color-text: #1F2937;--color-text-light: #6B7280;--color-border: #E5E7EB;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-md: .375rem;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}body{font-family:var(--font-family);line-height:1.5;background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-container{flex:1;display:flex;flex-direction:column;background-color:var(--color-background);color:var(--color-text)}.main-content{min-height:calc(100vh - 180px);width:100%;padding-bottom:40px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-footer{width:100%;padding:var(--space-4);text-align:center;background-color:var(--color-background);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #0000000d;z-index:10;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:15px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-links a{color:#555;text-decoration:none;font-size:14px;transition:color .3s}.footer-links a:hover{color:var(--primary-color)}.footer-copyright{color:#777;font-size:14px;text-align:center}.btn-reset{padding:var(--space-2) var(--space-4);border:1px solid var(--primary-color);border-radius:var(--radius-md);background-color:transparent;color:var(--primary-color);font-weight:500;cursor:pointer;font-size:14px;transition:all .3s;margin-bottom:15px}.btn-reset:hover{background-color:var(--primary-color);color:#fff}@media (max-width: 768px){.main-content{min-height:calc(100vh - 150px)}.footer-links{gap:15px}.footer-links a{font-size:13px}.footer-copyright{font-size:12px}}