@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800&family=Inter:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#fafafa;--bg3:#f5f5f5;--bg4:#f0f0f0;--border:#e5e5e5;--border2:#d0d0d0;--amber:#1e6bb3;--amber-light:#e8f2f9;--amber-border:#6bb3d9;--amber-dim:#1e6bb314;--green:#16a34a;--red:#dc2626;--text:#0a0a0a;--text2:#525252;--text3:#a3a3a3;--mono:"IBM Plex Mono", monospace;--sans:"IBM Plex Sans", sans-serif}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:60px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ctaBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flip-container{vertical-align:middle;text-align:center;white-space:nowrap;place-items:center;margin:0 4px;line-height:1;display:inline-grid;position:relative}.flip-container>*{grid-area:1/1}.home-hero-flip .flip-container{position:relative;top:-.18em}@media (width<=480px){.flip-container{margin:0 2px}}.flip-word{color:var(--amber);white-space:nowrap;opacity:0;visibility:hidden;font-size:.92em;line-height:1.3;display:inline-block;position:relative}.flip-word.active{visibility:visible;animation:.4s ease-in forwards flipUp}@keyframes flipUp{0%{opacity:0;transform:rotateX(90deg)}1%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1;transform:rotateX(0)}}@keyframes buttonPop{0%{opacity:0;transform:scale(.8)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes searchSectionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes filterChipIn{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:break-word;overflow-wrap:break-word}p,span,button,input,textarea,label{word-break:break-word;overflow-wrap:break-word;line-height:1.5}h1{line-height:1.2}h2,h3,h4,h5,h6{line-height:1.3}body:before{content:"";pointer-events:none;z-index:0;opacity:.25;background-image:radial-gradient(circle,#c8c8c8 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}nav,[role=navigation],.navbar,header{background-color:var(--bg)!important;color:var(--text)!important}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input::-webkit-outer-spin-button{display:none}input::-webkit-inner-spin-button{display:none}input:-webkit-autofill{-webkit-text-fill-color:var(--text)!important}@media (width<=1024px){body{font-size:15px}}@media (width<=768px){body{font-size:14px}button,a,input{font-size:inherit}h1{white-space:normal;word-wrap:break-word;font-size:clamp(16px,3.5vw,44px)!important}button,a,input[type=button],input[type=submit]{min-width:44px;min-height:44px}}@media (width<=640px){body{font-size:13.5px}.card,[class*=card],[style*=borderRadius]{padding:clamp(12px,3vw,20px)}}@media (width<=480px){body{font-size:12.5px}h1{font-size:clamp(20px,5vw,28px)!important}h2{font-size:clamp(18px,4vw,24px)!important}h3{font-size:clamp(16px,3vw,20px)!important}input,textarea,select{min-height:44px;font-size:16px!important}p{font-size:clamp(13px,3.5vw,16px)}}@media (width>=1200px){body{font-size:16px}}@media (width>=1600px){body{font-size:17px}}.h1-fluid{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2}.h2-fluid{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1.3}.h3-fluid{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:600;line-height:1.4}.body-fluid{font-size:clamp(.9rem,1vw,1.1rem);line-height:1.6}.btn-fluid{min-height:44px;padding:.75rem 1.5rem;font-size:clamp(.85rem,1vw,1rem)}.responsive-container{width:100%;max-width:var(--container-max,1440px);margin:0 auto;padding:0 clamp(16px,4vw,32px)}.responsive-container-large{max-width:2560px}.form-stack{flex-direction:column;gap:clamp(16px,3vw,24px);width:100%;display:flex}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-row>*{flex:calc(50% - 8px);min-width:250px}.grid-responsive{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,3vw,32px);width:100%;display:grid}.flex-col-mobile{flex-direction:row;display:flex}@media (width<=767px){.flex-col-mobile{flex-direction:column}.form-row>*{flex:100%}}.responsive-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.hide-mobile{display:block}.show-mobile{display:none}@media (width<=767px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (width>=768px) and (width<=1023px){.hide-tablet{display:none!important}}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.page-fade-in{animation:.35s cubic-bezier(.4,0,.2,1) both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.unsaved-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.unsaved-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unsaved-header{align-items:center;gap:16px;padding:24px 24px 12px;display:flex}.unsaved-icon-warning{color:#ef4444;background:#fef2f2;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.unsaved-header h2{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.unsaved-body{padding:0 24px 24px}.unsaved-body p{color:#475569;margin:0 0 8px;font-size:.95rem;line-height:1.5}.unsaved-hint{color:#94a3b8!important;font-size:.85rem!important}.unsaved-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.footer-right{gap:8px;display:flex}.btn-unsaved{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s}.btn-unsaved.cancel{color:#475569;background:#fff;border-color:#e2e8f0}.btn-unsaved.cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-unsaved.discard{color:#ef4444;background:#fff;border-color:#fecaca}.btn-unsaved.discard:hover{background:#fef2f2}.btn-unsaved.save{background:var(--accent-color);color:#fff;box-shadow:0 4px 10px #2563eb33}.btn-unsaved.save:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 12px #2563eb4d}.btn-unsaved:active{transform:scale(.98)}.save-toast-container{z-index:9999;pointer-events:none;position:fixed;top:24px;left:50%;transform:translate(-50%)}.save-toast{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;min-width:320px;padding:12px 20px;animation:.5s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;box-shadow:0 12px 40px -10px #00000026,0 0 0 1px #00000005}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.save-toast-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 12px #10b9814d}.save-toast-icon svg{width:18px;height:18px}.save-toast-content{flex-direction:column;gap:2px;display:flex}.save-toast-content h4{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700}.save-toast-content p{color:#64748b;margin:0;font-size:.8rem;font-weight:500}.param-panel{-webkit-user-select:none;user-select:none;background:#f8f9fb;flex-direction:column;height:100%;font-family:Inter,-apple-system,sans-serif;display:flex}.param-panel-header{background:#fff;border-bottom:1px solid #eef0f4;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.param-panel-title{text-transform:uppercase;letter-spacing:.07em;color:#1a1f36;font-size:.82rem;font-weight:800}.param-panel-actions{gap:2px;display:flex}.pp-action-btn{color:#5a6280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pp-action-btn:hover{color:#4f8cff;background:#f0f4ff}.pp-action-btn:active{transform:scale(.95)}.pp-action-btn.disabled{opacity:.3;pointer-events:none;color:#b4bcd0}.param-search-wrap{background:#fff;border-bottom:1px solid #eef0f4;flex-shrink:0;padding:6px 12px}.param-search-box{background:#f4f5f9;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;transition:all .2s;display:flex}.param-search-box:focus-within{background:#fff;border-color:#4f8cff;box-shadow:0 0 0 3px #4f8cff14}.param-search-box svg{color:#b4bcd0;flex-shrink:0}.param-search-box input{color:#1a1f36;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.8rem;font-weight:500}.param-search-box input::placeholder{color:#c0c7d6}.param-panel-scroll{flex:1;padding:6px 0 10px;overflow:hidden auto}.component-list-wrap{flex-direction:column;padding:0 0 6px;display:flex}.comp-section-wrap{margin-bottom:6px}.comp-card{cursor:pointer;background:#fff;border:1.5px solid #eef0f4;border-radius:8px;align-items:center;gap:8px;margin:0 10px;padding:8px 10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.comp-card:hover{border-color:#d4dae8;transform:translateY(-1px);box-shadow:0 2px 10px #0000000a}.comp-card.active{background:#f7f9ff;border-color:#4f8cff;box-shadow:0 2px 16px #4f8cff1a}.comp-card-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.comp-card-icon svg{flex-shrink:0;width:14px;height:14px}.comp-card-icon.gear{color:#fff;background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}.comp-card-icon.box{color:#fff;background:linear-gradient(135deg,#6ee7b7 0%,#10b981 100%)}.comp-card-icon.lid{color:#fff;background:linear-gradient(135deg,#67e8f9 0%,#0891b2 100%)}.comp-card-icon.screw{color:#fff;background:linear-gradient(135deg,#fdba74 0%,#ea580c 100%)}.comp-card-icon.bearing{color:#fff;background:linear-gradient(135deg,#c4b5fd 0%,#7c3aed 100%)}.comp-card-icon.text{color:#fff;background:linear-gradient(135deg,#f472b6 0%,#db2777 100%)}.comp-card-icon.cutout{color:#fff;background:linear-gradient(135deg,#fb7185 0%,#e11d48 100%)}.comp-card-icon.default{color:#fff;background:linear-gradient(135deg,#cbd5e1 0%,#64748b 100%)}.comp-card-info{flex:1;min-width:0}.comp-card .comp-card-info,.comp-card .comp-card-name,.comp-card .comp-card-meta,.comp-card .comp-card-icon{padding:0}.comp-card-name{color:#1a1f36;font-size:.82rem;font-weight:700;line-height:1.2}.comp-card-meta{color:#8b95b0;margin-top:1px;font-size:.68rem;font-weight:500}.comp-card .vis-toggle{z-index:10;cursor:pointer;color:#4f8cff;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:relative}.comp-card .vis-toggle:hover{background:#f0f4ff}.comp-card .vis-toggle.off{color:#c8cfe0}.active-params-section{padding:2px 12px 6px;animation:.22s ease-out fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.params-section-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca5be;padding:14px 2px 8px;font-size:.65rem;font-weight:700}.dim-row{align-items:center;gap:8px;padding:4px 0;display:flex}.dim-label{color:#3d4663;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.78rem;font-weight:600;overflow:hidden}.dim-input-group{background:#fff;border:1.5px solid #e2e6f0;border-radius:6px;flex-shrink:0;align-items:center;min-width:80px;transition:all .2s;display:flex;overflow:hidden}.dim-input-group:focus-within{border-color:#4f8cff;box-shadow:0 0 0 3px #4f8cff14}.dim-input-group.invalid{border-color:#f43f5e;box-shadow:0 0 0 3px #f43f5e0f}.dim-input-group.readonly{background:#f7f8fb;border-color:#e8eaf0}.dim-input{color:#1a1f36;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:60px;padding:4px 6px;font-family:Inter,monospace;font-size:.82rem;font-weight:600}.dim-input::-webkit-inner-spin-button{-webkit-appearance:none}.dim-input::-webkit-outer-spin-button{-webkit-appearance:none}.dim-input.readonly{color:#9ca5be;cursor:default}.dim-unit{color:#9ca5be;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 8px 0 0;font-size:.68rem;font-weight:600}.dim-slider-wrap{padding:0 0 4px}.dim-slider{appearance:none;cursor:pointer;background:#e8ecf4;border-radius:2px;outline:none;width:100%;height:4px;margin:0}.dim-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4f8cff;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 6px #4f8cff4d}.dim-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.dim-slider::-moz-range-thumb{cursor:pointer;background:#4f8cff;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 6px #4f8cff4d}.dim-warning{color:#f43f5e;align-items:center;gap:5px;padding:2px 0 4px;font-size:.68rem;font-weight:600;display:flex}.smart-group{margin-bottom:2px}.smart-group-header{text-transform:uppercase;letter-spacing:.06em;color:#b0b8ce;align-items:center;gap:6px;padding:8px 2px 2px;font-size:.68rem;font-weight:700;display:flex}.smart-group-header:after{content:"";background:#eef0f5;flex:1;height:1px}.advanced-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 2px 6px;display:flex}.advanced-toggle-label{color:#8b95b0;font-size:.72rem;font-weight:700;transition:color .15s}.advanced-toggle:hover .advanced-toggle-label{color:#5a6280}.advanced-toggle-chevron{color:#b4bcd0;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}.advanced-toggle-chevron.open{transform:rotate(90deg)}.advanced-toggle-line{background:#eef0f5;flex:1;height:1px}.advanced-body{opacity:0;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s;overflow:hidden}.advanced-body.open{opacity:1;max-height:3000px}.feat-tree{background:#fff;border:1px solid #eef0f4;border-radius:10px;margin:4px 0 8px;padding:6px 0}.feat-tree-comp{padding:0 8px}.feat-tree-comp-name{color:#3d4663;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 6px;font-size:.74rem;font-weight:700;transition:background .1s;display:flex}.feat-tree-comp-name:hover{background:#f4f5f9}.feat-tree-chevron{color:#b4bcd0;transition:transform .2s;display:flex}.feat-tree-chevron.collapsed{transform:rotate(-90deg)}.feat-tree-children{opacity:1;max-height:500px;transition:max-height .2s,opacity .15s;overflow:hidden}.feat-tree-children.collapsed{opacity:0;max-height:0}.feat-tree-item{color:#8b95b0;cursor:default;border-radius:4px;align-items:center;gap:6px;padding:3px 6px 3px 28px;font-size:.7rem;transition:all .1s;display:flex}.feat-tree-item:hover{color:#5a6280;background:#f7f8fb}.feat-tree-item-dot{background:#d0d6e4;border-radius:50%;flex-shrink:0;width:5px;height:5px}.feat-tree-item:hover .feat-tree-item-dot{background:#4f8cff}.no-results{text-align:center;color:#9ca5be;padding:32px 20px}.no-results-icon{opacity:.4;margin-bottom:8px;font-size:28px}.no-results-text{font-size:.78rem;font-weight:500}.skel-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;align-items:center;gap:12px;margin:0 14px 6px;padding:14px;display:flex}.skel-circle{background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0 50%,#f0f2f7 75%) 0 0/200% 100%;border-radius:10px;flex-shrink:0;width:34px;height:34px;animation:1.5s infinite shimmer}.skel-line{background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0 50%,#f0f2f7 75%) 0 0/200% 100%;border-radius:5px;height:10px;animation:1.5s infinite shimmer}.skel-line.w60{width:60%}.skel-line.w40{width:40%}.skel-line.w80{width:80%}.skel-lines{flex-direction:column;flex:1;gap:6px;display:flex}.param-panel-footer{background:#fff;border-top:1px solid #eef0f4;flex-shrink:0;padding:10px 18px}.pp-footer-text{color:#b0b8ce;font-size:.68rem;font-weight:600}.pp-footer-text strong{color:#4f8cff;font-weight:800}@media (width<=768px){.param-panel-header{padding:6px 10px}.param-panel-title{font-size:.76rem}.pp-action-btn{border-radius:6px;width:26px;height:26px}.param-search-wrap{padding:4px 10px}.param-search-box{gap:4px;padding:4px 6px}.param-search-box input{font-size:.75rem}.param-panel-scroll{padding:4px 0 8px}.comp-card{border-radius:6px;gap:6px;margin:0 8px;padding:6px 8px}.comp-card-icon{border-radius:4px;width:24px;height:24px;font-size:10px}.comp-card-icon svg{width:12px;height:12px}.comp-card-name{font-size:.78rem}.comp-card-meta{font-size:.62rem}.comp-card .vis-toggle{width:24px;height:24px}.active-params-section{padding:2px 8px 4px}.smart-group-header{padding:6px 2px 2px;font-size:.62rem}.dim-row{gap:6px;padding:3px 0}.dim-label{font-size:.74rem}.dim-input-group{border-radius:4px;min-width:70px}.dim-input{width:50px;padding:3px 4px;font-size:.76rem}.dim-unit{padding-right:4px;font-size:.62rem}.standalone-param-wrap{margin:0 8px 8px!important;padding:4px 0!important}.standalone-param-wrap select{min-width:70px!important;max-width:90px!important;padding:3px 6px!important;font-size:.74rem!important}.dim-row select{max-width:90px!important;padding:3px 6px!important;font-size:.74rem!important}.dim-row input[type=text]{padding:3px 6px!important;font-size:.74rem!important}}.mobile-scaled-view .sidebar{width:400px!important;max-width:400px!important}.mobile-scaled-view .param-panel-header{height:64px!important;padding:16px 20px!important}.mobile-scaled-view .param-panel-title{font-size:1.2rem!important}.mobile-scaled-view .pp-action-btn{border-radius:10px!important;width:44px!important;height:44px!important}.mobile-scaled-view .pp-action-btn svg{width:22px!important;height:22px!important}.mobile-scaled-view .param-search-wrap{padding:12px 20px!important}.mobile-scaled-view .param-search-box{border-radius:10px!important;gap:10px!important;padding:10px 16px!important}.mobile-scaled-view .param-search-box svg{width:20px!important;height:20px!important}.mobile-scaled-view .param-search-box input{font-size:1.15rem!important}.mobile-scaled-view .comp-card{border-radius:12px!important;gap:12px!important;margin:0 16px!important;padding:14px 16px!important}.mobile-scaled-view .comp-card-icon{border-radius:8px!important;width:40px!important;height:40px!important}.mobile-scaled-view .comp-card-icon svg{width:22px!important;height:22px!important}.mobile-scaled-view .comp-card-name{font-size:1.15rem!important}.mobile-scaled-view .comp-card-meta{margin-top:3px!important;font-size:.95rem!important}.mobile-scaled-view .comp-card .vis-toggle{border-radius:10px!important;width:40px!important;height:40px!important}.mobile-scaled-view .comp-card .vis-toggle svg{width:22px!important;height:22px!important}.mobile-scaled-view .active-params-section{padding:4px 20px 10px!important}.mobile-scaled-view .smart-group-header{gap:10px!important;padding:16px 2px 8px!important;font-size:.95rem!important}.mobile-scaled-view .params-section-label{padding:20px 2px 12px!important;font-size:.95rem!important}.mobile-scaled-view .dim-row{gap:12px!important;padding:10px 0!important}.mobile-scaled-view .dim-label{font-size:1.1rem!important}.mobile-scaled-view .dim-input-group{border-radius:10px!important;min-width:120px!important;height:42px!important}.mobile-scaled-view .dim-input{width:80px!important;padding:8px 10px!important;font-size:1.1rem!important}.mobile-scaled-view .dim-unit{padding:0 12px 0 0!important;font-size:.9rem!important}.mobile-scaled-view .dim-slider-wrap{padding:6px 0 10px!important}.mobile-scaled-view .dim-slider{border-radius:5px!important;height:10px!important}.mobile-scaled-view .dim-slider::-webkit-slider-thumb{border:4px solid #fff!important;width:24px!important;height:24px!important;box-shadow:0 2px 10px #4f8cff66!important}.mobile-scaled-view .dim-slider::-moz-range-thumb{border:4px solid #fff!important;width:24px!important;height:24px!important;box-shadow:0 2px 10px #4f8cff66!important}.mobile-scaled-view .dim-row select,.mobile-scaled-view .standalone-param-wrap select,.mobile-scaled-view .dim-row input[type=text]{border-radius:10px!important;min-width:120px!important;max-width:150px!important;height:42px!important;padding:8px 12px!important;font-size:1.05rem!important}.mobile-scaled-view .standalone-param-wrap{margin:0 16px 16px!important;padding:10px 0!important}.mobile-scaled-view .advanced-toggle{gap:14px!important;padding:20px 2px 12px!important}.mobile-scaled-view .advanced-toggle-label{font-size:1.05rem!important}.mobile-scaled-view .advanced-toggle-chevron svg{width:20px!important;height:20px!important}.mobile-scaled-view .feat-tree{border-radius:14px!important;margin:10px 0 16px!important;padding:12px 0!important}.mobile-scaled-view .feat-tree-comp-name{border-radius:10px!important;gap:12px!important;padding:10px 12px!important;font-size:1.05rem!important}.mobile-scaled-view .feat-tree-chevron svg{width:18px!important;height:18px!important}.mobile-scaled-view .feat-tree-item{border-radius:8px!important;gap:12px!important;padding:8px 12px 8px 40px!important;font-size:1rem!important}.mobile-scaled-view .feat-tree-item-dot{width:10px!important;height:10px!important}.mobile-scaled-view .dim-warning{gap:10px!important;padding:6px 0 8px!important;font-size:.9rem!important}.mobile-scaled-view .param-panel-footer{padding:18px 24px!important}.mobile-scaled-view .pp-footer-text{font-size:.95rem!important}.color-picker{cursor:pointer;-webkit-appearance:none;background:0 0;border:none;border-radius:4px;width:28px;height:28px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:4px;box-shadow:0 0 2px #00000080}.color-picker::-moz-color-swatch{border:none;border-radius:4px;box-shadow:0 0 2px #00000080}.color-picker:hover{transition:transform .2s ease-in-out;transform:scale(1.1)}.auth-backdrop{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);z-index:2000;background:#080a0fb3;justify-content:center;align-items:center;padding:12px;animation:.3s ease-out authFadeIn;display:flex;position:fixed;inset:0}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:#fffffffa;border:1px solid #fff9;border-radius:16px;flex-direction:column;width:100%;max-width:340px;transition:all .5s cubic-bezier(.16,1,.3,1);animation:.4s cubic-bezier(.16,1,.3,1) authSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 20px 40px -10px #0000001a}@keyframes authSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-success-state{text-align:center;justify-content:center;align-items:center;min-height:280px;display:flex}.auth-success-content{padding:24px;animation:.5s ease-out fadeIn}.success-icon-wrapper{margin-bottom:16px}.success-checkmark{stroke-width:2px;stroke:#2563eb;stroke-miterlimit:10;border-radius:50%;width:52px;height:52px;margin:0 auto;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block}.success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#2563eb;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards successStroke}.success-checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards successStroke}@keyframes successStroke{to{stroke-dashoffset:0}}.success-title{color:#0f172a;margin:0 0 4px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.success-subtitle{color:#64748b;margin-bottom:16px;font-size:.8rem;line-height:1.4}.success-loader{background:#f1f5f9;border-radius:10px;width:32px;height:3px;margin:0 auto;position:relative;overflow:hidden}.success-loader:after{content:"";background:#2563eb;width:100%;height:100%;animation:1.2s ease-in-out infinite successProgress;position:absolute;top:0;left:-100%}@keyframes successProgress{0%{left:-100%}to{left:100%}}.auth-mesh-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb05 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-close-btn{color:#64748b;cursor:pointer;z-index:10;background:#00000008;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:12px;right:12px}.auth-header{text-align:center;z-index:1;padding:14px 24px 6px;position:relative}.auth-logo-badge{background:#fff;border-radius:8px;margin-bottom:4px;padding:5px;display:inline-flex;box-shadow:0 2px 8px #0000000a}.auth-heading{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:800}.auth-subheading{color:#64748b;max-width:240px;margin:0 auto;font-size:.75rem;line-height:1.3}.auth-body{z-index:1;padding:0 24px 16px;position:relative}.auth-main-form{flex-direction:column;gap:8px;display:flex}.auth-field{flex-direction:column;flex:1;gap:2px;display:flex}.auth-form-row{gap:8px;display:flex}.auth-field label{color:#475569;font-size:.75rem;font-weight:600}.auth-extras-row{justify-content:space-between;align-items:center;display:flex}.auth-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.auth-input-container{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;align-items:center;display:flex;position:absolute;left:12px}.auth-input-container input{color:#0f172a;background:#0f172a05;border:1px solid #0f172a14;border-radius:8px;width:100%;padding:6px 12px 6px 34px;font-size:.78rem;transition:all .2s}.auth-input-container input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb0f}.auth-visibility-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.auth-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:8px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 12px -3px #2563eb4d}.auth-checkbox{cursor:pointer;color:#64748b;align-items:center;gap:6px;font-size:.75rem;display:flex}.auth-checkbox input{width:12px;height:12px}.auth-sep{align-items:center;gap:10px;margin:5px 0;display:flex}.sep-line{background:#0f172a0d;flex:1;height:1px}.sep-text{color:#94a3b8;letter-spacing:.05em;font-size:.6rem;font-weight:700}.auth-social-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:7px;font-size:.78rem;font-weight:600;display:flex}.auth-footer{text-align:center;background:#0f172a04;border-top:1px solid #0f172a0d;padding:6px 24px}.auth-footer p{color:#64748b;margin:0;font-size:.75rem}.auth-toggle-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0 0 0 3px;font-weight:700}.auth-captcha-field{margin:4px 0}.captcha-box{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9f9f9;border:1px solid #d3d3d3;border-radius:3px;justify-content:space-between;align-items:center;min-height:44px;padding:5px 10px;transition:background .2s;display:flex;box-shadow:0 0 2px #0000000d}.captcha-box:hover:not(.verified){border-color:#c1c1c1}.captcha-box.verified{cursor:default}.captcha-content{align-items:center;gap:10px;display:flex}.captcha-checkbox{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.captcha-anchor{background:#fff;border:2px solid #c1c1c1;border-radius:2px;width:20px;height:20px}.captcha-spinner{border:2px solid #f1f5f9;border-top-color:#4285f4;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite captchaSpin}.captcha-check-svg{width:24px;height:24px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards captchaCheckPop}@keyframes captchaCheckPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.captcha-label{color:#333;font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400}.captcha-branding{flex-direction:column;align-items:center;gap:1px;min-width:50px;display:flex;transform:scale(.9)}.captcha-logo{justify-content:center;display:flex}.captcha-legal{flex-direction:column;align-items:center;line-height:1;display:flex}.captcha-legal span{color:#555;font-size:9px;font-weight:700}.captcha-legal small{color:#555;font-size:7px;font-weight:400}@keyframes captchaSpin{to{transform:rotate(360deg)}}.signup-mode .auth-header{padding:8px 24px 2px}.signup-mode .auth-logo-badge{margin-bottom:1px;padding:3px}.signup-mode .auth-heading{margin:0 0 1px;font-size:1.1rem}.signup-mode .auth-subheading{font-size:.7rem;line-height:1.2}.signup-mode .auth-body{padding:0 18px 8px}.signup-mode .auth-main-form{gap:4px}.signup-mode .auth-field{gap:1px}.signup-mode .auth-field label{font-size:.68rem}.signup-mode .auth-input-container input{padding:6px 12px 6px 34px;font-size:.78rem}.signup-mode .auth-captcha-field{margin:3px 0}.signup-mode .captcha-box{min-height:44px;padding:5px 10px}.signup-mode .auth-primary-btn{padding:8px;font-size:.82rem}.signup-mode .auth-sep{margin:4px 0}.signup-mode .auth-social-btn{padding:7px;font-size:.78rem}.signup-mode .auth-footer{padding:6px 24px}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-main:#fff;--bg-subtle:#f8fafc;--border-subtle:#e2e8f0;--border-focus:#2563eb;--text-main:#0f172a;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-premium:0 12px 24px -6px #00000014, 0 4px 12px -4px #00000008;--container-max:1200px}*{box-sizing:border-box}.ai-container{min-height:100vh;color:var(--text-main);background:radial-gradient(at 0 0,#fafbff 0,#0000 50%),radial-gradient(at 100% 0,#f0f4ff 0,#0000 50%),#fff;flex-direction:column;align-items:center;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow-x:hidden}.content-wrapper{width:100%;max-width:var(--container-max);z-index:1;flex-direction:column;align-items:center;padding:0 40px;display:flex}.ai-header{width:100%;max-width:var(--container-max);justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px 32px;display:flex}.ai-header img{height:36px;transition:transform .2s}.btn{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn-signin{border-radius:8px;padding:8px 20px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-signin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.ai-hero{text-align:center;max-width:900px;margin-top:10px;margin-bottom:24px;animation:.6s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ai-hero h1{letter-spacing:-.05em;color:var(--text-main);text-transform:none;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:3.2rem;font-weight:800;line-height:1}.ai-hero h1 span{color:#3b82f6}.ai-hero p{color:var(--text-muted);max-width:650px;margin:0 auto;font-size:.95rem;line-height:1.5}.prompt-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-premium);background:#fffc;border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out .1s backwards fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.prompt-card:focus-within{border-color:var(--primary);box-shadow:0 20px 40px -12px #2563eb1a}.prompt-card textarea{background:var(--bg-subtle);border:1px solid var(--border-subtle);width:100%;height:84px;color:var(--text-main);resize:none;border-radius:12px;padding:14px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .2s}.prompt-card textarea:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb0d}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;animation:.3s fadeIn;display:flex}.prompt-actions{justify-content:space-between;align-items:center;gap:32px;display:flex}.examples-hint{flex-direction:column;flex:1;gap:8px;display:flex}.examples-hint .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.example-tags{flex-wrap:wrap;gap:6px;display:flex}.example-tag{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:5px 10px;font-size:.76rem;transition:all .15s}.example-tag:hover{background:var(--bg-subtle);color:var(--text-main);border-color:#cbd5e1;transform:translateY(-1px)}.btn-generate{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;height:40px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.btn-generate:hover:not(:disabled){background:#1e293b;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.btn-generate:active:not(:disabled){transform:translateY(0)}.ai-features{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:30px;display:grid}.feature{background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:row;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.feature:hover{border-color:var(--border-subtle);box-shadow:var(--shadow-sm);background:#fff}.feature-icon{background:var(--bg-subtle);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.feature-content{flex-direction:column;display:flex}.feature h3{color:var(--text-main);margin:0 0 6px;font-size:1rem;font-weight:600}.feature p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1440px){:root{--container-max:1300px}}@media (width<=1024px){.ai-features{grid-template-columns:1fr;gap:10px}.feature{padding:16px}}@media (width<=768px){.content-wrapper{padding:0 20px}.ai-header{padding:20px}.ai-hero h1{font-size:2.5rem}.prompt-actions{flex-direction:column;align-items:stretch;gap:20px}.btn-generate{justify-content:center;width:100%}}.dashboard-container{color:#0f172a;background:#fbfbfc;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.dashboard-sidebar{background:#fff;border-right:1px solid #f1f5f9;flex-direction:column;flex-shrink:0;width:240px;padding:24px 12px;display:flex}.sidebar-header{margin-bottom:24px;padding-left:12px}.sidebar-logo{height:28px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:#0f172a;background:#f8fafc}.nav-item.active{color:#2563eb;background:#eff6ff;font-weight:600}.sidebar-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:16px}.user-profile-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}.user-profile{cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:10px;padding:8px;transition:background .2s;display:flex}.user-profile:hover{background:#f8fafc}.user-avatar{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.85rem;font-weight:600;overflow:hidden}.user-plan{color:#94a3b8;font-size:.7rem}.dashboard-content{flex-direction:column;flex:1;padding:24px 44px;display:flex;overflow-y:auto}.content-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.search-bar-ai{align-items:center;width:100%;max-width:480px;display:flex;position:relative}.search-icon{color:#94a3b8;position:absolute;left:14px}.search-bar-ai input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:11px 110px 11px 40px;font-size:.85rem;box-shadow:0 1px 2px #00000005}.search-kbd{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 5px;font-size:.65rem;position:absolute;right:12px}.header-actions{gap:12px;display:flex}.btn-icon{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hero-text-group{margin-bottom:24px}.hero-text-group h1{color:#0f172a;letter-spacing:-.01em;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.hero-text-group p{color:#64748b;font-size:.95rem}.dashboard-stats-compact-row{gap:16px;margin-bottom:32px;display:flex}.stat-compact-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:4px;min-width:180px;padding:14px 20px;transition:all .2s;display:flex}.stat-compact-card:hover{background:#fcfdfe;border-color:#2563eb}.stat-compact-label{color:#94a3b8;font-size:.75rem;font-weight:600}.stat-compact-value{color:#0f172a;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.recent-section,.saved-templates-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3{align-items:center;font-size:1rem;font-weight:800;display:flex}.link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:700}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(12px,3vw,16px);display:grid}.project-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.project-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 20px -10px #0000000d}.project-preview-grid{background-color:#fcfdfe;background-image:radial-gradient(#2563eb06 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:center;height:120px;display:flex;position:relative;overflow:hidden}.project-preview-grid img{object-fit:cover;width:100%;height:100%}.preview-mesh{background:#fff;border:1px solid #f1f5f9;border-radius:8px;width:44px;height:44px}.project-details{padding:16px}.project-badge-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.project-badge{color:#2563eb;background:#eff6ff;border-radius:99px;padding:3px 8px;font-size:.6rem;font-weight:700;display:inline-block}.status-draft{color:#92400e!important;background:#fef3c7!important}.draft-card{border:1px dashed #e2e8f0}.draft-card:hover{border:1px solid #d1d5db}.draft-overlay{color:#fff;opacity:0;pointer-events:none;background:#0f172ab3;border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.draft-card:hover .draft-overlay{opacity:1}.card-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.card-action-btn:hover{color:#2563eb;background:#f1f5f9}.project-name-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.project-name{color:#0f172a;margin:0;font-size:.9rem;font-weight:800}.card-action-btn-inline{color:#94a3b8;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.project-name-row:hover .card-action-btn-inline{opacity:1}.card-action-btn-inline:hover{color:#2563eb;background:#eff6ff}.card-name-input{color:#0f172a;background:#f8fafc;border:1px solid #2563eb;border-radius:6px;outline:none;width:100%;margin-bottom:6px;padding:4px 8px;font-family:inherit;font-size:.9rem;font-weight:800;display:block}.project-description-text{color:#64748b;min-height:2.8em;margin-bottom:16px;font-size:.75rem;line-height:1.4;overflow:hidden}.project-footer{border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.footer-item{color:#94a3b8;align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.templates-list-vertical{flex-direction:column;gap:12px;display:flex}.template-list-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.template-list-item:hover{background:#fff;border-color:#e2e8f0}.template-item-icon-box{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.template-item-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.template-item-name{color:#0f172a;font-size:.95rem;font-weight:800}.template-item-category{color:#64748b;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:800}.template-item-desc{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.btn-outline-alt{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:700}.btn-outline-alt:hover{color:#2563eb;border-color:#2563eb}.ai-assistant-banner{color:#fff;background:#0f172a;border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex}.ai-banner-content{align-items:center;gap:16px;display:flex}.ai-sparkle{font-size:1.5rem}.ai-text h4{margin:0;font-size:1rem;font-weight:700}.ai-text p{opacity:.7;max-width:380px;margin:4px 0 0;font-size:.85rem}.btn-secondary{color:#0f172a;background:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.85rem;font-weight:800;text-decoration:none}.btn-secondary:hover{transform:scale(1.03)}.expert-view{padding:20px 0;animation:.4s ease-out fadeInExpert}@keyframes fadeInExpert{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.expert-card-full{background:#fff;border:1px solid #f1f5f9;border-radius:24px;overflow:hidden;box-shadow:0 20px 25px -5px #00000008}.expert-content-grid{grid-template-columns:1fr 1fr;min-height:500px;display:grid}.expert-text{flex-direction:column;justify-content:center;padding:60px;display:flex}.expert-badge-new{color:#2563eb;letter-spacing:.05em;background:#eff6ff;border-radius:8px;width:fit-content;margin-bottom:24px;padding:6px 12px;font-size:.75rem;font-weight:800;display:inline-block}.expert-text h1{color:#0f172a;letter-spacing:-.02em;margin:0 0 16px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.1}.expert-text p{color:#64748b;margin-bottom:32px;font-size:1.1rem;line-height:1.6}.expert-features-list{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.feature-item-row{color:#1e293b;align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.feature-item-row svg{color:#10b981;border:none}.whatsapp-cta-btn{color:#fff;background:#25d366;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:fit-content;padding:16px 32px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 20px -5px #25d36666}.whatsapp-cta-btn:hover{background:#22c35e;transform:translateY(-2px)scale(1.02);box-shadow:0 15px 30px -5px #25d36680}.expert-visual-box{background:#f8fafc;border-left:1px solid #f1f5f9;justify-content:center;align-items:center;display:flex}.expert-image-mock{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:70%;height:60%;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 15px #0000000d}@media (width<=768px){.dashboard-container{flex-direction:column;height:100dvh;overflow:hidden}.dashboard-sidebar{z-index:200;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #f1f5f9e6;border-bottom:none;border-right:none;flex-direction:row;flex-shrink:0;align-items:stretch;width:100%;height:64px;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0f172a0f}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;flex:1;gap:0;margin:0;padding:0}.nav-item{color:#94a3b8;letter-spacing:.02em;white-space:nowrap;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px 10px;font-size:.65rem;font-weight:600;transition:color .2s,background .2s;display:flex;position:relative}.nav-item svg{stroke-width:1.75px;width:20px;height:20px;transition:transform .2s,stroke .2s}.nav-item:hover{color:#2563eb;background:#f8fafc}.nav-item:hover svg{transform:translateY(-2px)}.nav-item.active{color:#2563eb;background:0 0;font-weight:700}.nav-item.active:before{content:"";background:#2563eb;border-radius:0 0 4px 4px;height:2.5px;position:absolute;top:0;left:20%;right:20%}.nav-item.active svg{transform:translateY(-1px)}.sidebar-footer{border:none;border-left:1px solid #f1f5f9;flex-shrink:0;justify-content:center;align-items:center;width:64px;margin:0;padding:0;display:flex}.user-profile-wrapper{flex-direction:column;align-items:center;gap:0}.user-profile{flex:none;gap:0;padding:4px}.user-avatar{border-radius:50%;width:28px;height:28px;font-size:.75rem;display:flex}.user-info,.user-name{display:none}.logout-btn-minimal{color:#64748b;width:28px;height:28px;margin:0}.dashboard-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 80px;overflow-y:auto}.content-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.search-bar-ai{max-width:100%}.search-bar-ai input{padding-right:14px}.search-kbd{display:none}.dashboard-content .header-actions{width:100%}.dashboard-content .header-actions .btn{border-radius:10px;justify-content:center;width:100%;padding:12px 20px;font-size:.9rem}.dashboard-stats-compact-row{flex-wrap:wrap;gap:10px;margin-bottom:20px}.stat-compact-card{flex:calc(50% - 5px);min-width:0;padding:12px 14px}.stat-compact-value{font-size:1.25rem}.recent-section,.saved-templates-section{margin-bottom:16px;padding:16px}.section-header{margin-bottom:14px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:10px}.expert-content-grid{grid-template-columns:1fr}.expert-text{padding:20px}.expert-text h1{font-size:1.8rem}.expert-visual-box{display:none}.ai-assistant-banner{text-align:center;flex-direction:column;gap:16px;padding:20px}.ai-text p{max-width:100%}.btn-secondary{text-align:center;width:100%;padding:12px 20px}.template-list-item{gap:10px;padding:12px}.template-item-icon-box{width:36px;height:36px}.hero-text-group h1{font-size:1.4rem}.hero-text-group p{font-size:.85rem}}@media (width<=380px){.dashboard-sidebar{height:58px}.nav-item{padding:6px 2px 8px;font-size:.6rem}.nav-item svg{width:18px;height:18px}.stat-compact-card{flex:100%}.project-grid{grid-template-columns:1fr}}.template-card{cursor:pointer;background:#fff;border:1px solid #e2e8f099;border-radius:24px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.template-card:hover{border-color:#3b82f64d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.template-card.active-card{border-color:var(--accent-color);box-shadow:0 0 0 4px #0066ff0d}.template-card-header-pic{background:#f1f5f9;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.template-thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .5s}.template-card:hover .template-thumbnail{transform:scale(1.05)}.template-icon-fallback{color:#cbd5e1;justify-content:center;align-items:center;display:flex}.template-category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.02em;background:#0f172ab3;border-radius:99px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:12px;left:12px}.template-card-info{flex-direction:column;flex:1;padding:20px;display:flex}.template-card-title-row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.template-card-title-row h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800;line-height:1.3}.template-active-badge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:800}.template-desc{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.template-params-badge{color:#94a3b8;align-items:center;gap:4px;margin-top:auto;font-size:.75rem;font-weight:600;display:flex}.template-params-badge:before{content:"";background:#cbd5e1;border-radius:50%;width:6px;height:6px}.template-load-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0 20px 20px;padding:12px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.template-card:hover .template-load-btn{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 10px 15px -3px #0f172a4d}.templates-page-container{background:#fdfdfe;flex-direction:column;min-height:100%;display:flex;position:relative}.templates-page-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:4px 40px 40px;animation:.4s ease-out fadeIn}.templates-page-hero{text-align:center;margin-bottom:20px;padding:10px 20px 0;position:relative}.templates-page-hero:before{content:"";z-index:-1;background-image:radial-gradient(at 0 0,#ebf5ff 0,#0000 50%),radial-gradient(at 50% 0,#f5f8ff 0,#0000 50%),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.15' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(#fff 0%,#fff0 100%);height:400px;position:absolute;top:-64px;left:0;right:0}.header-text h1{color:#0f172a;letter-spacing:-.04em;margin:0 0 8px;font-family:Outfit,sans-serif;font-size:3.2rem;font-weight:900;line-height:1.1}.header-text h1 span{background:linear-gradient(135deg, var(--accent-color) 0%, #3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-text p{color:#64748b;max-width:650px;margin:0 auto 16px;font-size:1.1rem;line-height:1.5}.templates-page-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:28px;flex-direction:column;gap:20px;max-width:950px;margin:0 auto;padding:24px;display:flex;box-shadow:0 10px 40px -10px #0000000d}.search-container{align-items:center;display:flex;position:relative}.search-container svg{color:#94a3b8;position:absolute;left:20px}.search-container input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:16px 20px 16px 56px;font-family:Inter,sans-serif;font-size:1.05rem;transition:all .2s}.search-container input:focus{border-color:var(--accent-color);background:#fff;outline:none;box-shadow:0 0 0 4px #0066ff0d}.category-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.category-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.category-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.category-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #06f3}.templates-full-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(16px,3vw,32px);display:grid}@media (width<=480px){.templates-full-grid{grid-template-columns:1fr}}.templates-loading-full{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:100px 0;display:flex}@media (width<=1024px){.templates-page-content{padding:24px}.header-text h1{font-size:clamp(2rem,5vw,2.5rem)}.templates-page-header-nav{padding:0 20px}}@media (width<=768px){.templates-page-header-nav{flex-wrap:wrap;gap:12px;height:auto;padding:12px 16px}.templates-page-filters{box-shadow:none;background:0 0;border:none;gap:16px;padding:0}.search-container input{border-radius:12px;padding:12px 16px 12px 44px;font-size:.95rem}.search-container svg{width:18px;height:18px;left:14px}.category-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap;flex-shrink:0;padding:8px 16px;font-size:.85rem}.templates-page-content .header-actions{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;display:flex}.header-text p{font-size:.95rem}}:root{--header-height:56px;--toolbar-height:44px;--bg-main:#fff;--bg-sidebar:#fff;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--accent-color:#2b7fff;--accent-hover:#06f}html{font-size:14px}@media (width>=1900px){html{font-size:15px}}body{background:var(--bg-main);color:var(--text-primary);margin:0;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app{zoom:.9;background:var(--bg-main);flex-direction:column;width:111.111vw;height:111.111vh;display:flex;overflow:hidden}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:1000;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;box-shadow:0 2px 8px #0000001a}.header-actions{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 1px 4px #0000000d}.toolbar{height:var(--toolbar-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fff3;border-radius:0 0 8px 8px;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;display:flex;box-shadow:0 2px 6px #00000014}.toolbar-group{align-items:center;gap:12px;padding-right:15px;display:flex}.toolbar-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;opacity:.85;font-size:.78rem;font-weight:600}.project-name-input{border:1px solid var(--border-color);color:var(--text-primary);background:#f1f5f9;border-radius:6px;outline:none;min-width:150px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.project-name-input:hover{background:#fff;border-color:#cbd5e1}.project-name-input:focus{border-color:var(--accent-color);background:#fff;min-width:250px;box-shadow:0 0 0 3px #2b7fff1a}.btn-toolbar-add{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-toolbar-add:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-primary{color:var(--text-primary);background:#fff3;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.btn-primary:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.layout{flex:1;display:flex;position:relative;overflow:hidden}.layout.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.sidebar-section{border-bottom:1px solid var(--border-color);background:#fff;min-width:150px;margin:0;padding:16px 20px}.agent-sidebar{background:var(--bg-main);border-left:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar h3{border-bottom:2px solid var(--accent-color);white-space:nowrap;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:1.1rem;font-weight:800;display:flex}.param-group input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background:#f8fafc;border-radius:6px;padding:8px 10px;font-size:.9rem;transition:all .2s}.param-group input:focus{border-color:var(--accent-color);background:#fff;outline:none}.resizer-v{cursor:col-resize;z-index:10;background:#e2e8f0;flex-shrink:0;width:2px;height:100%;transition:background .15s;position:relative}.resizer-v:after{content:"";background:0 0;width:18px;height:100%;position:absolute;top:0;left:-8px}.resizer-v:hover,.layout.resizing .resizer-v{background:var(--accent-color);box-shadow:0 0 10px #06f6}.resizer-h{cursor:row-resize;z-index:10;background:#e2e8f0;flex-shrink:0;width:100%;height:2px;transition:background .15s;position:relative}.resizer-h:after{content:"";background:0 0;width:100%;height:18px;position:absolute;top:-8px;left:0}.resizer-h:hover,.layout.resizing .resizer-h{background:var(--accent-color);box-shadow:0 0 10px #06f6}.viewer-container{background:#fff;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.viewer-canvas-container{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.bottom-panel{border-top:1px solid var(--border-color);z-index:10;background:#fff;min-height:40px;padding:12px 20px;overflow-y:auto}.bottom-panel h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:.7rem;font-weight:800}.object-list{flex-wrap:wrap;gap:8px;display:flex}.toggle-label{cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;background:#f8fafc;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:.78rem;transition:all .2s;display:flex}.toggle-label:hover{border-color:var(--accent-color);background:#eff6ff}.btn{cursor:pointer;color:#0f172a;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn.active{border-color:var(--accent-color);color:var(--accent-color);background:#eff6ff;box-shadow:inset 0 1px 2px #0066ff1a}.btn.active svg{stroke-width:3px}.btn-primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.user-indicator-link{align-items:center;text-decoration:none;display:flex}.user-indicator{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 6px;transition:all .2s;display:flex}.user-indicator:hover{border-color:var(--accent-color);background:#f8fafc}.user-icon-small{background:linear-gradient(135deg, var(--accent-color), #00a3ff);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex}.user-name-small{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.8rem;font-weight:700;overflow:hidden}.user-workspace-indicator{align-items:center;display:flex}.logout-btn-minimal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.logout-btn-minimal:hover{color:#ef4444;background:#fee2e2}.export-dropdown{position:relative}.dropdown-panel{z-index:2000;width:220px;padding-top:12px;display:none;position:absolute;top:100%;right:0}.dropdown-panel:before{content:"";background:0 0;width:100%;height:12px;position:absolute;top:0;left:0}.main-panel-content{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:8px;box-shadow:0 15px 35px #0000001f}.main-panel .dropdown-items{flex-direction:column;gap:2px;display:flex}.dropdown-item{text-align:left;cursor:pointer;color:#1e293b;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.dropdown-item:hover{color:var(--accent-color);background:#eff6ff}.dropdown-divider{background:var(--border-color);height:1px;margin:6px 0}.dropdown-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-color);background:#fcfcfd;border-radius:8px 8px 0 0;margin-bottom:4px;padding:12px 16px;font-size:.7rem;font-weight:800}.format-badge{text-align:center;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;min-width:42px;padding:2px 6px;font-size:.65rem;font-weight:800}.format-desc{color:#94a3b8;font-size:.75rem;font-weight:500}.nested-dropdown{width:100%;position:relative}.nested-panel{z-index:2001;width:210px;padding-right:12px;display:none;position:absolute;top:-8px;right:100%}.nested-panel:before{content:"";background:0 0;width:12px;height:100%;position:absolute;top:0;right:0}.nested-panel-content{border:1px solid var(--border-color);background:#fff;border-radius:12px;padding:4px;box-shadow:0 15px 35px #0000001f}.viewport-controls{z-index:100;gap:12px;display:flex;position:absolute;top:15px;left:15px}.viewport-group{background:#fff;border:1px solid #e2e8f0;border-radius:4px;gap:4px;padding:3px;display:flex;box-shadow:0 4px 15px #00000014,0 1px 2px #0000000d}.viewport-group .btn{color:#475569;text-transform:uppercase;box-shadow:0 1px 1px #00000008;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;padding:6px 12px;font-size:.65rem;font-weight:800;transition:all .15s cubic-bezier(.4,0,.2,1)}.viewport-group .btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0066ff26}.viewport-group .btn:active{background:#eff6ff;transform:translateY(0);box-shadow:inset 0 1px 2px #0000000d}.active-model-badge{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;display:flex}.badge-ai-indicator{color:#fff;background:var(--accent-color);border-radius:3px;padding:2px 5px;font-size:.52rem;font-weight:900}.badge-model-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.loading-overlay{z-index:2100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--accent-color);min-width:150px;height:38px;color:var(--accent-color);pointer-events:none;background:#fffffffa;border-radius:50px;align-items:center;gap:12px;padding:8px 20px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 10px 40px #0066ff26,0 0 0 1px #0066ff1a}.loading-overlay:before{content:"";border:1.5px solid #0066ff1a;border-top-color:var(--accent-color);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.ai-spinner{border:2px solid #0066ff1a;border-top-color:var(--accent-color);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:block}.sidebar-action-container{border-top:1px solid var(--border-color);background:#f8fafc;margin-top:auto;padding:16px 20px}.btn-sidebar-update{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.btn-sidebar-update:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}.btn-sidebar-update:disabled{opacity:.7;cursor:not-allowed}.slicer-panel{-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;gap:12px;width:260px;padding:14px;animation:.25s cubic-bezier(.4,0,.2,1) slideInDown;display:flex;position:absolute;top:70px;left:15px;box-shadow:0 10px 30px #00000014,0 1px 3px #00000005}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slicer-header{border-bottom:1px solid #e2e8f0cc;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.slicer-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}.slicer-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.2rem;line-height:1;transition:all .2s;display:flex}.slicer-close-btn:hover{color:var(--text-primary);background:#e2e8f0cc}.slicer-body{flex-direction:column;gap:12px;display:flex}.slicer-row{flex-direction:column;gap:4px;display:flex}.slicer-row.checkbox-row{flex-direction:row;align-items:center;margin-top:4px}.slicer-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:800}.slicer-value-badge{color:var(--accent-color);background:#2b7fff1a;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.slicer-axis-selector{background:#f1f5f9;border-radius:8px;gap:2px;margin-top:4px;padding:2px;display:flex}.slicer-axis-selector .axis-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px;font-size:.78rem;font-weight:700;transition:all .2s}.slicer-axis-selector .axis-btn:hover{color:var(--text-primary)}.slicer-axis-selector .axis-btn.active{color:var(--accent-color);background:#fff;box-shadow:0 2px 8px #0000000d}.slicer-slider{-webkit-appearance:none;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px;margin:8px 0;transition:background .2s}.slicer-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 6px #2b7fff4d}.slicer-slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.15);box-shadow:0 2px 8px #06f6}.slicer-toggle-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.8rem;font-weight:600;display:flex}.slicer-toggle-label input[type=checkbox]{border:1px solid var(--border-color);cursor:pointer;width:15px;height:15px;accent-color:var(--accent-color);border-radius:4px}.header-nav-btn{align-items:center;gap:8px;display:flex}@media (width<=1px){.app{zoom:1;flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.app-header{width:100%;height:52px;box-shadow:none;background:#fff;border-bottom:none;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.header-actions{box-shadow:none;background:0 0;border:none;border-radius:0;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:0}.app-header .btn,.app-header .btn-primary,.app-header button{flex-shrink:0;min-height:unset!important;min-width:unset!important;border-radius:10px!important;width:38px!important;height:38px!important;padding:0!important}.app-header .btn-primary{background:#2b7fff!important;border:none!important;box-shadow:0 2px 8px #2b7fff40!important}.header-actions .btn-label{display:none}.header-nav-btn{width:38px!important;height:38px!important;min-width:unset!important;min-height:unset!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;gap:0!important;padding:0!important;font-size:0!important}.header-nav-btn svg{flex-shrink:0;width:17px!important;height:17px!important}.user-name-small{display:none}.user-indicator{border-radius:10px;gap:0;height:38px;padding:5px 8px 5px 5px}.user-icon-small{width:26px;height:26px}.toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-radius:0;flex-wrap:nowrap;gap:6px;height:auto;min-height:40px;padding:5px 10px;overflow:auto hidden;box-shadow:0 2px 8px #00000012}.toolbar::-webkit-scrollbar{display:none}.toolbar-group{border-right:1px solid #e2e8f0;flex-shrink:0;gap:5px;padding-right:6px}.toolbar-group:last-child{border-right:none}.project-name-input{min-width:90px;max-width:120px;height:28px;padding:3px 8px;font-size:.76rem}.project-name-input:focus{min-width:110px}.btn{border-radius:6px;height:28px;padding:4px 9px;font-size:.73rem}.btn-sm{height:24px;padding:3px 7px;font-size:.68rem}.btn-primary{height:28px;padding:4px 9px;font-size:.73rem}.btn-toolbar-add{width:26px;height:26px}.sidebar{z-index:500;width:min(320px,85vw);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.sidebar.mobile-open{transform:translate(0)}.agent-sidebar{z-index:490;border-left:none;border-top:1px solid var(--border-color);border-radius:16px 16px 0 0;height:50vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px #0000001a}.agent-sidebar.mobile-open{transform:translateY(0)}.viewport-controls{flex-wrap:nowrap;gap:5px;top:8px;left:8px}.viewport-group{border-radius:6px;gap:2px;padding:2px;box-shadow:0 2px 8px #0000001a}.viewport-group .btn{letter-spacing:0;height:auto;padding:4px 6px;font-size:.55rem}.loading-overlay{border-radius:40px;min-width:90px;height:28px;padding:5px 10px;font-size:.68rem;top:8px;right:8px}.bottom-panel{max-height:35vh;padding:10px 12px;overflow-y:auto}.bottom-panel h4{margin-bottom:5px;font-size:.62rem}.bottom-panel-inner{flex-direction:column!important;gap:10px!important}.toggle-label{gap:5px;padding:4px 8px;font-size:.72rem}.slicer-panel{border-radius:12px;width:auto;padding:12px;top:56px;left:8px;right:8px}.dropdown-panel{width:196px;left:auto;right:0}.nested-panel{width:176px;left:auto;right:100%}.sidebar-action-container{padding:12px 14px}.btn-sidebar-update{border-radius:10px;padding:10px;font-size:.82rem}.project-name-input{max-width:90px;font-size:.72rem}.viewport-group .btn{padding:3px 5px;font-size:.55rem}.header-actions{gap:4px;padding:3px 6px}}@media (width>=1440px){.bottom-panel{padding:16px 28px}.bottom-panel h4{margin-bottom:10px;font-size:.75rem}.toggle-label{gap:8px;padding:5px 12px;font-size:.82rem}.viewport-group .btn{padding:7px 14px;font-size:.7rem}.toolbar{gap:16px;padding:0 20px}.project-name-input{min-width:200px}}.mobile-scaled-view{--header-height:100px!important;--toolbar-height:88px!important}.mobile-scaled-view .app-header{padding-top:6px!important;padding-bottom:6px!important}.mobile-scaled-view .app-header img{height:60px!important}.mobile-scaled-view .app-header .btn{border-radius:10px!important;gap:10px!important;height:56px!important;padding:10px 20px!important;font-size:1.05rem!important}.mobile-scaled-view .app-header .btn svg{width:22px!important;height:22px!important}.mobile-scaled-view .user-indicator{border-radius:24px!important;gap:12px!important;height:56px!important;padding:8px 18px 8px 8px!important}.mobile-scaled-view .user-icon-small{width:38px!important;height:38px!important;font-size:1rem!important}.mobile-scaled-view .user-name-small{max-width:140px!important;font-size:1rem!important}.mobile-scaled-view .toolbar{justify-content:space-between!important;gap:0!important;padding:0 12px!important}.mobile-scaled-view .toolbar-group{flex:1!important;gap:6px!important;padding-right:0!important}.mobile-scaled-view .toolbar .btn{border-radius:10px!important;gap:6px!important;height:56px!important;padding:8px 12px!important;font-size:1rem!important}.mobile-scaled-view .toolbar .btn-sm{height:52px!important;padding:8px 10px!important;font-size:.95rem!important}.mobile-scaled-view .toolbar .btn svg{width:20px!important;height:20px!important}.mobile-scaled-view .project-name-input{min-width:100px!important;max-width:120px!important;height:52px!important;padding:8px 12px!important;font-size:1rem!important}.mobile-scaled-view .toolbar-label{white-space:nowrap!important;font-size:.85rem!important}.mobile-scaled-view .color-picker{border-radius:10px!important;width:46px!important;height:46px!important}.mobile-scaled-view .toolbar-actions{flex-shrink:0!important;gap:6px!important;margin-left:8px!important}.mobile-scaled-view .toolbar{justify-content:flex-start!important}.mobile-scaled-view .toolbar-group{flex:none!important}.mobile-scaled-view .btn-home{border-right:2px solid #d0d5dd!important;border-radius:8px 0 0 8px!important;margin-right:10px!important;padding-right:10px!important}.mobile-scaled-view .btn-home,.mobile-scaled-view .btn-toggle-sidebar,.mobile-scaled-view .btn-toggle-bottom{border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:52px!important;height:52px!important;padding:0!important;display:inline-flex!important}.mobile-scaled-view .btn-home{border-right:2px solid #d0d5dd!important;border-radius:8px 0 0 8px!important;width:auto!important;padding-right:10px!important}.mobile-scaled-view .btn-home svg,.mobile-scaled-view .btn-toggle-sidebar svg,.mobile-scaled-view .btn-toggle-bottom svg{width:22px!important;height:22px!important}.mobile-scaled-view .toolbar-actions .btn-sm{border-radius:10px!important;height:52px!important;padding:8px 16px!important;font-size:1rem!important}.mobile-scaled-view .toolbar-actions .btn-sm svg{width:22px!important;height:22px!important}.mobile-scaled-view .dropdown-panel{width:300px!important;padding-top:16px!important}.mobile-scaled-view .main-panel-content{border-radius:16px!important;padding:12px!important;box-shadow:0 15px 35px #0000002e!important}.mobile-scaled-view .dropdown-header{padding:16px 20px 8px!important;font-size:.95rem!important}.mobile-scaled-view .dropdown-item{border-radius:12px!important;gap:16px!important;padding:14px 18px!important;font-size:1.1rem!important}.mobile-scaled-view .dropdown-item svg{width:22px!important;height:22px!important}.mobile-scaled-view .dropdown-divider{margin:10px 0!important}.mobile-scaled-view .nested-panel{width:280px!important;padding-right:16px!important;top:-12px!important}.mobile-scaled-view .nested-panel-content{border-radius:16px!important;padding:8px!important;box-shadow:0 15px 35px #0000002e!important}.mobile-scaled-view .format-badge{border-radius:6px!important;min-width:60px!important;padding:4px 10px!important;font-size:.9rem!important}.mobile-scaled-view .format-desc{font-size:1.02rem!important}.mobile-scaled-view .viewport-controls{gap:16px!important;top:20px!important;left:20px!important}.mobile-scaled-view .viewport-group{border-radius:8px!important;gap:6px!important;padding:5px!important}.mobile-scaled-view .viewport-group .btn{border-radius:6px!important;height:40px!important;padding:10px 18px!important;font-size:.85rem!important;font-weight:800!important}