body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-primary);overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#050505;display:flex;justify-content:center;align-items:center;z-index:10000;overflow:hidden;opacity:0;transition:opacity .8s ease-in-out}.loading-container.ready{opacity:1}.parallax-collage{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none}.collage-layer{position:absolute;top:-20%;left:-20%;width:140%;height:140%;display:flex;justify-content:center;align-items:center;will-change:transform}.layer-0{animation:zoom-out 40s linear infinite alternate;opacity:.15;filter:blur(8px) brightness(.4)}.layer-1{animation:pan-lr 30s ease-in-out infinite alternate;opacity:.25;filter:blur(4px) brightness(.6)}.layer-2{animation:drift-up 25s ease-in-out infinite alternate;opacity:.4;filter:blur(2px) brightness(.8)}.grid-container{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;width:100%;padding:40px}.photo-card{aspect-ratio:1;background:#111;border-radius:20px;overflow:hidden;border:3px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #0006;opacity:0;transform:scale3d(.8,.8,1) rotate(5deg);animation:fade-in-grid 1.5s ease-out forwards}.photo-card img{width:100%;height:100%;object-fit:cover;backface-visibility:hidden}.mask-wrapper{position:relative;z-index:10;text-align:center;mix-blend-mode:hard-light}.mask-content{display:flex;flex-direction:column;align-items:center;gap:12px}.mask-text{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:14vw;letter-spacing:-.06em;line-height:.85;margin:0;color:#fff;text-transform:uppercase;text-shadow:0 0 30px rgba(139,92,246,.3);clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:text-reveal 1.2s cubic-bezier(.2,.8,.2,1) forwards;will-change:clip-path}.mask-subtext{font-size:1rem;font-weight:600;letter-spacing:.8em;color:var(--accent-violet, #8b5cf6);opacity:0;transform:translate3d(0,20px,0);animation:sub-reveal 1s .6s ease-out forwards}.loading-footer{position:absolute;bottom:8%;left:50%;transform:translate(-50%);width:300px;z-index:11}.status-row{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em}.progress-track{width:100%;height:3px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-fill{height:100%;width:100%;background:var(--accent-violet, #8b5cf6);box-shadow:0 0 15px #8b5cf699;transform-origin:left;transition:transform .2s linear;will-change:transform}@keyframes zoom-out{0%{transform:scale3d(1.1,1.1,1)}to{transform:scaleZ(1)}}@keyframes pan-lr{0%{transform:translate3d(-5%,0,0)}to{transform:translate3d(5%,0,0)}}@keyframes drift-up{0%{transform:translate3d(0,2%,0)}to{transform:translate3d(0,-2%,0)}}@keyframes fade-in-grid{to{opacity:1;transform:scaleZ(1) rotate(0)}}@keyframes text-reveal{to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes sub-reveal{to{opacity:1;transform:translateZ(0)}}.editor-sidebar-new{width:var(--sidebar-width);background-color:var(--bg-panel);border-left:1px solid var(--border-primary);display:flex;flex-direction:column;height:100vh;z-index:var(--z-sidebar)}.sidebar-tabs{display:flex;background-color:var(--bg-panel-header);border-bottom:1px solid var(--border-primary)}.sidebar-tabs button{flex:1;padding:12px;border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.sidebar-tabs button.active{color:var(--accent-violet);background-color:var(--bg-panel);box-shadow:inset 0 -2px 0 var(--accent-violet)}.sidebar-scroll{flex:1;overflow-y:auto;padding:0}.histogram-container{padding:16px;background-color:#111;border-bottom:1px solid var(--border-primary)}.histogram-bars{height:80px;display:flex;align-items:flex-end;gap:1px}.h-bar{flex:1;background-color:#fff}.histogram-stats{display:flex;justify-content:space-between;margin-top:12px;font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.adjustment-group{border-bottom:1px solid var(--border-secondary)}.group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;background-color:var(--bg-panel)}.group-header:hover{background-color:var(--bg-control)}.group-title{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.group-content{padding:16px;background-color:#181818}.slider-control{margin-bottom:14px}.slider-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.75rem}.slider-header label{color:var(--text-secondary);font-weight:500}.slider-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.7rem}input[type=range]{width:100%;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;background:#333}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#aaa;margin-top:-5px;transition:background .2s,transform .1s}input[type=range]:hover::-webkit-slider-thumb{background:var(--accent-violet);transform:scale(1.2)}.presets-list{padding:8px}.preset-item{padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:.85rem;font-weight:500;transition:all .2s;margin-bottom:2px}.preset-item:hover{background-color:var(--bg-control);color:var(--text-primary)}.sidebar-footer{padding:12px;border-top:1px solid var(--border-primary);display:flex;gap:8px;background-color:var(--bg-panel-header)}.sidebar-footer button{flex:1;padding:8px;border:1px solid var(--border-primary);background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-footer button:hover{border-color:var(--text-secondary);color:var(--text-primary)}.sidebar-footer button.primary{background-color:#2a2a2a}.canvas-container{flex:1;background-color:var(--bg-app);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;height:100vh}.image-wrapper{position:relative;max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000080}.image-wrapper img{max-width:100%;max-height:100%;object-fit:contain;border:1px solid #333}.effect-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay}.effect-overlay.vignette{background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.8) 100%);mix-blend-mode:multiply}.effect-overlay.noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E%3C/svg%3E");opacity:.1;mix-blend-mode:overlay}.empty-canvas{color:var(--text-secondary);text-align:center;font-size:1.2rem;font-weight:500;opacity:.5}.editor-toolbar{height:48px;background-color:var(--bg-panel);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;padding:0 16px;z-index:100}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:8px}.tool-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.85rem;transition:all .2s}.tool-btn:hover{color:var(--text-primary);background-color:var(--bg-control)}.tool-btn:active{background-color:var(--bg-control-active)}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn.primary{background-color:var(--accent-violet);color:#fff}.tool-btn.primary:hover{background-color:var(--accent-violet-hover)}.divider{width:1px;height:24px;background-color:var(--border-secondary);margin:0 8px}:root{--bg-app: #121212;--bg-panel: #1e1e1e;--bg-panel-header: #242424;--bg-control: #2d2d2d;--bg-control-active: #3a3a3a;--border-primary: #333333;--border-secondary: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-violet: #8b5cf6;--accent-violet-hover: #7c3aed;--accent-secondary: #ec4899;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--z-sidebar: 50;--z-overlay: 100;--z-toast: 200;--sidebar-width: 320px;--header-height: 48px}body{background-color:var(--bg-app);color:var(--text-primary)}