.app-shell *{font-family:Lexend,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-shell{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;color:#1d1d1f!important;background-color:#f5f5f7!important}.app-shell h1,.app-shell h2,.app-shell h3{letter-spacing:-.022em}.app-shell .tracking-tight{letter-spacing:-.022em!important}.app-shell .bg-blue-600,.app-shell .bg-indigo-600{background-color:#dc2f26!important}.app-shell .bg-blue-700,.app-shell .hover\:bg-blue-700:hover{background-color:#b8241d!important}.app-shell .active\:bg-blue-800:active{background-color:#931d18!important}.app-shell .text-blue-600,.app-shell .text-blue-500{color:#dc2f26!important}.app-shell .hover\:text-blue-700:hover,.app-shell .hover\:text-blue-600:hover{color:#b8241d!important}.app-shell .border-blue-500,.app-shell .border-blue-400,.app-shell .hover\:border-blue-400:hover{border-color:#dc2f26!important}.app-shell .accent-blue-600{accent-color:#dc2f26!important}.app-shell .peer:checked~.peer-checked\:bg-blue-600{background-color:#dc2f26!important}.app-shell .from-blue-600{--tw-gradient-from:#dc2f26 var(--tw-gradient-from-position)!important;--tw-gradient-to:#dc2f2600 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)!important}.app-shell .to-indigo-600{--tw-gradient-to:#0a84ff var(--tw-gradient-to-position)!important}.app-shell .text-slate-900,.app-shell .text-slate-800{color:#1d1d1f!important}.app-shell .text-slate-700{color:#424245!important}.app-shell .text-slate-600{color:#515154!important}.app-shell .text-slate-500{color:#6e6e73!important}.app-shell .text-slate-400{color:#86868b!important}.app-shell .bg-slate-50{background-color:#f5f5f7!important}.app-shell .bg-slate-100,.app-shell .hover\:bg-slate-100:hover{background-color:#ececef!important}.app-shell .bg-slate-200,.app-shell .hover\:bg-slate-200:hover{background-color:#e3e3e6!important}.app-shell .border-slate-100{border-color:#eeeef1!important}.app-shell .border-slate-200{border-color:#e3e3e6!important}.app-shell .border-slate-300{border-color:#d2d2d7!important}.app-shell .bg-slate-900{background-color:#1d1d1f!important}.app-shell .bg-slate-800,.app-shell .hover\:bg-slate-800:hover{background-color:#2c2c2e!important}.app-shell .shadow-sm{box-shadow:none!important}.app-shell .shadow,.app-shell .shadow-md{box-shadow:0 1px 2px #0000000a!important}.app-shell .shadow-lg{box-shadow:0 1px 2px #00000008,0 12px 32px #0000000f!important}.app-shell .shadow-xl,.app-shell .shadow-2xl{box-shadow:0 4px 14px #0000000d,0 24px 60px #0000001a!important}.app-shell .rounded-2xl{border-radius:18px!important}@media (min-width:769px){.app-shell .text-2xl{font-size:1.625rem!important;font-weight:600!important;line-height:1.15!important}.app-shell .text-3xl{letter-spacing:-.024em!important;font-size:2rem!important;font-weight:600!important;line-height:1.1!important}.app-shell .text-4xl{letter-spacing:-.026em!important;font-size:2.5rem!important;font-weight:600!important;line-height:1.08!important}}.app-shell .rounded-xl{border-radius:12px!important}.app-shell .rounded-lg{border-radius:10px!important}.app-shell button{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s}.app-shell button:active{transform:scale(.97)}.app-shell{position:relative;overflow-x:hidden}.app-shell .orb{filter:blur(120px);z-index:-1;opacity:.6;pointer-events:none;border-radius:50%;animation:25s ease-in-out infinite float;position:fixed}.app-shell .orb-1{background:#ffe1de;width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.app-shell .orb-2{background:#ececef;width:60vw;height:60vw;animation-delay:-5s;bottom:-10%;right:-10%}.app-shell .orb-3{background:#fff1f0;width:40vw;height:40vw;animation-delay:-10s;top:30%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(0)scale(1)}}.app-shell .minimal-panel{-webkit-backdrop-filter:blur(28px)saturate(150%);background:#f5f5f7a6;border-right:1px solid #0000000a;box-shadow:inset -1px 0 #fff6}.app-shell .minimal-card{-webkit-backdrop-filter:blur(20px)saturate(150%);background:#ffffff8c;border:1px solid #fffc;border-radius:18px;transition:all .2s ease-out;box-shadow:0 4px 16px #00000008,inset 0 1px 1px #fff9}.app-shell .minimal-card:hover{background:#ffffffd9;border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0000000d,inset 0 1px 1px #fff}.app-shell .btn-primary{color:#fff;background:#dc2f26;border:1px solid #b8241d;border-radius:12px;font-weight:600;transition:all .15s;box-shadow:0 2px 8px #dc2f2626}.app-shell .btn-primary:hover{background:#b8241d;border-color:#931d18;transform:translateY(-1px);box-shadow:0 4px 12px #dc2f2640}.app-shell .btn-primary:active{transform:scale(.97)}.app-shell .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d1d1f;background:#fff9;border:1px solid #fffc;border-radius:12px;font-weight:500;transition:all .15s;box-shadow:0 1px 2px #00000005,inset 0 1px 1px #ffffff80}.app-shell .btn-secondary:hover{background:#ffffffe6;border-color:#fff;box-shadow:0 2px 6px #0000000a,inset 0 1px 1px #fff}.app-shell .ic{color:#1d1d1f;background:#0000000a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.app-shell .ic svg{width:16px;height:16px}.app-shell .minimal-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d1d1f;background:#fff6;border:1px solid #fff9;border-radius:12px;transition:all .15s;box-shadow:inset 0 1px 2px #00000005}.app-shell .minimal-input:focus{background:#fff;border-color:#f13f2f;outline:none;box-shadow:0 0 0 3px #f13f2f2e}.app-shell .nav-item{border-radius:10px;margin-bottom:2px;transition:all .15s}.app-shell .nav-item:hover{background:#00000008}.app-shell .nav-item.active{background:#dc2f260f;box-shadow:inset 0 1px 1px #00000005}.app-shell .nav-item.active .nav-label{color:#dc2f26;font-weight:600}.app-shell .nav-item.active .ic,.app-shell .nav-item.active .ic svg,.app-shell .nav-item.sidebar-active .ic,.app-shell .nav-item.sidebar-active .ic svg{box-shadow:0 2px 6px #dc2f264d;color:#fff!important;fill:#fff!important;stroke:#fff!important;background:#dc2f26!important}.app-shell .seg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000000a;border:1px solid #fff3;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.app-shell .seg button{color:#6e6e73;border-radius:8px;padding:6px 18px;font-size:13px;font-weight:500;transition:all .15s}.app-shell .seg button.on{color:#1d1d1f;background:#ffffffe6;border:1px solid #00000005;font-weight:600;box-shadow:0 1px 3px #0000000d,inset 0 1px 1px #fff}.app-shell .tile-choice{border:1px solid #fff9;transition:all .15s}.app-shell .tile-choice.sel{background:#ffffffe6;border-color:#dc2f26;transform:translateY(-2px);box-shadow:0 0 0 1px #dc2f26,0 8px 24px #0000000a}.app-shell .tile-choice.sel .ic,.app-shell .tile-choice.sel .ic svg,.app-shell .tpl-card.sel .ic,.app-shell .tpl-card.sel .ic svg{color:#fff!important;fill:#fff!important;stroke:#fff!important;background:#dc2f26!important}.app-shell .tpl-card{border:1px solid #fff9;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.app-shell .tpl-card:hover{border-color:#dc2f2640;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.app-shell .tpl-card.sel{background:#ffffffe6;border-color:#dc2f26;transform:translateY(-2px);box-shadow:0 0 0 1px #dc2f26,0 8px 20px #0000000d}.app-shell .tpl-card.sel .tpl-check{opacity:1;transform:scale(1)}.app-shell .tpl-check{opacity:0;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .18s;transform:scale(.4)}.app-shell .upload-mode-opt{border:1px solid #fff9;transition:all .15s}.app-shell .upload-mode-opt.is-selected{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 0 0 1px #dc2f26,0 8px 20px #0000000a;border-color:#dc2f26!important}.app-shell .step{display:none}.app-shell .step.active{display:flex}.app-shell #step-3.active{flex-direction:column;height:100vh;overflow:hidden}.app-shell #step-3>header{flex-wrap:wrap;height:auto;min-height:3.5rem}.app-shell #editor-body{min-height:0}@keyframes spin{to{transform:rotate(360deg)}}.app-shell .spinner{animation:.9s linear infinite spin}.app-shell .penguin-loader{width:88px;height:100px;margin:0 auto;display:block}.app-shell .penguin-loader svg{width:100%;height:100%;display:block;overflow:visible}.app-shell .penguin-loader .agent-eyes-closed{display:none}.app-shell .penguin-loader .pl-body{transform-box:fill-box;transform-origin:50% 97%}.app-shell .penguin-loader .pl-torso{transform-box:fill-box;transform-origin:50% 100%}.app-shell .penguin-loader .pl-leg,.app-shell .penguin-loader .agent-arm-l-grp,.app-shell .penguin-loader .agent-arm-r-grp{transform-box:fill-box;transform-origin:50% 0}.app-shell .penguin-loader .pl-shadow{transform-box:fill-box;transform-origin:50%;opacity:.13}.app-shell .penguin-loader .agent-eye{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite pl-blink}@keyframes pl-blink{0%,93%,to{transform:scaleY(1)}96.5%{transform:scaleY(.12)}}.app-shell .penguin-loader[data-anim=waddle] .pl-body{animation:1.05s ease-in-out infinite pl-waddle}@keyframes pl-waddle{0%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}to{transform:rotate(-6deg)}}.app-shell .penguin-loader[data-anim=waddle] .agent-arm-l-grp{animation:1.05s ease-in-out infinite pl-flip-l}.app-shell .penguin-loader[data-anim=waddle] .agent-arm-r-grp{animation:1.05s ease-in-out infinite pl-flip-r}@keyframes pl-flip-l{0%,to{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes pl-flip-r{0%,to{transform:rotate(7deg)}50%{transform:rotate(-9deg)}}.app-shell .penguin-loader[data-anim=tap] .pl-body{animation:3.6s ease-in-out infinite pl-idle}@keyframes pl-idle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.app-shell .penguin-loader[data-anim=tap] .pl-leg-r{animation:.5s ease-in-out infinite pl-tap}@keyframes pl-tap{0%,55%,to{transform:rotate(0)}28%{transform:rotate(-26deg)}}.app-shell .penguin-loader[data-anim=look] .pl-body{transform-origin:50% 82%;animation:3.6s ease-in-out infinite pl-look}@keyframes pl-look{0%,8%{transform:rotate(0)}24%,40%{transform:rotate(-9deg)}56%,72%{transform:rotate(9deg)}90%,to{transform:rotate(0)}}.app-shell .penguin-loader[data-anim=walk] .pl-torso{animation:.62s ease-in-out infinite pl-walkbob}@keyframes pl-walkbob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-2px)rotate(1.5deg)}}.app-shell .penguin-loader[data-anim=walk] .pl-leg-l{animation:.62s ease-in-out infinite pl-step-l}.app-shell .penguin-loader[data-anim=walk] .pl-leg-r{animation:.62s ease-in-out infinite pl-step-r}@keyframes pl-step-l{0%,to{transform:rotate(16deg)}50%{transform:rotate(-16deg)}}@keyframes pl-step-r{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}.app-shell .penguin-loader[data-anim=walk] .agent-arm-l-grp{animation:.62s ease-in-out infinite pl-step-r}.app-shell .penguin-loader[data-anim=walk] .agent-arm-r-grp{animation:.62s ease-in-out infinite pl-step-l}.app-shell .penguin-loader[data-anim=pace] .pl-body{animation:4.2s ease-in-out infinite pl-pace}@keyframes pl-pace{0%{transform:translate(-16px)scaleX(1)}43%{transform:translate(16px)scaleX(1)}50%{transform:translate(16px)scaleX(-1)}93%{transform:translate(-16px)scaleX(-1)}to{transform:translate(-16px)scaleX(1)}}.app-shell .penguin-loader[data-anim=pace] .pl-torso{animation:.5s ease-in-out infinite pl-walkbob}.app-shell .penguin-loader[data-anim=pace] .pl-leg-l{animation:.5s ease-in-out infinite pl-step-l}.app-shell .penguin-loader[data-anim=pace] .pl-leg-r,.app-shell .penguin-loader[data-anim=pace] .agent-arm-l-grp{animation:.5s ease-in-out infinite pl-step-r}.app-shell .penguin-loader[data-anim=pace] .agent-arm-r-grp{animation:.5s ease-in-out infinite pl-step-l}.app-shell .penguin-loader[data-anim=pace] .pl-shadow{animation:4.2s ease-in-out infinite pl-pace-shadow}@keyframes pl-pace-shadow{0%{transform:translate(-16px)}43%{transform:translate(16px)}50%{transform:translate(16px)}93%{transform:translate(-16px)}to{transform:translate(-16px)}}.app-shell .penguin-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.app-shell .penguin-dots i{background:#dc2f26;border-radius:9999px;width:6px;height:6px;animation:1.4s ease-in-out infinite pl-dot;display:block}.app-shell .penguin-dots i:nth-child(2){animation-delay:.18s}.app-shell .penguin-dots i:nth-child(3){animation-delay:.36s}@keyframes pl-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.app-shell .ai-loader{margin:0 auto}.app-shell .ai-loader svg{display:block;overflow:visible}@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-breathe{0%,to{transform:scale(.9)}50%{transform:scale(1.06)}}.app-shell .ai-sparkle{width:78px;height:78px}.app-shell .ai-sparkle svg{width:100%;height:100%}.app-shell .ai-sparkle .spk{transform-box:fill-box;transform-origin:50%}.app-shell .ai-sparkle .spk-main{animation:1.9s ease-in-out infinite ai-spk}@keyframes ai-spk{0%,to{transform:rotate(0)scale(.88)}50%{transform:rotate(45deg)scale(1.06)}}.app-shell .ai-sparkle .spk-2{animation:1.9s ease-in-out infinite ai-tw}.app-shell .ai-sparkle .spk-3{animation:1.9s ease-in-out .95s infinite ai-tw}@keyframes ai-tw{0%,to{opacity:0;transform:scale(0)}45%,55%{opacity:1;transform:scale(1)}}.app-shell .ai-orb{width:68px;height:68px;margin:0 auto;position:relative}.app-shell .ai-orb .orb-glow{background:radial-gradient(circle,#2997ff80,#5e5ce62e 55%,#0000 72%);border-radius:50%;animation:2.1s ease-in-out infinite ai-breathe;position:absolute;inset:-8px}.app-shell .ai-orb .orb{background:conic-gradient(#dc2f26,#2997ff,#5e5ce6,#2997ff,#dc2f26);border-radius:50%;animation:2.6s linear infinite ai-spin,2.1s ease-in-out infinite ai-breathe;position:absolute;inset:9px}.app-shell .ai-orb .orb-core{background:radial-gradient(circle at 34% 30%,#fffffff2,#fff0 62%);border-radius:50%;position:absolute;inset:21px}.app-shell .ai-orbit{width:66px;height:66px;margin:0 auto;position:relative}.app-shell .ai-orbit .orbit-core{background:#dc2f26;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:1.4s ease-in-out infinite ai-breathe;position:absolute;top:50%;left:50%}.app-shell .ai-orbit .orbit-ring,.app-shell .ai-orbit .orbit-ring2{position:absolute;inset:0}.app-shell .ai-orbit .orbit-ring{animation:1.05s linear infinite ai-spin}.app-shell .ai-orbit .orbit-ring2{animation:1.7s linear infinite reverse ai-spin}.app-shell .ai-orbit .orbit-ring:before{content:"";background:#2997ff;border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:-2px;left:50%}.app-shell .ai-orbit .orbit-ring2:before{content:"";background:#5e5ce6;border-radius:50%;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-1px;left:50%}.app-shell .ai-ring{background:conic-gradient(from 90deg,#dc2f2600 5%,#2997ff 50%,#dc2f26 100%);border-radius:50%;width:62px;height:62px;margin:0 auto;animation:.9s linear infinite ai-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}.app-shell .ai-pulse{width:70px;height:70px;margin:0 auto;position:relative}.app-shell .ai-pulse span{opacity:0;border:3px solid #dc2f26;border-radius:50%;animation:1.6s cubic-bezier(0,.2,.8,1) infinite ai-ripple;position:absolute;inset:0}.app-shell .ai-pulse span:nth-child(2){animation-delay:.53s}.app-shell .ai-pulse span:nth-child(3){animation-delay:1.06s}.app-shell .ai-pulse .pulse-core{background:#dc2f26;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:1.6s ease-in-out infinite ai-breathe;position:absolute;top:50%;left:50%}@keyframes ai-ripple{0%{opacity:.85;transform:scale(.35)}to{opacity:0;transform:scale(1)}}.app-shell .ai-bars{justify-content:center;align-items:center;gap:5px;height:56px;display:flex}.app-shell .ai-bars i{transform-origin:50%;background:#dc2f26;border-radius:6px;width:6px;height:100%;animation:1s ease-in-out infinite ai-bar}.app-shell .ai-bars i:first-child{background:#dc2f26;animation-delay:0s}.app-shell .ai-bars i:nth-child(2){background:#1f7ad6;animation-delay:.15s}.app-shell .ai-bars i:nth-child(3){background:#2997ff;animation-delay:.3s}.app-shell .ai-bars i:nth-child(4){background:#4a86e8;animation-delay:.45s}.app-shell .ai-bars i:nth-child(5){background:#5e5ce6;animation-delay:.6s}@keyframes ai-bar{0%,to{transform:scaleY(.28)}50%{transform:scaleY(1)}}.app-shell .ai-wave{justify-content:center;align-items:center;gap:8px;height:56px;display:flex}.app-shell .ai-wave i{background:#dc2f26;border-radius:50%;width:11px;height:11px;animation:.95s ease-in-out infinite ai-bounce}.app-shell .ai-wave i:nth-child(2){background:#2997ff;animation-delay:.14s}.app-shell .ai-wave i:nth-child(3){background:#5e5ce6;animation-delay:.28s}.app-shell .ai-wave i:nth-child(4){background:#2997ff;animation-delay:.42s}@keyframes ai-bounce{0%,to{opacity:.4;transform:translateY(6px)}50%{opacity:1;transform:translateY(-10px)}}.app-shell .ai-comet{width:62px;height:62px;margin:0 auto;animation:1s linear infinite ai-spin;position:relative}.app-shell .ai-comet:before{content:"";background:conic-gradient(#dc2f26,#dc2f2600 65%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px))}.app-shell .ai-comet:after{content:"";background:#dc2f26;border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:-2px;left:50%;box-shadow:0 0 8px #dc2f2699}.app-shell #autosave-checkbox:checked~.autosave-pill{background:#16a34a}.app-shell #autosave-checkbox:checked~.autosave-pill .autosave-dot{transform:translate(12px)}@keyframes _confOverlay{0%{opacity:0}to{opacity:1}}@keyframes _confCard{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes _confOut{to{opacity:0}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-shell .fade-in{animation:.35s both fadeSlideUp}.app-shell .slide-item{cursor:pointer;border-left:3px solid #0000;transition:background .12s,border-color .12s}.app-shell .slide-item:hover{background:#f1f5f9}.app-shell .slide-item.is-active{background:#fff1f0;border-left-color:#dc2f26}.app-shell .drop-zone{border:2px dashed #cbd5e1;transition:border-color .15s,background .15s}.app-shell .drop-zone:hover,.app-shell .drop-zone.drag-over{background:#fff1f0;border-color:#dc2f26}.app-shell .asset-card .del-btn{opacity:0;transition:opacity .15s}.app-shell .asset-card:hover .del-btn{opacity:1}.app-shell ::-webkit-scrollbar{width:5px}.app-shell ::-webkit-scrollbar-track{background:0 0}.app-shell ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.app-shell ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell #toast{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translate(-50%)translateY(8px)}.app-shell #toast.show{opacity:1;transform:translate(-50%)translateY(0)}.app-shell input:focus,.app-shell textarea:focus,.app-shell select:focus{outline:none;box-shadow:0 0 0 3px #f13f2f2e;border-color:#f13f2f!important}.app-shell #customize-drawer{visibility:hidden;flex-direction:column;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility 0s linear .28s;display:flex;transform:translate(100%)}.app-shell #customize-drawer.open{visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility linear;transform:translate(0)}.app-shell #customize-overlay{opacity:0;pointer-events:none;transition:opacity .28s}.app-shell #customize-overlay.open{opacity:1;pointer-events:auto}.app-shell .color-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.app-shell .color-row label{color:#475569;font-size:11px;font-weight:500}.app-shell .color-picker-wrap{align-items:center;gap:6px;display:flex}.app-shell .color-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:5px;flex-shrink:0;width:22px;height:22px;display:inline-block}.app-shell input[type=color]{opacity:0;pointer-events:none;border:none;width:1px;height:1px;padding:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.app-shell input[type=color]:focus{outline:none}.app-shell .cust-accordion{border:1px solid #e2e8f0;border-radius:10px;margin-bottom:8px;overflow:hidden}.app-shell .cust-accordion-header{cursor:pointer;color:#334155;background:#f8fafc;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:11px;font-weight:600;transition:background .15s;display:flex}.app-shell .cust-accordion-header:hover{background:#f1f5f9}.app-shell .cust-accordion-header .acc-icon{color:#94a3b8;font-size:10px;transition:transform .2s}.app-shell .cust-accordion.open .acc-icon{transform:rotate(180deg)}.app-shell .cust-accordion-body{max-height:0;padding:0 12px;transition:max-height .25s;overflow:hidden}.app-shell .cust-accordion.open .cust-accordion-body{max-height:600px;padding:10px 12px 12px}.app-shell .cust-accordion-badge{align-items:center;gap:5px;display:inline-flex}.app-shell .cust-accordion-badge .acc-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.app-shell .toggle-group{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.app-shell .toggle-btn{text-align:center;cursor:pointer;color:#64748b;background:#fff;border:none;flex:1;padding:5px 0;font-size:11px;font-weight:600;transition:background .12s,color .12s}.app-shell .toggle-btn:not(:last-child){border-right:1px solid #e2e8f0}.app-shell .toggle-btn.active{color:#fff;background:#dc2f26}.app-shell input[type=range]{appearance:none;background:#e2e8f0;border-radius:2px;outline:none;width:100%;height:4px}.app-shell input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#dc2f26;border-radius:50%;width:14px;height:14px}.app-shell .logo-drop{text-align:center;cursor:pointer;border:2px dashed #cbd5e1;border-radius:10px;padding:16px;transition:border-color .15s,background .15s}.app-shell .logo-drop:hover{background:#fff1f0;border-color:#dc2f26}@media (max-width:1024px){.app-shell #step-3 aside.w-64{width:14rem}.app-shell #editor-inputs{width:22rem;padding:1.5rem}.app-shell #step-3 .flex-1.flex-col.overflow-hidden{display:none}}@media (max-width:768px){.app-shell #top-nav .h-14{height:3rem}.app-shell #top-nav .max-w-6xl{padding-left:1rem;padding-right:1rem}.app-shell #step-login .p-10,.app-shell #step-signup .p-10,.app-shell #step-verify-pending .p-10,.app-shell #step-forgot .p-10,.app-shell #step-4 .p-10{padding:1.75rem!important}.app-shell #step-dashboard h1.text-3xl{font-size:1.75rem}.app-shell #step-dashboard .grid.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.app-shell #step-dashboard .grid.grid-cols-3>div:last-child{grid-column:span 2/span 2}.app-shell #step-dashboard .text-3xl{font-size:1.5rem}.app-shell #step-dashboard .py-10{padding-top:1.5rem;padding-bottom:1.5rem}.app-shell #step-dashboard .lg\:px-12{padding-left:1rem;padding-right:1rem}.app-shell #dash-search{min-width:0}.app-shell #adv-settings-body .grid.grid-cols-2{grid-template-columns:1fr!important;gap:.625rem!important}.app-shell #template-grid-s1{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell #step-1 .p-8{padding:1.5rem}.app-shell #step-3{min-height:100vh;height:auto!important;overflow:visible!important}.app-shell #step-3>header{flex-wrap:wrap;min-height:3.5rem;gap:.5rem!important;height:auto!important;padding:.5rem .75rem!important}.app-shell #step-3>header>div.mr-auto{flex:100%;min-width:0}.app-shell #course-title-bar{font-size:.85rem}.app-shell #slide-count-bar{display:none}.app-shell #step-3>header button,.app-shell #step-3>header label#autosave-toggle{font-size:.75rem;padding:.375rem .625rem!important}.app-shell #step-3>header #export-label,.app-shell #step-3>header #template-label,.app-shell #step-3>header #customize-btn span,.app-shell #step-3>header #preview-btn span,.app-shell #step-3>header #share-btn span,.app-shell #step-3>header #save-btn span:not(.sr-only){display:none}.app-shell #autosave-toggle .sm\:inline{display:none!important}.app-shell #step-3>.flex-1,.app-shell #editor-body{flex-direction:column!important;height:auto!important;overflow:visible!important}.app-shell #step-3 aside.w-64{border-bottom:1px solid #e2e8f0;border-right:none;flex-shrink:0;max-height:9rem;width:100%!important}.app-shell #slide-list{max-height:6.5rem;overflow-y:auto}.app-shell #editor-inputs{border-right:none;min-height:50vh;width:100%!important;padding:1.25rem!important}.app-shell #step-3 .flex-1.flex-col.overflow-hidden{display:none!important}.app-shell #customize-drawer.w-80,.app-shell #customize-drawer{max-width:22rem;width:92vw!important}.app-shell #share-modal .max-w-lg,.app-shell #icon-picker-modal .max-w-md,.app-shell #preview-modal,.app-shell #export-overlay{padding:0!important}.app-shell #share-modal .p-6{padding:1.25rem}.app-shell #share-modal .flex.gap-2{flex-wrap:wrap}.app-shell #share-modal #share-email{flex:100%;width:100%}.app-shell #step-settings .lg\:px-12{padding-left:1rem;padding-right:1rem}.app-shell #step-settings section.p-6{padding:1.25rem}.app-shell .step .px-10{padding-left:1rem!important;padding-right:1rem!important}.app-shell .step h1.text-\[34px\]{font-size:1.6rem!important}.app-shell #step-dashboard h1.text-\[32px\]{font-size:1.5rem!important}.app-shell .step .py-12{padding-top:1.75rem!important;padding-bottom:1.75rem!important}.app-shell .minimal-card.p-8{padding:1.25rem!important}.app-shell #step-dashboard>header{height:auto!important}.app-shell #step-dashboard>header>div{flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem;gap:.5rem!important}.app-shell #step-dashboard>header .flex-1{flex:100%}.app-shell #dash-count{display:none}.app-shell #templates-page-grid{grid-template-columns:1fr!important}.app-shell #icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width:480px){.app-shell .step .p-10{padding:1.25rem!important}.app-shell #template-grid-s1{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell #icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.app-shell #app-sidebar{flex-direction:column;display:none}.app-shell #step-dashboard.active,.app-shell #step-1.active,.app-shell #step-settings.active,.app-shell #step-templates.active,.app-shell #step-agent-guide.active{width:calc(100% - 260px);margin-left:260px}.app-shell .view-header{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(150%);background:#ffffffa6;border-bottom:1px solid #e3e3e6;position:sticky;top:0;box-shadow:0 1px 3px #00000003}.app-shell #app-sidebar .nav-item.sidebar-active{background:#dc2f260f;box-shadow:inset 0 1px 1px #00000005}.app-shell #app-sidebar .nav-item.sidebar-active .nav-label{color:#dc2f26;font-weight:600}.app-shell #app-sidebar .nav-item.sidebar-active .ic{color:#fff;background:#dc2f26;box-shadow:0 2px 6px #dc2f264d}.app-shell #mobile-topbar,.app-shell #mobile-nav-backdrop{display:none}@media (max-width:768px){.app-shell #step-dashboard.active,.app-shell #step-1.active,.app-shell #step-settings.active,.app-shell #step-templates.active,.app-shell #step-agent-guide.active{padding-top:3.5rem;width:100%!important;margin-left:0!important}.app-shell .view-header{top:3.5rem}.app-shell #mobile-topbar.is-on{z-index:45;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#ffffffd1;border-bottom:1px solid #0000000f;align-items:center;gap:.75rem;height:3.5rem;padding:0 .875rem;display:flex;position:fixed;top:0;left:0;right:0}.app-shell #mobile-nav-toggle{color:#1d1d1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-shell #mobile-nav-toggle:active{background:#0000000f}.app-shell .mt-logo{align-items:center;gap:.5rem;display:flex}.app-shell .mt-logo-mark{color:#fff;background:#dc2f26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:flex}.app-shell .mt-logo-text{color:#1d1d1f;font-size:.95rem;font-weight:600}.app-shell #app-sidebar{z-index:60;width:82vw;max-width:300px;transition:transform .26s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:0 24px 60px #0f172a47}.app-shell #app-sidebar.nav-open{transform:translate(0)}.app-shell #mobile-nav-backdrop.is-open{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;display:block;position:fixed;inset:0}}.app-shell .ct-swatch{cursor:pointer;border-radius:12px;width:100%;height:56px;transition:transform .12s,box-shadow .12s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a1f,0 1px 2px #0f172a12}.app-shell .ct-swatch:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0f172a33,0 6px 16px #0f172a29}.app-shell .ct-swatch:after{content:"";background:#ffffffd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f172a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19l7-7 3 3-7 7-3-3z'/%3E%3Cpath d='M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z'/%3E%3Cpath d='M2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E") 50% no-repeat;border-radius:5px;width:16px;height:16px;position:absolute;bottom:7px;right:7px;box-shadow:0 1px 2px #0f172a33}.app-shell .ct-swatch input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.app-shell .ct-swatch-sm{border-radius:10px;height:40px}.app-shell .ct-swatch-sm:after{border-radius:4px;width:13px;height:13px;bottom:5px;right:5px}.app-shell .ct-reset{text-transform:uppercase;letter-spacing:.04em;color:#dc2f26;cursor:pointer;white-space:nowrap;background:#dc2f2614;border-radius:5px;padding:1px 5px;font-size:9px;font-weight:700;transition:background .15s}.app-shell .ct-reset:hover{background:#dc2f2629}.app-shell .ct-seg{background:#f1f5f9;border-radius:11px;gap:2px;padding:3px;display:inline-flex}.app-shell .ct-seg button{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.app-shell .ct-seg button.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a1f}.app-shell .ct-stage{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px -12px #0f172a40}.app-shell .ct-stage iframe{border:0;width:100%;height:100%;display:block}.app-shell .ct-prev-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.app-shell .ct-prev-tab.active{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0f172a14}.app-shell [data-shell-anim="1"] :is(.backdrop-blur-2xl,.backdrop-blur-xl,.minimal-panel,.view-header){-webkit-backdrop-filter:none!important}