.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.aurora-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.aurora-orb{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#7c6fff4d,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite alternate float1;top:-150px;left:-100px}.orb-2{background:radial-gradient(circle,#ff6fd838,#0000 70%);width:450px;height:450px;animation:22s ease-in-out infinite alternate float2;top:30%;right:-150px}.orb-3{background:radial-gradient(circle,#3ec6ff26,#0000 70%);width:350px;height:350px;animation:26s ease-in-out infinite alternate float3;bottom:-100px;left:35%}@keyframes float1{to{transform:translate(80px,60px)scale(1.15)}}@keyframes float2{to{transform:translate(-60px,-80px)scale(.9)}}@keyframes float3{to{transform:translate(40px,-50px)scale(1.1)}}.noise-overlay{z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.content-wrap{z-index:2;flex:1;position:relative}.header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s var(--ease);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.header.scrolled{padding:10px 32px;box-shadow:0 4px 30px #0006}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:34px;height:34px;font-family:var(--font-display);color:#fff;box-shadow:0 4px 15px var(--accent-glow);border-radius:10px;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.logo-text{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:700}.logo-sub{letter-spacing:-.01em;opacity:.6;font-size:12px;font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.progress{align-items:center;gap:4px;display:flex}.progress-step{background:var(--border-strong);width:28px;height:3px;transition:all .3s var(--ease);border-radius:2px;position:relative;overflow:hidden}.progress-step.active{background:#7c6fff40}.progress-step.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;animation:1.4s infinite progressFill;position:absolute;inset:0}@keyframes progressFill{0%{opacity:1;transform:scaleX(.1)}50%{opacity:.6;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.progress-step.done{background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:.6}.progress-label{color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-left:8px;font-size:11px;font-weight:600}.main{flex:1;justify-content:center;align-items:flex-start;padding:48px 24px 100px;display:flex}.container{width:100%;max-width:840px}.welcome{text-align:center;padding:40px 0 30px}.hero-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#7c6fff14;border:1px solid #7c6fff59;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 16px;font-size:11px;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05}.hero-title .gradient{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 50%, var(--accent-3) 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:5s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.hero-subtitle{color:var(--text-dim);max-width:540px;margin:0 auto 44px;font-size:17px;line-height:1.7}.project-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=640px){.project-cards{grid-template-columns:1fr}}.project-card{background:var(--surface-1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .25s var(--ease);text-align:left;flex-direction:column;gap:10px;padding:30px 24px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;background:radial-gradient(at 100% 0,#7c6fff26,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover{border-color:#7c6fff73;transform:translateY(-4px);box-shadow:0 16px 50px #7c6fff26}.project-card:hover:before{opacity:1}.project-icon{background:#7c6fff1a;border:1px solid #7c6fff33;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;font-size:22px;display:flex}.project-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px;font-weight:700}.project-desc{color:var(--text-dim);z-index:1;font-size:12.5px;line-height:1.6;position:relative}.project-arrow{border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);transition:all .25s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:24px;right:24px}.project-card:hover .project-arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(2px)}.section-header{margin-bottom:32px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--accent);opacity:.6;width:20px;height:1.5px;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.15}.section-desc{color:var(--text-dim);font-size:15px;line-height:1.7}.form-fields{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.q-num{width:22px;height:22px;color:var(--accent);background:#7c6fff26;border:1px solid #7c6fff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.optional{color:var(--text-faint);margin-left:4px;font-size:11px;font-weight:400}.field input,.field textarea{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:all .2s var(--ease);resize:vertical;outline:none;width:100%;padding:12px 15px;font-size:14px}.field input:focus,.field textarea:focus{background:var(--surface-4);border-color:#7c6fff80;box-shadow:0 0 0 3px #7c6fff1f}.field input::placeholder,.field textarea::placeholder{color:var(--placeholder)}.field select.select-field{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:all .2s var(--ease);appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-faint) 50%), linear-gradient(135deg, var(--text-faint) 50%, transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;background-repeat:no-repeat;background-size:5px 5px;outline:none;width:100%;padding:12px 15px;font-size:14px}.field select.select-field:focus{background-color:var(--surface-4);border-color:#7c6fff80;box-shadow:0 0 0 3px #7c6fff1f}.field-hint{color:var(--text-faint);margin-top:6px;font-size:12px;line-height:1.5}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);color:var(--text-dim);background:var(--surface-2);-webkit-user-select:none;user-select:none;border-radius:999px;padding:8px 15px;font-size:13px;font-weight:500}.chip:hover{color:var(--text);border-color:#7c6fff66;transform:translateY(-1px)}.chip.selected{border-color:var(--accent);color:var(--accent);background:#7c6fff1f;box-shadow:0 0 12px #7c6fff26}.btn{transition:all .25s var(--ease);letter-spacing:.01em;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #9f6fff);color:#fff;box-shadow:0 4px 20px #7c6fff4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #7c6fff73}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-subtle)}.btn-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.design-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=580px){.design-grid{grid-template-columns:1fr}}.design-card{background:var(--surface-1);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden}.design-card:hover{box-shadow:var(--shadow-pop);border-color:#7c6fff66;transform:translateY(-3px)}.design-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #7c6fff2e}.design-preview{height:140px;position:relative;overflow:hidden}.design-info{padding:16px}.design-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.badge-light{color:#ffffffb3;background:#ffffff26}.badge-dark{color:#fff9;background:#00000080}.badge-hybrid{color:#ffffffa6;background:linear-gradient(90deg,#00000080,#ffffff26)}.design-name{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:2px;font-size:14.5px;font-weight:700}.design-archetype{color:var(--text-dim);margin-bottom:10px;font-size:11px}.swatches{gap:5px;margin-bottom:10px;display:flex}.swatch{border:2px solid var(--border-strong);border-radius:50%;width:20px;height:20px}.design-vibe{color:var(--text-dim);font-size:11px;font-style:italic;line-height:1.5}.design-check{background:var(--accent);color:#fff;opacity:0;width:24px;height:24px;transition:all .25s var(--ease-spring);box-shadow:0 4px 15px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;top:12px;right:12px;transform:scale(.5)}.design-card.selected .design-check{opacity:1;transform:scale(1)}.effect-group{margin-bottom:26px}.effect-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:600;transition:color .2s;display:flex}.effect-group-title:hover{color:var(--text)}.effect-group-title .effect-count{margin-left:10px}.effect-group.collapsed .effect-group-title{margin-bottom:4px}.effect-chevron{color:var(--text-faint);margin-left:12px;font-size:12px}.effect-count{color:var(--accent);background:#7c6fff1f;border-radius:999px;padding:2px 8px;font-size:10px}.effects-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}@media (width<=540px){.effects-grid{grid-template-columns:1fr}}.effect-item{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);background:var(--surface-2);align-items:center;gap:8px;min-width:0;padding:7px 10px;display:flex}.effect-item:hover{border-color:#7c6fff59;transform:translateY(-1px)}.effect-item.selected{border-color:var(--accent);background:#7c6fff14;box-shadow:0 4px 20px #7c6fff1a}.effect-check{border:1.5px solid var(--border-strong);width:16px;height:16px;transition:all .15s var(--ease);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.effect-item.selected .effect-check{background:var(--accent);border-color:var(--accent)}.effect-check svg{display:none}.effect-item.selected .effect-check svg{display:block}.effect-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:500;line-height:1.25;overflow:hidden}.effect-sub{color:var(--text-dim);white-space:nowrap;margin-left:6px;font-size:10.5px;font-weight:400}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.loading-title{font-family:var(--font-display);margin-bottom:24px;font-size:18px;font-weight:600}.loading-steps{flex-direction:column;gap:8px;width:100%;max-width:360px;margin-top:8px;display:flex}.loading-step{color:var(--text-dim);opacity:.4;align-items:center;gap:10px;padding:6px 0;font-size:12.5px;transition:all .4s;display:flex}.loading-step.active{opacity:1;color:var(--text)}.loading-step.done{opacity:.7;color:var(--success)}.loading-step-mark{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;transition:all .3s;display:flex}.loading-step.active .loading-step-mark{border-color:var(--accent);border-top-color:#0000;animation:.9s linear infinite spin}.loading-step.done .loading-step-mark{background:var(--success);border-color:var(--success);color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.delivery-studio-shell{z-index:2;background:var(--editor-shell,#10101ab3);border:1px solid var(--editor-line,#ffffff14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;flex-direction:column;min-height:820px;margin-bottom:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0009}[data-theme=light] .delivery-studio-shell{background:var(--editor-shell,#ffffffd9);border-color:#1414281a;box-shadow:0 20px 60px -15px #0000001a}.delivery-topbar{border-bottom:1px solid var(--editor-line,#ffffff14);background:#ffffff08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}[data-theme=light] .delivery-topbar{background:#14142808}.delivery-topbar-left{align-items:center;gap:12px;display:flex}.delivery-brand-badge{align-items:center;gap:8px;display:flex}.delivery-pulse-dot{background:#10b981;border-radius:50%;width:9px;height:9px;animation:2s infinite pulse-green;box-shadow:0 0 10px #10b981}@keyframes pulse-green{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.delivery-site-title{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:700}.delivery-theme-tag{color:var(--text-dim);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:3px 10px;font-size:12px}.delivery-viewport-controls{align-items:center;gap:10px;display:flex}.delivery-device-pills{background:#00000040;border:1px solid #ffffff14;border-radius:10px;gap:2px;padding:3px;display:inline-flex}[data-theme=light] .delivery-device-pills{background:#0000000d}.device-pill-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.device-pill-btn:hover{color:var(--text);background:#ffffff0f}.device-pill-btn.active{background:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 8px #7c6fff59}.delivery-zoom-pills{background:#00000040;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;padding:3px 6px;display:inline-flex}.zoom-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;transition:all .15s}.zoom-btn:hover{color:var(--text);background:#ffffff14}.zoom-btn.reset-zoom{font-size:11px;font-weight:600}.zoom-val{font-size:11px;font-family:var(--font-mono);color:var(--text);text-align:center;min-width:38px}.delivery-icon-btn{color:var(--text);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.delivery-icon-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.delivery-topbar-right{align-items:center;gap:8px;display:flex}.delivery-edit-btn{box-shadow:0 4px 16px #7c6fff59}.delivery-body{flex:1;min-height:740px;display:flex;position:relative;overflow:hidden}@media (width<=1100px){.delivery-body{flex-direction:column}}.delivery-canvas-area{background:radial-gradient(circle,#7c6fff0a 0%,#0000 70%);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;min-width:0;padding:20px;display:flex;overflow-y:auto}.delivery-device-window{background:#141420;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:100%;max-width:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px -15px #00000080}[data-theme=light] .delivery-device-window{background:#f4f4f8;border-color:#0000001a}.delivery-browser-header{background:#00000059;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 16px;display:flex}[data-theme=light] .delivery-browser-header{background:#0000000a;border-bottom-color:#0000000f}.browser-traffic-lights{gap:6px;display:flex}.traffic-dot{border-radius:50%;width:10px;height:10px}.traffic-dot.red{background:#ff5f56}.traffic-dot.yellow{background:#ffbd2e}.traffic-dot.green{background:#27c93f}.browser-address-bar{font-size:11.5px;font-family:var(--font-mono);color:var(--text-dim);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:6px;flex:1;align-items:center;gap:6px;max-width:480px;margin:0 auto;padding:4px 12px;display:flex}.address-badge{color:#10b981;background:#10b98133;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.browser-action-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px}.browser-action-btn:hover{color:var(--text);background:#ffffff1a}.delivery-viewport-frame{background:#0d0e15;justify-content:center;width:100%;height:calc(100vh - 220px);min-height:720px;display:flex;overflow:auto}.delivery-scale-wrapper{height:100%;transition:width .25s cubic-bezier(.22,1,.36,1);display:flex}.delivery-live-iframe{background:#fff;border:none;width:100%;height:100%;display:block}.delivery-sidebar{border-left:1px solid var(--editor-line,#ffffff14);background:#0a0a1299;flex-direction:column;flex-shrink:0;width:420px;max-width:100%;display:flex;overflow-y:auto}[data-theme=light] .delivery-sidebar{background:#f8f8fcd9;border-left-color:#14142814}.delivery-tabs-header{border-bottom:1px solid var(--editor-line,#ffffff14);background:#0003;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.delivery-tab-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s}.delivery-tab-btn:hover{color:var(--text);background:#ffffff0d}.delivery-tab-btn.active{color:#fff;background:var(--accent);box-shadow:0 2px 10px #7c6fff4d}.delivery-tab-content{flex:1;padding:16px}.delivery-panel-stack{flex-direction:column;gap:14px;display:flex}.score-card{background:linear-gradient(160deg,#7c6fff1a,#ff6fd80d 60%);border-color:#7c6fff59}.score-card-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.score-ring{background:conic-gradient(var(--accent) 0deg, #7c6fff80 360deg);--frac:.72;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:relative;box-shadow:inset 0 0 0 6px #ffffff0f}.score-ring:before{content:"";background:var(--surface-2);border-radius:50%;position:absolute;inset:5px}.score-ring:after{content:"";background:conic-gradient(var(--accent) calc(var(--frac) * 360deg), #ffffff17 0);border-radius:50%;position:absolute;inset:5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.score-ring[data-grade=A]:after{--frac:.95}.score-ring[data-grade=B]:after{--frac:.82}.score-ring[data-grade=C]:after{--frac:.66}.score-ring[data-grade=D]:after{--frac:.45}.score-num{z-index:1;font-variant-numeric:tabular-nums;font-size:25px;font-weight:800;line-height:1;position:relative}.score-den{z-index:1;color:var(--text-dim);letter-spacing:.04em;font-size:10px;position:relative}.score-meta{min-width:0}.score-card .card-kicker{margin-bottom:4px}.score-grade{color:var(--text);margin-bottom:4px;font-size:13.5px;font-weight:600}.score-grade strong{color:var(--accent)}.score-strong{color:var(--text-dim);font-weight:500}.score-dims{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.score-dim-top{justify-content:space-between;align-items:baseline;margin-bottom:3px;display:flex}.score-dim-label{letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:700}.score-dim-val{font-variant-numeric:tabular-nums;color:var(--text);font-size:11px;font-weight:800}.score-dim-bar{background:#ffffff14;border-radius:99px;height:5px;overflow:hidden}.score-dim-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2,#ff6fd8));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.score-dim-note{color:var(--text-dim);margin-top:3px;font-size:10.5px;font-style:italic}.score-lessons{border-top:1px dashed var(--border);padding-top:10px}.score-lessons-title{letter-spacing:.06em;color:var(--accent);margin-bottom:6px;font-size:10px;font-weight:700}.score-lesson{color:var(--text-dim);margin-bottom:4px;font-size:11.5px;line-height:1.45}.sidebar-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative}.sidebar-card.highlight-card{background:linear-gradient(135deg,#7c6fff1f,#ff6fd80f);border-color:#7c6fff4d}.card-kicker{letter-spacing:.06em;color:var(--accent);margin-bottom:8px;font-size:10.5px;font-weight:700}.card-help-text{color:var(--text-dim);margin-bottom:12px;font-size:12.5px;line-height:1.45}.quick-action-buttons{flex-direction:column;gap:8px;display:flex}.action-btn-glow{box-shadow:0 4px 18px #7c6fff66}.dual-action-row{gap:8px;display:flex}.flex-1{flex:1}.sidebar-revision-box{flex-direction:column;gap:8px;display:flex}.sidebar-revision-input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-body);resize:vertical;box-sizing:border-box;outline:none;padding:10px 12px;font-size:13px;line-height:1.4}.sidebar-revision-input:focus{border-color:#7c6fff80;box-shadow:0 0 0 3px #7c6fff1a}.revision-suggestion-group{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.suggestion-label{color:var(--text-dim);margin-bottom:6px;font-size:11px}.suggestion-chips{flex-wrap:wrap;gap:6px;display:flex}.suggestion-chip{color:var(--text);cursor:pointer;background:#7c6fff14;border:1px solid #7c6fff33;border-radius:999px;padding:4px 10px;font-size:11px;transition:all .15s}.suggestion-chip:hover{background:#7c6fff33;border-color:#7c6fff66}.revision-history-list{flex-direction:column;gap:6px;display:flex}.revision-history-item{background:var(--surface-3);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12px;display:flex}.revision-history-item.success{color:var(--text);border-color:#10b9814d}.revision-history-item.error{color:#ef4444;border-color:#ef44444d}.tune-module-list{flex-direction:column;gap:6px;display:flex}.tune-module-item{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.tune-module-name{color:var(--text);flex:1;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.tune-indicator{background:var(--accent);border-radius:50%;width:6px;height:6px}.tune-module-actions{align-items:center;gap:6px;display:flex}.tune-module-select{background:var(--surface-1);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 6px;font-size:11px}.tune-module-tag{color:var(--text-dim);text-transform:capitalize;font-size:11px}.tune-module-delete{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:12px}.tune-module-delete:hover{color:#ef4444;background:#ef44441a}.tune-add-group{border-top:1px dashed var(--border);margin-top:8px;padding-top:10px}.tune-add-label{color:var(--text-dim);margin-bottom:6px;font-size:11px}.tune-add-chips{flex-wrap:wrap;gap:6px;display:flex}.tune-chip-btn{color:var(--text);cursor:pointer;background:#7c6fff14;border:1px dashed #7c6fff66;border-radius:6px;padding:4px 8px;font-size:11px;transition:all .15s}.tune-chip-btn:hover{background:#7c6fff33}.code-export-summary{background:var(--surface-3);border:1px solid var(--border);border-radius:8px;justify-content:space-between;gap:8px;padding:10px;display:flex}.code-stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-dim);font-size:10.5px}.stat-value{font-size:12px;font-weight:600;font-family:var(--font-mono)}.text-success{color:#10b981}.sidebar-code-container{border-radius:var(--radius);border:1px solid var(--border);background:#0d0e15;overflow:hidden}.code-editor-header{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.code-filename{font-size:11px;font-family:var(--font-mono);color:var(--text-dim)}.code-mini-copy{color:var(--accent);cursor:pointer;background:#7c6fff26;border:1px solid #7c6fff4d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.sidebar-code-scroll{max-height:480px;margin:0;padding:14px;overflow:auto}.sidebar-code-scroll code{font-family:var(--font-mono);color:#abb2bf;white-space:pre;font-size:11px;line-height:1.6}.deploy-guide-card{flex-direction:column;gap:10px;display:flex}.deploy-guide-header{align-items:center;gap:10px;display:flex}.deploy-icon{font-size:20px}.deploy-title{color:var(--text);margin:0;font-size:13.5px;font-weight:600}.deploy-subtext{color:var(--text-dim);margin:2px 0 0;font-size:11.5px}.deploy-steps-list{color:var(--text-dim);margin:0;padding-left:20px;font-size:12px;line-height:1.6}.deploy-steps-list code{font-family:var(--font-mono);color:var(--accent);background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:11px}.deploy-link{color:var(--accent);text-decoration:underline}.deploy-code-snippet{background:#000;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.deploy-code-snippet code{font-family:var(--font-mono);color:#10b981;font-size:12px}.deploy-copy-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:4px;padding:3px 8px;font-size:10.5px}.deploy-copy-btn:hover{background:#fff3}.specs-table{flex-direction:column;gap:8px;display:flex}.spec-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:6px;font-size:12px;display:flex}.spec-name{color:var(--text-dim)}.spec-val{color:var(--text);font-weight:600;font-family:var(--font-mono)}.specs-sections-pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}@media (width<=768px){.hide-on-mobile{display:none}}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:960px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 32px 80px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{font-family:var(--font-display);font-size:15px;font-weight:600}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:22px;line-height:1;transition:all .15s}.modal-close:hover{color:var(--text);background:#ffffff0d}.modal-body{background:#fff;flex:1;padding:20px;overflow:auto}.preview-modal{max-width:1200px}.preview-devices{align-items:center;gap:6px;margin-inline:12px;display:flex}.preview-device-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;font-size:14px;line-height:1;transition:all .15s}.preview-device-btn:hover{color:var(--text);background:#ffffff0d}.preview-device-btn.active{color:var(--text);background:#7c6fff29;border-color:#7c6fff80}.preview-body{background:#0b0b10;flex:1;padding:0;overflow:auto}.preview-stage{justify-content:center;align-items:flex-start;width:100%;min-height:calc(90vh - 110px);padding:24px;display:flex;overflow:auto}.device-frame{background:#fff;border:1px solid #ffffff1f;border-radius:22px;height:calc(90vh - 160px);transition:width .35s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 24px 70px #00000080}.preview-stage.mobile .device-frame{border-radius:30px}.device-frame .preview-frame{border:none;width:100%;height:100%}.preview-frame{background:#fff;border:none;width:100%;height:calc(90vh - 100px)}.divider{border:none;border-top:1px solid var(--border);margin:28px 0}.text-dim{color:var(--text-dim);font-size:13px}.mt-12{margin-top:12px}.mt-24{margin-top:24px}.text-center{text-align:center}.tag{color:var(--accent);background:#7c6fff1f;border:1px solid #7c6fff33;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.error-state{text-align:center;padding:40px 20px}.error-icon{margin-bottom:16px;font-size:40px}.error-title{font-family:var(--font-display);color:var(--danger);margin-bottom:12px;font-size:18px;font-weight:600}.error-msg{color:var(--text-dim);max-width:400px;margin:0 auto 24px;font-size:14px;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.settings-btn{background:var(--surface-3);border:1px solid var(--border);width:38px;height:38px;color:var(--text-dim);cursor:pointer;transition:all .2s var(--ease);border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.settings-btn:hover{color:var(--text);border-color:#7c6fff66}.settings-btn.has-key{color:var(--success);border-color:#4ade8066}.settings-modal{z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;overflow:hidden;box-shadow:0 24px 80px #00000080}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-title{font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.settings-body{padding:20px}.settings-body p{color:var(--text-dim);margin-bottom:16px;font-size:13px;line-height:1.6}.settings-body input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:100%;font-size:13px;font-family:var(--font-mono);letter-spacing:.02em;outline:none;margin-bottom:12px;padding:11px 14px;transition:all .2s}.settings-body input:focus{border-color:#7c6fff80;box-shadow:0 0 0 3px #7c6fff1a}.settings-hint{color:var(--text-faint);margin-bottom:16px;font-size:11px}.settings-saved-hint{color:var(--success);border-radius:var(--radius-sm);background:#34d39914;border:1px solid #34d39940;margin-bottom:10px;padding:8px 11px;font-size:11.5px}.btn-revoke{color:var(--danger);border-color:#f8717173}.settings-link{color:var(--accent);text-decoration:none}.settings-link:hover{text-decoration:underline}.settings-btn-row{gap:10px;display:flex}.settings-btn-row .btn{flex:1;padding:10px 20px;font-size:13px}.provider-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.provider-card{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all .2s var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.provider-card:hover{background:#7c6fff0f;border-color:#7c6fff66}.provider-card.selected{background:#7c6fff1a;border-color:#7c6fffa6;box-shadow:0 0 0 3px #7c6fff14}.provider-icon{flex-shrink:0;font-size:20px}.provider-info{flex:1;min-width:0}.provider-name{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.provider-desc{color:var(--text-dim);margin-top:2px;font-size:11.5px;line-height:1.45}.provider-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px}.provider-radio{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.provider-card.selected .provider-radio{border-color:#7c6fffb3}.provider-radio-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.settings-body code{color:var(--text);font-family:var(--font-mono);background:#7c6fff1f;border-radius:4px;padding:1px 5px;font-size:11px}@media (width<=640px){.header{padding:12px 20px}.header.scrolled{padding:8px 20px}.main{padding:32px 16px 60px}.progress-label{display:none}}.editor-mode-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--vp-tag-ink,#7b6bff);background:var(--vp-tag-bg,#7b6bff1f);border:1px solid var(--vp-tag-line,#7b6bff59);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 0 18px #7b6bff2e}.editor-mode-dot{background:#7b6bff;border-radius:50%;width:7px;height:7px;animation:1.8s infinite editor-pulse;box-shadow:0 0 #7b6bff99}@keyframes editor-pulse{0%{box-shadow:0 0 #7b6bff80}70%{box-shadow:0 0 0 8px #7b6bff00}to{box-shadow:0 0 #7b6bff00}}.editor-shell{z-index:2;background:var(--editor-shell,#10101ab3);border:1px solid var(--editor-line,#ffffff14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #0000008c}[data-theme=light] .editor-shell{background:var(--editor-shell,#ffffffb8);border-color:#1414281a}.editor-topbar{border-bottom:1px solid var(--editor-line,#ffffff14);background:#ffffff08;align-items:center;gap:14px;padding:12px 16px;display:flex}[data-theme=light] .editor-topbar{background:#14142808}.editor-back{border:1px solid var(--editor-line,#ffffff1f);width:38px;height:38px;color:var(--text,#e8e8ef);cursor:pointer;background:#ffffff0d;border-radius:12px;place-items:center;transition:transform .15s,background .2s;display:grid}.editor-back:hover{background:#ffffff1f;transform:translate(-2px)}.editor-back-cheveron{font-size:18px;line-height:1}.editor-title{flex-direction:column;gap:2px;min-width:0;display:flex}.editor-title-name{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(120deg, var(--vp-grad-a,#a78bfa), var(--vp-grad-b,#f0abfc));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px;font-weight:700;overflow:hidden}.editor-title-sub{color:var(--dim,#78788ce6);white-space:nowrap;font-size:12px}.editor-toolbar{align-items:center;gap:10px;margin-left:auto;display:flex}.editor-pill{appearance:none;border:1px solid var(--editor-line,#ffffff1f);color:var(--text,#e8e8ef);cursor:pointer;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.editor-pill:hover{background:#ffffff1c}.editor-pill:active{transform:scale(.97)}.editor-pill.active{background:linear-gradient(120deg,#a78bfa38,#f0abfc2e);border-color:#a78bfa80}.editor-round{border:1px solid var(--editor-line,#ffffff1f);width:38px;height:38px;color:var(--text,#e8e8ef);cursor:pointer;background:#ffffff0d;border-radius:999px;place-items:center;transition:all .15s;display:grid}.editor-round:hover:not(:disabled){background:#ffffff1f}.editor-round:disabled{opacity:.35;cursor:not-allowed}.editor-primary{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(120deg,#7b6bff,#a855f7 55%,#e879f9);border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s;box-shadow:0 10px 24px -8px #a855f78c}.editor-primary:hover{filter:brightness(1.1);box-shadow:0 14px 30px -8px #a855f7b3}.editor-primary:active{transform:scale(.97)}.editor-primary:disabled{opacity:.5;cursor:not-allowed}.editor-primary.small{padding:8px 14px;font-size:12px}.brand-chip{background:conic-gradient(#7b6bff,#f0abfc,#7b6bff);border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #a78bfab3}.editor-body{grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100vh - 200px);max-height:calc(100vh - 170px);display:grid;overflow:hidden}@media (width<=900px){.editor-body{grid-template-columns:1fr;max-height:none;overflow:visible}.editor-inspector{border-top:1px solid var(--editor-line,#ffffff14)}}.editor-canvas{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:relative;overflow:auto}.editor-canvas-glow-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.editor-canvas-glow{pointer-events:none;background:radial-gradient(600px 300px at 20% 10%,#7b6bff1a,#0000 60%),radial-gradient(500px 300px at 80% 90%,#e879f914,#0000 60%);position:absolute;inset:-40% -30% -20%}.editor-stage{z-index:1;justify-content:center;display:flex;position:relative}.device-frame{background:#fff;border-radius:18px;transition:width .35s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 24px 60px -16px #0009,0 0 0 1px #ffffff1a}.editor-frame{background:#fff;border:0;width:100%;height:calc(100vh - 300px);min-height:460px;display:block}.editor-legend{z-index:1;color:var(--dim,#78788ce6);align-items:center;gap:14px;font-size:12px;display:flex;position:relative}.legend-dot{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.legend-dot.hover{opacity:.7;background:#7b6bff}.legend-dot.select{background:#f0abfc;box-shadow:0 0 8px #f0abfccc}.legend-muted{opacity:.6}.editor-inspector{border-left:1px solid var(--editor-line,#ffffff14);background:#ffffff05;flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}[data-theme=light] .editor-inspector{border-left-color:#1414281a}.insp-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.insp-kicker{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(120deg,#a78bfa,#f0abfc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:11px;font-weight:700}.insp-reset{appearance:none;border:1px solid var(--editor-line,#ffffff1f);width:30px;height:30px;color:var(--text,#e8e8ef);cursor:pointer;background:0 0;border-radius:999px;place-items:center;transition:background .15s;display:grid}.insp-reset:hover{background:#ffffff1a}.insp-card{border:1px solid var(--editor-line,#ffffff17);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0b;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}[data-theme=light] .insp-card{background:#1414280a}.insp-label{letter-spacing:.05em;text-transform:uppercase;color:var(--dim,#78788ce6);font-size:11px;font-weight:600}.insp-row{align-items:center;gap:8px;display:flex}.insp-row.gap8{gap:8px}.insp-row.between{justify-content:space-between}.insp-textarea{resize:vertical;border:1px solid var(--editor-line,#ffffff24);width:100%;color:var(--text,#e8e8ef);font:inherit;background:#ffffff0f;border-radius:12px;min-height:64px;padding:10px 12px;font-size:13px;line-height:1.5}.insp-textarea:focus,.insp-input:focus,.insp-select:focus{border-color:#a78bfa99;outline:none;box-shadow:0 0 0 3px #a78bfa26}.insp-input{border:1px solid var(--editor-line,#ffffff24);width:100%;color:var(--text,#e8e8ef);font:inherit;background:#ffffff0f;border-radius:12px;padding:9px 12px;font-size:13px}.insp-select{border:1px solid var(--editor-line,#ffffff24);color:var(--text,#e8e8ef);font:inherit;background:#ffffff0f;border-radius:12px;padding:8px 10px;font-size:12px}.insp-select.wide{flex:1}.insp-select:disabled{opacity:.5;cursor:not-allowed}.insp-color{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:10px;width:34px;height:34px;padding:0}.insp-color::-webkit-color-swatch-wrapper{padding:2px}.insp-color::-webkit-color-swatch{border:1px solid #fff3;border-radius:8px}.insp-seg{gap:4px;display:flex}.insp-seg.full{width:100%}.insp-seg-btn{appearance:none;border:1px solid var(--editor-line,#ffffff1f);color:var(--text,#e8e8ef);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:7px 10px;font-size:12px;transition:all .15s}.insp-seg-btn:hover{background:#ffffff14}.insp-seg-btn.active{background:linear-gradient(120deg,#a78bfa40,#f0abfc33);border-color:#a78bfa8c}.insp-ghost{appearance:none;border:1px solid var(--editor-line,#ffffff1f);width:100%;color:var(--text,#e8e8ef);cursor:pointer;background:#ffffff0a;border-radius:12px;padding:9px 12px;font-size:12px;font-weight:600;transition:all .15s}.insp-ghost:hover:not(:disabled){background:#ffffff1a}.insp-ghost:disabled{opacity:.4;cursor:not-allowed}.insp-ghost.danger{color:#fda4af;border-color:#fda4af4d}.insp-ghost.danger:hover{background:#fda4af1f}.insp-ghost.small{padding:6px 10px;font-size:11px}.insp-file{width:100%;color:var(--dim,#78788ce6);font-size:11px}.insp-file::file-selector-button{border:1px solid var(--editor-line,#ffffff24);color:var(--text,#e8e8ef);cursor:pointer;background:#ffffff0f;border-radius:10px;margin-right:10px;padding:7px 12px;font-size:11px}.insp-hint{color:var(--dim,#78788cb3);font-size:11px;line-height:1.5}.insp-lock{color:#78788ccc;font-size:11px}.insp-lock.visible{color:#fbbf24}.insp-btn-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.insp-chips{flex-wrap:wrap;gap:8px;display:flex}.insp-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 8px;display:flex}.insp-empty h4{margin:0;font-size:15px}.insp-empty p{color:var(--dim,#78788ce6);max-width:260px;margin:0;font-size:12.5px;line-height:1.55}.insp-empty-rings{place-items:center;width:92px;height:92px;display:grid;position:relative}.insp-empty-rings .ring{border:1.5px dashed #a78bfa80;border-radius:50%;position:absolute}.insp-empty-rings .r1{animation:14s linear infinite ring-spin;inset:0}.insp-empty-rings .r2{border-color:#f0abfc66;animation:11s linear infinite ring-spin-rev;inset:14px}.insp-empty-rings .spark{background:linear-gradient(120deg,#a78bfa,#f0abfc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes ring-spin-rev{to{transform:rotate(-360deg)}}.insp-facts{color:var(--dim,#78788ce6);flex-direction:column;gap:4px;margin:6px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.brand-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080e99;place-items:center;display:grid;position:fixed;inset:0}.brand-panel{background:var(--editor-panel,#181826eb);border:1px solid #a78bfa40;border-radius:22px;flex-direction:column;gap:12px;width:min(430px,100vw - 32px);max-height:calc(100vh - 48px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 40px 90px -20px #000000b3}[data-theme=light] .brand-panel{background:#fffffff5}.brand-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.brand-head h3{margin:2px 0 0;font-size:18px}.brand-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dim,#78788cd9);margin-top:6px;font-size:11px;font-weight:700}.brand-colors{flex-direction:column;gap:8px;display:flex}.brand-color-row{align-items:center;gap:10px;display:flex}.brand-color-label{flex:1;font-size:13px}.brand-color-hex{color:var(--dim,#78788ccc);font-family:ui-monospace,monospace;font-size:12px}.brand-foot{flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px;display:flex}.container.container-stretch{width:100%;max-width:none;padding-inline:14px}.editor-stage{align-items:center}.editor-stage .zoom-wrap{line-height:0;position:relative}.editor-stage .device-frame{transform-origin:0 0;position:absolute;top:0;left:0}.editor-stage .editor-frame{width:100%;height:100%}.editor-stage.mobile .device-frame{border-radius:26px}.preview-body{flex-direction:column;display:flex;position:relative}.preview-stage .zoom-wrap{flex:none;position:relative}.preview-stage .device-frame{transform-origin:0 0;height:auto;position:absolute;top:0;left:0}.preview-stage .preview-frame{height:100%}.zoom-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8e8ef;z-index:30;background:#0f101ce6;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;line-height:1;display:flex;box-shadow:0 14px 36px -8px #0009}.editor-shell>.zoom-control{position:absolute;bottom:16px;right:18px}.preview-body .preview-zoom{align-self:flex-end;margin:-58px 20px 16px 0;position:sticky;bottom:16px}.zoom-control input[type=range]{accent-color:#a78bfa;cursor:pointer;width:120px;height:4px;margin:0}.zoom-btn{appearance:none;color:#e8e8ef;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;transition:background .15s;display:grid}.zoom-btn:hover{background:#ffffff2e}.zoom-btn:active{transform:scale(.94)}.zoom-val{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}.zoom-fit{appearance:none;color:#e8e8ef;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.zoom-fit:hover{background:#ffffff2e}.zoom-fit.active{color:#fff;background:linear-gradient(120deg,#7b6bff,#a855f7);border-color:#0000}.admin-popup-overlay{z-index:350;-webkit-backdrop-filter:blur(14px);background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.admin-popup-panel{background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 90px #000000a6,0 0 0 1px #7c6fff26}.admin-popup-header{background:var(--surface-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.admin-header-title{align-items:center;gap:14px;display:flex}.admin-badge-icon{background:linear-gradient(135deg,#7c6fff4d,#ff6fd833);border:1px solid #7c6fff66;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;box-shadow:0 4px 16px #7c6fff33}.admin-title-text{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;font-size:16px;font-weight:700}.admin-subtitle-text{color:var(--text-dim);font-size:12px;font-family:var(--font-body)}.admin-close-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;width:32px;height:32px;transition:all .2s var(--ease);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.admin-close-btn:hover{color:var(--text);background:#ffffff1f;border-color:#ffffff40;transform:scale(1.05)}.admin-popup-body{flex:1;padding:24px;overflow-y:auto}.admin-login-wrapper{justify-content:center;align-items:center;padding:40px 10px;display:flex}.admin-login-box{text-align:center;width:100%;max-width:380px}.admin-login-shield{filter:drop-shadow(0 6px 18px #7c6fff59);margin-bottom:12px;font-size:40px}.admin-login-heading{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:20px;font-weight:700}.admin-login-sub{color:var(--text-dim);margin-bottom:24px;font-size:13px;line-height:1.5}.admin-error-banner{color:#ff8b8b;border-radius:var(--radius-sm);text-align:left;background:#f8717126;border:1px solid #f8717159;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:12px;display:flex}.admin-login-form{text-align:left;flex-direction:column;gap:16px;display:flex}.admin-input-group{flex-direction:column;gap:6px;display:flex}.admin-input-group label{color:var(--text-dim);font-size:12px;font-weight:500}.admin-input-group input{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:var(--font-body);outline:none;padding:11px 14px;transition:all .2s}.admin-input-group input:focus{background:var(--surface-4);border-color:#7c6fff99;box-shadow:0 0 0 3px #7c6fff26}.admin-login-hint{color:var(--text-faint);margin-top:20px;font-size:11px}.admin-login-hint code{color:var(--accent);font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:2px 6px}.admin-dashboard{flex-direction:column;gap:24px;display:flex}.admin-action-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.admin-session-indicator{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.live-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 10px var(--success);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.admin-action-group{align-items:center;gap:8px;display:flex}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.admin-metric-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease);flex-direction:column;gap:6px;padding:16px;display:flex}.admin-metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-label{color:var(--text-dim);font-size:12px;font-weight:500}.metric-icon{font-size:16px}.metric-number{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:24px;font-weight:700}.metric-number.metric-highlight{color:var(--accent)}.metric-footnote{color:var(--text-faint);font-size:11px}.admin-section-header{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.admin-section-header h3{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:600}.section-badge{font-size:11px;font-family:var(--font-mono);color:var(--text-faint);background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;padding:3px 8px}.admin-providers-list{flex-direction:column;gap:16px;display:flex}.admin-provider-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s var(--ease);flex-direction:column;gap:14px;padding:18px 20px;display:flex}.admin-provider-card:hover{border-color:var(--border-strong)}.admin-provider-card.is-active-provider{background:linear-gradient(180deg, #7c6fff0f 0%, var(--surface-2) 100%);border-color:#7c6fff66}.provider-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.provider-brand{align-items:center;gap:12px;display:flex}.provider-emoji{background:var(--surface-3);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:flex}.provider-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.provider-title{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:600}.active-tag{color:#c7bfff;text-transform:uppercase;letter-spacing:.05em;background:#7c6fff33;border:1px solid #7c6fff66;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600}.status-pill{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:500}.status-ready{color:var(--success);background:#4ade801f;border:1px solid #4ade8040}.status-missing{color:var(--warning);background:#fbbf241f;border:1px solid #fbbf2440}.provider-default-model{color:var(--text-dim);margin-top:3px;font-size:11px}.provider-default-model code{font-family:var(--font-mono);color:var(--text);background:#ffffff0d;border-radius:4px;padding:1px 5px}.provider-card-actions{align-items:center;gap:6px;display:flex}.admin-btn-icon{background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:11px;transition:all .15s}.admin-btn-icon:hover{background:var(--surface-4);color:var(--text);border-color:var(--border-strong)}.quota-edit-row{background:var(--surface-4);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.quota-edit-row label{color:var(--text-dim);white-space:nowrap}.quota-edit-row input{background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-size:12px;font-family:var(--font-mono);border-radius:6px;flex:1;padding:5px 8px}.provider-stats-row{background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid #ffffff0a;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:12px 16px;display:grid}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stat-val{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.quota-progress-container{flex-direction:column;gap:8px;display:flex}.quota-progress-header{justify-content:space-between;align-items:center;display:flex}.progress-label-text{color:var(--text-dim);font-size:12px}.progress-percentage-badge{font-family:var(--font-mono);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.badge-green{color:#4ade80;background:#4ade8026;border:1px solid #4ade804d}.badge-blue{color:#3ec6ff;background:#3ec6ff26;border:1px solid #3ec6ff4d}.badge-orange{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.badge-red{color:#f87171;background:#f8717126;border:1px solid #f871714d}.quota-progress-track{background:#ffffff12;border-radius:999px;height:8px;position:relative;overflow:hidden}.quota-progress-fill{height:100%;transition:width .4s var(--ease);border-radius:999px}.fill-green{background:linear-gradient(90deg,#4ade80,#22c55e);box-shadow:0 0 10px #4ade8080}.fill-blue{background:linear-gradient(90deg,#3ec6ff,#6366f1);box-shadow:0 0 10px #3ec6ff80}.fill-orange{background:linear-gradient(90deg,#fbbf24,#f97316);box-shadow:0 0 10px #fbbf2480}.fill-red{background:linear-gradient(90deg,#f87171,#dc2626);box-shadow:0 0 12px #f8717199}.fill-unlimited{opacity:.85;background:linear-gradient(90deg,#7c6fff,#ff6fd8,#3ec6ff) 0 0/200% 100%;animation:3s linear infinite shimmer-gradient}@keyframes shimmer-gradient{0%{background-position:100% 0}to{background-position:-100% 0}}.provider-confirm-reset{border-radius:var(--radius-sm);color:#ff9b9b;background:#f871711f;border:1px solid #f871714d;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.admin-btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.admin-btn.full-width{width:100%}.admin-btn.btn-sm{padding:6px 12px;font-size:12px}.admin-btn.btn-xs{padding:4px 8px;font-size:11px}.admin-btn-primary{color:#fff;background:linear-gradient(135deg,#7c6fff 0%,#6350ff 100%);box-shadow:0 4px 18px #7c6fff59}.admin-btn-primary:hover{background:linear-gradient(135deg,#8f84ff 0%,#7262ff 100%);transform:translateY(-1px);box-shadow:0 6px 22px #7c6fff73}.admin-btn-secondary{background:var(--surface-3);border-color:var(--border);color:var(--text)}.admin-btn-secondary:hover{background:var(--surface-4);border-color:var(--border-strong)}.admin-btn-danger{color:#fca5a5;background:#f871711f;border-color:#f871714d}.admin-btn-danger:hover{color:#fff;background:#f8717138;border-color:#f8717180}.admin-btn-ghost{color:var(--text-dim);background:0 0}.admin-btn-ghost:hover{color:var(--text);background:#ffffff0d}.leads-count{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:8px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.admin-leads{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);max-height:360px;margin-top:4px;overflow-y:auto}.admin-lead-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 16px;transition:background .2s;display:flex}.admin-lead-row:last-child{border-bottom:0}.admin-lead-row:hover{background:#ffffff08}.lead-avatar{background:#7c6fff1a;border:1px solid #7c6fff33;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.lead-main{flex:1;min-width:0}.lead-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lead-name{letter-spacing:-.01em;font-size:14px;font-weight:700}.lead-type{color:var(--accent);background:#7c6fff1a;border:1px solid #7c6fff2e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.lead-desc{color:var(--text-dim);overflow-wrap:anywhere;margin-top:4px;font-size:12.5px;line-height:1.5}.lead-meta{color:var(--text-dim);overflow-wrap:anywhere;margin-top:4px;font-size:12px;line-height:1.5}.lead-meta-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);margin-right:5px;font-size:10px;font-weight:700;display:inline-block}.lead-meta-url{font-family:ui-monospace,JetBrains Mono,Cascadia Code,Consolas,monospace;font-size:11px}.lead-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;padding-top:3px;font-size:11px}.admin-leads-empty{text-align:center;color:var(--text-dim);padding:34px 20px;font-size:13px;line-height:1.6}.admin-leads-more{margin:14px auto 0;display:block}:root{--bg:#05050d;--bg-2:#0a0a16;--bg-3:#101020;--bg-elevated:#14142899;--border:#ffffff14;--border-strong:#ffffff29;--text:#f2f2f8;--text-dim:#f2f2f88c;--text-faint:#f2f2f852;--accent:#7c6fff;--accent-2:#ff6fd8;--accent-3:#3ec6ff;--accent-glow:#7c6fff40;--success:#4ade80;--danger:#f87171;--warning:#fbbf24;--surface-1:#10102099;--surface-2:#10102080;--surface-3:#101020b3;--surface-4:#141428cc;--surface-subtle:#ffffff08;--header-bg:#05050db3;--placeholder:#f2f2f840;--code-bg:#0a0a16;--code-header-bg:#ffffff05;--code-text:#c9d1d9;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-lg:24px;--radius:16px;--radius-sm:10px;--radius-xs:8px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-glass:0 8px 32px #00000059;--shadow-pop:0 20px 60px #7c6fff40}:root[data-theme=light]{--bg:#f5f6fa;--bg-2:#fff;--bg-3:#eceef4;--bg-elevated:#ffffffd9;--border:#0f0f281a;--border-strong:#0f0f2833;--text:#15151f;--text-dim:#15151f94;--text-faint:#15151f5c;--accent:#6a5cff;--accent-2:#e050c9;--accent-3:#1fa9e8;--accent-glow:#6a5cff2e;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--surface-1:#fff;--surface-2:#fff;--surface-3:#fff;--surface-4:#fff;--surface-subtle:#0f0f280a;--header-bg:#f5f6fad1;--placeholder:#15151f59;--code-bg:#0b1120;--code-header-bg:#ffffff08;--code-text:#c9d1d9;--shadow-glass:0 8px 32px #0f0f2814;--shadow-pop:0 20px 60px #6a5cff2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::selection{color:#fff;background:#7c6fff4d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#7c6fff40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c6fff66}.no-scroll{overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}