:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--accent-primary: #646cff;--accent-gradient: linear-gradient(135deg, #646cff 0%, #a78bfa 100%);--accent-hover: #747bff;--border-color: rgba(255, 255, 255, .08);--success: #10b981;--error: #ef4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@media (max-width: 768px){:root{--spacing-md: 12px;--spacing-lg: 16px}button,input,select{min-height:44px}::-webkit-scrollbar{width:0px;background:transparent}}.controls-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-left:2px}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-primary);font-size:var(--font-size-sm);width:100%;cursor:pointer;transition:all .2s ease;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='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select:hover{border-color:var(--text-tertiary);background-color:#ffffff0d}select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #646cff33}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;height:24px;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);transition:background .2s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--text-primary);margin-top:-6px;box-shadow:0 2px 4px #0000004d;transition:transform .1s ease,background-color .2s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1);background:var(--accent-primary)}input[type=range]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #646cff4d}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;text-transform:none;font-size:var(--font-size-sm);color:var(--text-primary)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--border-color);border-radius:4px;background-color:#ffffff0d;display:grid;place-content:center;transition:all .2s ease}.control-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:var(--spacing-xs)}input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:.2s transform ease-in-out;box-shadow:inset 1em 1em var(--bg-primary);transform-origin:center;background-color:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:checked:before{transform:scale(1);background-color:#fff}.actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}button.btn-primary,button.btn-secondary{width:100%;padding:12px 16px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}button.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #646cff4d}button.btn-primary:hover{box-shadow:0 6px 16px #646cff80;transform:translateY(-1px)}button.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid transparent}button.btn-secondary:hover{background:#ffffff1f;border-color:var(--border-color)}button.btn-secondary:active,button.btn-primary:active{transform:translateY(1px)}.canvas-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-lg)}.editor-canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:var(--shadow-2xl);border-radius:var(--radius-sm)}.processing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);font-weight:500;z-index:10}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--accent-primary);animation:spin 1s ease-in-out infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{display:block;position:relative;height:100vh;width:100vw;background-color:var(--bg-primary);overflow:hidden}.sidebar{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);bottom:var(--spacing-lg);width:320px;background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:100;transition:transform .3s ease}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.sidebar-header h1{font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em;background:var(--text-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:var(--text-tertiary) transparent}.main-content{width:100%;height:100%;background-color:var(--bg-primary);background-image:radial-gradient(circle at 1px 1px,var(--bg-tertiary) 1px,transparent 0);background-size:40px 40px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.app-layout{display:flex;flex-direction:column;height:100vh;height:100dvh}.main-content{flex:1;width:100%;order:0;border-bottom:1px solid var(--glass-border)}.sidebar{position:relative;width:100%;height:45%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:none;border-top:1px solid var(--glass-border);box-shadow:0 -4px 20px #0000004d;order:1;inset:auto}.sidebar-header,.sidebar-content{padding:var(--spacing-md) var(--spacing-lg)}}.main-content{background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.image-uploader{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background-color:var(--glass-bg);transition:all .3s ease;position:relative;min-height:300px}.image-uploader.dragging{border-color:var(--accent-primary);background-color:#646cff1a}.upload-content{text-align:center;color:var(--text-secondary);pointer-events:none}.upload-content svg{margin-bottom:var(--spacing-md);color:var(--text-primary)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:all}