:root{--car-primary:#AF52DE;--car-primary-hover:#8E44AD;--car-primary-light:rgba(175,82,222,0.08);--car-primary-border:rgba(175,82,222,0.25);--car-primary-glow:rgba(175,82,222,0.4);--car-gold:#D4AF37;--car-kente-red:#C41E3A;--car-kente-green:#006B3C;--car-bg:#FAFAF8;--car-bg-dark:#0A1628;--car-text:#111827;--car-muted:#6b7280;--car-border:#e5e7eb;--car-card:#fff;--car-radius:16px;--car-workspace:#0f0f0f;--car-surface:#1a1a1a;--car-surface-2:#252525;--car-panel:#1a1a1a;--car-panel-border:rgba(255,255,255,.08)}.car-page{background:var(--car-bg);min-height:100vh}.car-page .landing-eyebrow{color:var(--car-primary);border-color:rgba(175,82,222,.2);background:rgba(175,82,222,.08)}.car-page .landing-cta-primary{background:var(--car-primary)}.car-page .landing-cta-primary:hover{background:var(--car-primary-hover)}.car-page .landing-stat-val.purple{color:var(--car-primary)}.car-page .landing-section-eyebrow{color:var(--car-primary)}.car-page .feature-icon{background:rgba(175,82,222,.08);color:var(--car-primary)}.car-page h1 em{color:var(--car-primary)}.car-hero-mockup{background:linear-gradient(135deg,#1a1a1a,#2a1a2a);border-radius:16px;overflow:hidden;box-shadow:0 12px 48px rgba(175,82,222,.15);max-width:380px;margin:0 auto}.car-hero-slides{display:flex;gap:4px;padding:12px 12px 0;overflow:hidden}.car-hero-slide{width:110px;flex-shrink:0;aspect-ratio:4/5;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:#fff;text-align:center;padding:8px;line-height:1.2}.car-hero-slide:nth-child(1){background:linear-gradient(135deg,#AF52DE,#5B21B6)}.car-hero-slide:nth-child(2){background:linear-gradient(135deg,#5B21B6,#1a1a2a)}.car-hero-slide:nth-child(3){background:linear-gradient(135deg,#1a1a2a,#AF52DE)}.car-hero-filmstrip{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#1a1a1a}.car-hero-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}.car-hero-dot.active{background:var(--car-primary)}.car-hero-export{padding:6px 14px;border-radius:8px;background:var(--car-primary);color:#fff;font-size:.6rem;font-weight:800;margin-left:auto;box-shadow:0 0 12px var(--car-primary-glow)}.car-app{background:var(--car-workspace);min-height:100vh;color:#fff;display:flex;flex-direction:column}.car-app-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--car-panel-border);background:var(--car-panel);z-index:20;flex-shrink:0}.car-app-logo{font-size:.82rem;font-weight:800;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.car-app-logo span{color:var(--car-primary)}.car-header-actions{display:flex;align-items:center;gap:8px}.car-btn{padding:8px 16px;border-radius:10px;font-size:.75rem;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.car-btn-primary{background:var(--car-primary);color:#fff;box-shadow:0 0 20px var(--car-primary-glow)}.car-btn-primary:hover{background:var(--car-primary-hover);transform:translateY(-1px)}.car-btn-secondary{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.1)}.car-btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff}.car-btn-sm{padding:6px 12px;font-size:.7rem}.car-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}.car-btn-icon:hover{background:rgba(255,255,255,.1);color:#fff}.car-btn-danger{color:#FF3B30 !important}.car-btn-danger:hover{background:rgba(255,59,48,.15) !important}.car-size-bar{display:flex;gap:6px;padding:8px 16px;background:var(--car-surface);border-bottom:1px solid var(--car-panel-border);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.car-size-bar::-webkit-scrollbar{display:none}.car-size-btn{padding:6px 14px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1px}.car-size-btn:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.car-size-btn.active{border-color:var(--car-primary);color:var(--car-primary);background:var(--car-primary-light)}.car-size-label{font-size:.6rem;font-weight:700}.car-size-dim{font-size:.5rem;opacity:.5}.car-workspace-layout{display:flex;flex:1;overflow:hidden;height:calc(100vh - 95px);height:calc(100dvh - 95px)}.car-sidebar{width:280px;background:var(--car-surface);border-right:1px solid var(--car-panel-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;scrollbar-width:thin}.car-sidebar-section{padding:16px;border-bottom:1px solid var(--car-panel-border)}.car-sidebar-title{font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:12px}.car-tool-tabs{display:flex;border-bottom:1px solid var(--car-panel-border)}.car-tool-tab{flex:1;padding:10px 4px;background:none;border:none;font-size:.6rem;font-weight:700;color:rgba(255,255,255,.4);cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;border-bottom:2px solid transparent}.car-tool-tab:hover{color:rgba(255,255,255,.7)}.car-tool-tab.active{color:var(--car-primary);border-bottom-color:var(--car-primary);background:var(--car-primary-light)}.car-tool-panel{display:none}.car-tool-panel.active{display:block}.car-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:var(--car-workspace);flex-direction:column}.car-canvas-info{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:.6rem;font-weight:700;color:rgba(255,255,255,.25);z-index:5;white-space:nowrap}.car-canvas-container{position:relative;box-shadow:0 8px 40px rgba(0,0,0,.6)}.car-canvas{position:relative;overflow:hidden;background:#fff;cursor:default}.car-element{position:absolute;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none}.car-element.selected{outline:2px solid var(--car-primary);outline-offset:2px}.car-element-text{cursor:text;line-height:1.15;word-wrap:break-word;overflow-wrap:break-word}.car-element-text[contenteditable="true"]{outline:2px solid var(--car-primary);outline-offset:2px;cursor:text}.car-element-image{overflow:hidden}.car-element-image img{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.car-element-emoji{cursor:move;user-select:none;line-height:1}.car-handles{position:absolute;inset:-6px;pointer-events:none}.car-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--car-primary);border-radius:2px;pointer-events:all;cursor:pointer;z-index:10}.car-font-list{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto}.car-font-item{padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.82rem;color:rgba(255,255,255,.7);border:none;background:none;text-align:left;width:100%;font-family:inherit;transition:background .15s}.car-font-item:hover{background:rgba(255,255,255,.06)}.car-font-item.active{background:var(--car-primary-light);color:var(--car-primary)}.car-slider-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.car-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:rgba(255,255,255,.12);border-radius:4px;outline:none}.car-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--car-primary);cursor:pointer}.car-slider-val{font-size:.7rem;font-weight:700;color:rgba(255,255,255,.6);min-width:32px;text-align:right}.car-color-swatches{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.car-color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s}.car-color-swatch:hover{transform:scale(1.15)}.car-color-swatch.active{border-color:#fff}.car-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.car-toggle-label{font-size:.75rem;font-weight:600;color:rgba(255,255,255,.7)}.car-toggle{position:relative;width:40px;height:22px;background:rgba(255,255,255,.12);border-radius:100px;cursor:pointer;transition:background .2s}.car-toggle.on{background:var(--car-primary)}.car-toggle::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.car-toggle.on::after{transform:translateX(18px)}.car-brand-input{width:100%;padding:8px 12px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.75rem;font-family:inherit;margin-bottom:8px;transition:border-color .15s;box-sizing:border-box}.car-brand-input:focus{outline:none;border-color:var(--car-primary)}.car-brand-input::placeholder{color:rgba(255,255,255,.25)}.car-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.car-upload-zone:hover{border-color:var(--car-primary-border);background:var(--car-primary-light)}.car-upload-icon{font-size:1.5rem;opacity:.4}.car-upload-text{font-size:.72rem;color:rgba(255,255,255,.4)}.car-sticker-tabs{display:flex;gap:4px;margin-bottom:10px;flex-wrap:wrap}.car-sticker-tab{padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:.6rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.car-sticker-tab:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.8)}.car-sticker-tab.active{border-color:var(--car-primary);color:var(--car-primary);background:var(--car-primary-light)}.car-sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.car-sticker-btn{width:100%;aspect-ratio:1;border:none;background:rgba(255,255,255,.04);border-radius:8px;cursor:pointer;font-size:1.4rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.car-sticker-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.car-palette-list{display:flex;flex-direction:column;gap:8px}.car-palette-row{display:flex;align-items:center;gap:8px}.car-palette-label{font-size:.6rem;font-weight:700;color:rgba(255,255,255,.4);min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-palette-dots{display:flex;gap:4px}.car-palette-dot{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .15s}.car-palette-dot:hover{transform:scale(1.2);border-color:rgba(255,255,255,.3)}.car-filmstrip{display:flex;gap:8px;padding:12px 16px;background:var(--car-surface);border-top:1px solid var(--car-panel-border);overflow-x:auto;scrollbar-width:none;flex-shrink:0;align-items:center}.car-filmstrip::-webkit-scrollbar{display:none}.car-filmstrip-slide{width:72px;flex-shrink:0;cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s;position:relative}.car-filmstrip-slide:hover{border-color:rgba(255,255,255,.2)}.car-filmstrip-slide.active{border-color:var(--car-primary);box-shadow:0 0 12px var(--car-primary-glow)}.car-filmstrip-thumb{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:800;color:rgba(255,255,255,.8);overflow:hidden}.car-filmstrip-num{position:absolute;bottom:2px;right:4px;font-size:.5rem;font-weight:800;color:rgba(255,255,255,.5)}.car-filmstrip-add{width:72px;height:90px;flex-shrink:0;border:2px dashed rgba(255,255,255,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.3);font-size:1.4rem;transition:all .2s}.car-filmstrip-add:hover{border-color:var(--car-primary-border);color:var(--car-primary)}.car-filmstrip-remove{width:72px;height:90px;flex-shrink:0;border:2px dashed rgba(255,59,48,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,59,48,.4);font-size:1rem;transition:all .2s}.car-filmstrip-remove:hover{border-color:rgba(255,59,48,.5);color:#FF3B30}.car-template-strip-wrapper{background:var(--car-surface);border-top:1px solid var(--car-panel-border);flex-shrink:0}.car-filter-bar{display:flex;gap:4px;padding:8px 16px 0;overflow-x:auto;scrollbar-width:none}.car-filter-bar::-webkit-scrollbar{display:none}.car-filter-btn{padding:4px 12px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.4);font-size:.6rem;font-weight:700;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all .15s;flex-shrink:0}.car-filter-btn:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.car-filter-btn.active{border-color:var(--car-primary);color:var(--car-primary);background:var(--car-primary-light)}.car-template-strip{display:flex;gap:8px;padding:8px 16px 12px;overflow-x:auto;scrollbar-width:none}.car-template-strip::-webkit-scrollbar{display:none}.car-template-card{width:100px;flex-shrink:0;cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s}.car-template-card:hover{border-color:rgba(255,255,255,.2)}.car-template-card.active{border-color:var(--car-primary)}.car-template-thumb{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;color:rgba(255,255,255,.8);text-align:center;padding:4px;position:relative}.car-template-name{padding:4px 6px;font-size:.55rem;font-weight:700;color:rgba(255,255,255,.5);text-align:center;background:var(--car-surface-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-afro-badge{position:absolute;top:4px;right:4px;background:linear-gradient(135deg,var(--car-gold),var(--car-kente-red));color:#fff;font-size:.45rem;font-weight:900;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.car-format-picker{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.car-format-btn{flex:1;min-width:70px;padding:8px 6px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:.6rem;font-weight:700;cursor:pointer;text-align:center;transition:all .15s;font-family:inherit}.car-format-btn:hover{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7)}.car-format-btn.active{border-color:var(--car-primary);color:var(--car-primary);background:var(--car-primary-light)}.car-layer-list{display:flex;flex-direction:column;gap:2px}.car-layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;font-size:.72rem;color:rgba(255,255,255,.7)}.car-layer-item:hover{background:rgba(255,255,255,.06)}.car-layer-item.active{background:var(--car-primary-light);color:var(--car-primary)}.car-layer-icon{font-size:.9rem;opacity:.5}.car-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.car-modal-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:20px}.car-modal-overlay.open{display:flex}.car-modal{background:var(--car-surface);border:1px solid var(--car-panel-border);border-radius:16px;padding:24px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.car-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.car-modal-close{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:none;color:rgba(255,255,255,.5);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.car-modal-close:hover{background:rgba(255,255,255,.15);color:#fff}.car-input{width:100%;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.8rem;font-family:inherit;box-sizing:border-box}.car-input:focus{outline:none;border-color:var(--car-primary)}.car-input::placeholder{color:rgba(255,255,255,.25)}.car-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.car-file-card{background:var(--car-surface-2);border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:all .2s}.car-file-card:hover{border-color:rgba(255,255,255,.15)}.car-file-card.active{border-color:var(--car-primary)}.car-file-preview{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:rgba(255,255,255,.5);background:#252525}.car-file-preview span{background:rgba(0,0,0,.4);padding:4px 10px;border-radius:6px}.car-file-info{padding:10px 12px 4px}.car-file-name{font-size:.75rem;font-weight:700;color:rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-file-date{font-size:.6rem;color:rgba(255,255,255,.3);margin-top:2px}.car-file-actions{display:flex;gap:4px;padding:6px 12px 10px}.car-file-action{width:28px;height:28px;border-radius:6px;border:none;background:rgba(255,255,255,.06);cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.car-file-action:hover{background:rgba(255,255,255,.12)}.car-mobile-toolbar{display:none;align-items:center;justify-content:space-around;padding:8px 12px;background:var(--car-panel);border-top:1px solid var(--car-panel-border);flex-shrink:0;min-height:56px}.car-mobile-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;background:none;border:none;color:rgba(255,255,255,.55);cursor:pointer;font-family:inherit;min-width:40px}.car-mobile-btn:hover{color:rgba(255,255,255,.9)}.car-mobile-btn.active{color:var(--car-primary)}.car-mobile-icon{font-size:1.2rem}.car-mobile-label{font-size:.45rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.car-sheet{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--car-surface);border-top:1px solid var(--car-panel-border);border-radius:20px 20px 0 0;max-height:55vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s cubic-bezier(.22,1,.36,1)}.car-sheet.open{transform:translateY(0)}.car-sheet-handle{width:36px;height:4px;background:rgba(255,255,255,.15);border-radius:4px;margin:10px auto 6px;cursor:pointer}.car-sheet-content{padding:12px 20px 24px}.car-sheet-title{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--car-primary);margin-bottom:14px}.car-preview-overlay{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.95);display:none;flex-direction:column;align-items:center;justify-content:center}.car-preview-overlay.open{display:flex}.car-preview-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.car-preview-slide-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;touch-action:pan-y}.car-preview-dots{display:flex;gap:8px;padding:20px}.car-preview-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25);transition:all .2s;cursor:pointer}.car-preview-dot.active{background:var(--car-primary);transform:scale(1.3)}.car-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);padding:12px 24px;border-radius:12px;background:var(--car-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}.car-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.car-toast.success{border:1px solid rgba(175,82,222,.4)}.car-toast.error{border:1px solid rgba(255,59,48,.4)}@media (max-width:768px){.car-sidebar{display:none}.car-mobile-toolbar{display:flex}.car-template-strip{padding:8px 12px}.car-workspace-layout{flex-direction:column}.car-canvas-area{min-height:35vh}.car-app-header{padding:8px 12px}.car-app-logo{font-size:.75rem}.car-filmstrip{padding:8px 12px}.car-filmstrip-slide{width:56px}.car-filmstrip-add,.car-filmstrip-remove{width:56px;height:70px}.car-size-bar{padding:6px 12px;gap:4px}.car-size-btn{padding:4px 10px}.car-size-label{font-size:.5rem}.car-files-grid{grid-template-columns:1fr}.car-header-actions{gap:4px}.car-btn-icon{width:32px;height:32px;font-size:.85rem}.car-workspace-layout{height:calc(100vh - 95px);height:calc(100dvh - 95px)}}@media (min-width:769px){.car-sheet:not(#export-panel):not(#preview-overlay){display:none}}@media (max-width:768px){.car-sticker-grid{display:block}.car-sticker-btn{display:inline-flex;width:calc(33.333% - 6px);margin:0 6px 6px 0;vertical-align:top}}