:root{--crz-primary:#00C7BE;--crz-primary-hover:#009E97;--crz-primary-light:rgba(0,199,190,0.08);--crz-primary-border:rgba(0,199,190,0.25);--crz-primary-glow:rgba(0,199,190,0.4);--crz-bg:#FAFAF8;--crz-bg-dark:#0A1628;--crz-text:#111827;--crz-muted:#6b7280;--crz-border:#e5e7eb;--crz-card:#fff;--crz-radius:16px;--crz-workspace:#0f0f0f;--crz-surface:#1a1a1a;--crz-surface-2:#252525;--crz-panel:#1a1a1a;--crz-panel-border:rgba(255,255,255,.08)}.crz-page{background:var(--crz-bg);min-height:100vh;font-family:'DM Sans',sans-serif}.crz-page .landing-hero{background:linear-gradient(165deg,#051414 0%,#0a2626 30%,#082020 55%,#041212 100%)}.crz-page .landing-hero::before{background:radial-gradient(ellipse 55% 50% at 70% 25%,rgba(0,199,190,.15),transparent),radial-gradient(ellipse 30% 45% at 15% 70%,rgba(0,158,151,.1),transparent)}.crz-page .landing-hero h1{font-family:'Sora',sans-serif}.crz-page .landing-hero h1 em{background:linear-gradient(135deg,#5EEAD4,#00C7BE);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.crz-page .landing-eyebrow{color:var(--crz-primary);border-color:rgba(0,199,190,.2);background:rgba(0,199,190,.08)}.crz-page .landing-cta-primary{background:var(--crz-primary)}.crz-page .landing-cta-primary:hover{background:var(--crz-primary-hover)}.crz-page .landing-stat-val.teal{color:var(--crz-primary)}.crz-page .landing-section-eyebrow{color:var(--crz-primary)}.crz-page .feature-icon{background:rgba(0,199,190,.08);color:var(--crz-primary)}.crz-page .landing-section-title{font-family:'Sora',sans-serif}.crz-page .landing-badge.ai{color:var(--crz-primary);background:rgba(0,199,190,.1);border-color:rgba(0,199,190,.2)}.crz-page .faq-item summary::before{color:var(--crz-primary)}.crz-app{background:var(--crz-workspace);min-height:100vh;color:#fff;font-family:'DM Sans',sans-serif;display:flex;flex-direction:column}.crz-app h1,.crz-app h2,.crz-app h3,.crz-app h4,.crz-app h5,.crz-app h6{color:#fff;font-family:'Sora',sans-serif}.crz-app p{color:rgba(255,255,255,.7)}.crz-app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--crz-panel-border);background:var(--crz-panel);z-index:20;flex-shrink:0}.crz-app-logo{font-size:.82rem;font-weight:800;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.crz-app-logo span{color:var(--crz-primary)}.crz-header-actions{display:flex;align-items:center;gap:8px}.crz-btn{padding:8px 16px;border-radius:10px;font-size:.75rem;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.crz-btn-primary{background:var(--crz-primary);color:#fff;box-shadow:0 0 20px var(--crz-primary-glow)}.crz-btn-primary:hover{background:var(--crz-primary-hover);transform:translateY(-1px)}.crz-btn-secondary{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.1)}.crz-btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}.crz-btn-sm{padding:6px 12px;font-size:.7rem}.crz-btn-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.6);cursor:pointer;font-size:1rem;transition:all .15s}.crz-btn-icon:hover{background:rgba(255,255,255,.1);color:#fff}.crz-workspace-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 53px);height:calc(100dvh - 53px)}.crz-main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.crz-upload-state{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.crz-upload-card{width:100%;max-width:540px;text-align:center}.crz-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;border:2px dashed rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:all .2s;margin-bottom:24px}.crz-drop-zone:hover,.crz-drop-zone.dragover{border-color:var(--crz-primary-border);background:var(--crz-primary-light)}.crz-drop-icon{font-size:2.4rem;opacity:.5}.crz-drop-title{font-size:1rem;font-weight:800;color:rgba(255,255,255,.8)}.crz-drop-sub{font-size:.75rem;color:rgba(255,255,255,.35)}.crz-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.crz-preset-label{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.35);width:100%;margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em}.crz-preset-btn{padding:8px 16px;border-radius:100px;font-size:.72rem;font-weight:700;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.6);cursor:pointer;transition:all .15s;font-family:inherit}.crz-preset-btn:hover{background:rgba(255,255,255,.08);color:#fff}.crz-preset-btn.active{background:var(--crz-primary-light);color:var(--crz-primary);border-color:var(--crz-primary-border)}.crz-editor{display:flex;flex:1;overflow:hidden}.crz-editor-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden;position:relative}.crz-original-wrap{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.crz-original-img{max-width:100%;max-height:calc(100vh - 200px);border-radius:8px;cursor:crosshair;box-shadow:0 8px 40px rgba(0,0,0,.6)}.crz-focal-marker{position:absolute;width:32px;height:32px;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.crz-focal-marker::before,.crz-focal-marker::after{content:'';position:absolute;background:var(--crz-primary)}.crz-focal-marker::before{width:2px;height:100%;left:50%;transform:translateX(-50%)}.crz-focal-marker::after{height:2px;width:100%;top:50%;transform:translateY(-50%)}.crz-focal-ring{position:absolute;inset:4px;border:2px solid var(--crz-primary);border-radius:50%}.crz-focal-info{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:.72rem;color:rgba(255,255,255,.4)}.crz-focal-info button{padding:4px 12px;border-radius:8px;font-size:.65rem;font-weight:700;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);cursor:pointer;font-family:inherit;transition:all .15s}.crz-focal-info button:hover{background:rgba(255,255,255,.1);color:#fff}.crz-sidebar{width:300px;background:var(--crz-surface);border-left:1px solid var(--crz-panel-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;scrollbar-width:thin}.crz-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--crz-panel-border)}.crz-sidebar-title{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35)}.crz-sidebar-count{font-size:.65rem;font-weight:700;color:var(--crz-primary);background:var(--crz-primary-light);padding:2px 10px;border-radius:100px}.crz-fill-bar{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid var(--crz-panel-border)}.crz-fill-btn{flex:1;padding:6px 4px;border-radius:8px;font-size:.6rem;font-weight:700;text-align:center;cursor:pointer;background:none;border:1px solid transparent;color:rgba(255,255,255,.4);font-family:inherit;transition:all .15s}.crz-fill-btn:hover{color:rgba(255,255,255,.7);background:rgba(255,255,255,.04)}.crz-fill-btn.active{background:var(--crz-primary-light);color:var(--crz-primary);border-color:var(--crz-primary-border)}.crz-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;flex:1;overflow-y:auto;align-content:start}.crz-size-card{border-radius:10px;overflow:hidden;cursor:pointer;background:var(--crz-surface-2);border:1px solid rgba(255,255,255,.06);transition:all .2s}.crz-size-card:hover{border-color:rgba(255,255,255,.15)}.crz-size-card.active{border-color:var(--crz-primary)}.crz-size-card.disabled{opacity:.35;pointer-events:none}.crz-size-preview{width:100%;aspect-ratio:16/10;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center;position:relative}.crz-size-preview canvas{max-width:100%;max-height:100%;object-fit:contain}.crz-size-preview .crz-placeholder{font-size:.6rem;color:rgba(255,255,255,.2)}.crz-size-meta{padding:6px 8px;display:flex;align-items:center;justify-content:space-between}.crz-size-name{font-size:.6rem;font-weight:700;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crz-size-dims{font-size:.5rem;font-weight:600;color:rgba(255,255,255,.3);white-space:nowrap}.crz-size-dl{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:rgba(255,255,255,.3);cursor:pointer;font-size:.7rem;transition:all .15s;flex-shrink:0}.crz-size-dl:hover{color:var(--crz-primary);background:var(--crz-primary-light)}.crz-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--crz-panel);border-top:1px solid var(--crz-panel-border);flex-shrink:0}.crz-bottom-info{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.5)}.crz-bottom-actions{display:flex;gap:8px}.crz-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);padding:12px 24px;border-radius:12px;background:var(--crz-surface-2);color:#fff;font-size:.8rem;font-weight:700;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;transition:all .3s;z-index:100;pointer-events:none}.crz-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.crz-toast.success{border:1px solid rgba(0,199,190,.4)}.crz-toast.error{border:1px solid rgba(255,59,48,.4)}.crz-modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:24px}.crz-modal-backdrop.open{display:flex}.crz-modal-content{position:relative;max-width:90vw;max-height:90vh}.crz-modal-content canvas{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 12px 60px rgba(0,0,0,.6)}.crz-modal-info{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.crz-modal-label{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.8)}.crz-modal-dims{font-size:.72rem;color:rgba(255,255,255,.4)}.crz-modal-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;border-radius:50%;background:var(--crz-surface-2);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.crz-modal-close:hover{background:rgba(255,255,255,.15)}@media (max-width:768px){.crz-editor{flex-direction:column}.crz-sidebar{width:100%;max-height:50vh;border-left:none;border-top:1px solid var(--crz-panel-border)}.crz-editor-left{padding:16px;min-height:40vh}.crz-original-img{max-height:35vh}.crz-size-grid{grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px}.crz-app-header{padding:8px 12px}.crz-app-logo{font-size:.75rem}.crz-upload-state{padding:20px}.crz-drop-zone{padding:32px 20px}.crz-bottom-bar{padding:8px 12px}.crz-fill-bar{padding:8px 12px}}@media (max-width:480px){.crz-size-grid{grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px}.crz-fill-bar{flex-wrap:wrap}}.crz-hero-preview-wrap{background:linear-gradient(135deg,#1a1a1a,#1a2a2a);border-radius:16px;overflow:hidden;box-shadow:0 12px 48px rgba(0,199,190,.15);max-width:440px;margin:0 auto}.crz-hero-source{padding:20px 20px 12px;text-align:center}.crz-hero-source-img{width:200px;height:200px;border-radius:10px;background:linear-gradient(135deg,#00C7BE,#009E97);margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:3rem}.crz-hero-source-label{font-size:.6rem;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06em}.crz-hero-arrow{text-align:center;font-size:1.2rem;color:var(--crz-primary);padding:4px 0}.crz-hero-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 16px 16px}.crz-hero-size{border-radius:6px;overflow:hidden;background:#252525}.crz-hero-size-thumb{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(0,199,190,.2),rgba(0,199,190,.05))}.crz-hero-size-name{padding:3px 4px;font-size:.4rem;font-weight:700;color:rgba(255,255,255,.4);text-align:center;background:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.crz-focal-info button{min-height:44px;padding:10px 14px;font-size:16px}.crz-size-grid,.crz-hero-sizes{grid-template-columns:1fr}}