:root{color:#eef5ff;background:#060914;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:radial-gradient(circle at 12% 8%,rgba(47,211,255,.18),transparent 28rem),radial-gradient(circle at 88% 0%,rgba(255,73,167,.16),transparent 30rem),linear-gradient(180deg,#060914,#0b1020 48%,#080b14);color:#eef5ff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.loadingScreen{display:grid;place-items:center;gap:14px;min-height:100vh;color:#9eeeff;font-weight:800}.loadingScreen svg{animation:cardDrift 2.2s ease-in-out infinite}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));height:72px;margin:0 auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.topbar nav,.languageSwitch,.eyebrow,.heroActions a,.metrics span,.searchBox,.filterPanel,.resultBar,.caseCard{border:1px solid rgba(255,255,255,.12);background:#090f20ad;box-shadow:0 20px 70px #00000047}.brand,.topbar nav{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:8px}.brand{font-weight:800;letter-spacing:0}.brand svg{color:#50e7ff}.topbar nav{gap:4px}.topbarControls{display:inline-flex;align-items:center;gap:10px}.topbar nav a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:7px;color:#b7c7df}.topbar nav a:hover{background:#ffffff14;color:#fff}.languageSwitch{display:inline-flex;align-items:center;gap:4px;min-height:42px;padding:4px;border-radius:8px}.languageSwitch button{min-width:42px;min-height:32px;border:0;border-radius:7px;background:transparent;color:#b7c7df;font-weight:800}.languageSwitch button:hover,.languageSwitch button.active{background:linear-gradient(135deg,#42e6ff38,#78ffb92e);color:#fff}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:44px;align-items:center;width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 92px);margin:0 auto;padding:56px 0 72px;overflow:hidden}.heroGlow,.scanGrid{position:absolute;pointer-events:none}.heroGlow{width:360px;height:360px;border-radius:999px;filter:blur(20px);opacity:.42;animation:floatGlow 8s ease-in-out infinite}.heroGlowA{left:-130px;top:8%;background:radial-gradient(circle,rgba(68,222,255,.42),transparent 64%)}.heroGlowB{right:-120px;bottom:10%;background:radial-gradient(circle,rgba(255,74,166,.34),transparent 62%);animation-delay:-3s}.scanGrid{inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 72%);mask-image:linear-gradient(90deg,#000 0%,transparent 72%);opacity:.4}.heroCopy,.heroDeck{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;color:#9eeeff;font-size:13px;font-weight:700;text-transform:uppercase}.hero h1{max-width:780px;margin:22px 0 20px;font-size:clamp(52px,8vw,92px);line-height:.94;letter-spacing:0}.hero p{max-width:650px;margin:0;color:#b9c6d8;font-size:18px;line-height:1.75}.heroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.heroActions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 18px;border-radius:8px;font-weight:800}.heroActions .primaryAction{background:linear-gradient(135deg,#42e6ff,#78ffb9 52%,#f9ff72);color:#06101a}.heroActions .secondaryAction{color:#dfeaff}.metrics{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.metrics span{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:8px;color:#aebcd0}.metrics strong{margin-right:6px;color:#fff}.heroDeck{min-height:610px}.heroCard{position:absolute;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#111a2c;box-shadow:0 24px 80px #0000006b;transform:rotate(var(--tilt));transition:transform .22s ease,border-color .22s ease;animation:cardDrift 7s ease-in-out infinite}.heroCard:hover{border-color:#67e8f9cc;transform:translateY(-8px) rotate(var(--tilt))}.heroCard img{display:block;width:100%;height:100%;object-fit:cover}.heroCard span{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:7px;background:#040912b8;color:#fff;font-size:12px;font-weight:800}.heroCard1{--tilt: -5deg;inset:30px auto auto 42px;width:285px;height:360px}.heroCard2{--tilt: 4deg;inset:0 8px auto auto;width:240px;height:310px;animation-delay:-1.2s}.heroCard3{--tilt: 5deg;inset:318px auto auto 5px;width:220px;height:250px;animation-delay:-2.3s}.heroCard4{--tilt: -3deg;inset:300px 36px auto auto;width:300px;height:270px;animation-delay:-3.4s}.heroCard5{--tilt: 2deg;inset:196px auto auto 190px;width:210px;height:260px;animation-delay:-4.2s}.hotStrip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;width:min(1180px,calc(100% - 32px));margin:0 auto 84px}.hotStrip a{position:relative;overflow:hidden;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d}.hotStrip img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.hotStrip a:hover img{transform:scale(1.06)}.hotStrip span{position:absolute;left:8px;bottom:8px;padding:5px 8px;border-radius:6px;background:#040912bd;font-size:12px;font-weight:800}.gallerySection{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-bottom:80px;scroll-margin-top:92px}.templateSection{width:min(1180px,calc(100% - 32px));margin:0 auto 84px;scroll-margin-top:92px}.sectionHead{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:24px;align-items:end;margin-bottom:22px}.sectionHead h2{max-width:760px;margin:16px 0 0;font-size:clamp(34px,5vw,58px);line-height:1.04;letter-spacing:0}.templateHead{align-items:center}.templateHead p{max-width:720px;margin:14px 0 0;color:#aebcd0;line-height:1.7}.templateCta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid rgba(120,255,185,.36);border-radius:8px;padding:0 16px;background:#78ffb91a;color:#c8ffb8;font-weight:900}.templateGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.templateCard{position:relative;min-height:210px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:18px;background:linear-gradient(145deg,#101a30eb,#080d1bc7),radial-gradient(circle at 100% 0%,rgba(66,230,255,.18),transparent 48%);box-shadow:0 20px 70px #00000042;transition:transform .18s ease,border-color .18s ease,background .18s ease}.templateCard:before{position:absolute;inset:0;border-top:1px solid rgba(126,232,255,.22);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;content:"";opacity:.18;pointer-events:none}.templateCard:hover{border-color:#67e8f99e;background:linear-gradient(145deg,#13203af2,#080d1bd1),radial-gradient(circle at 100% 0%,rgba(120,255,185,.2),transparent 52%);transform:translateY(-4px)}.templateCard span,.templateCard h3,.templateCard p,.templateCard strong{position:relative;z-index:1}.templateCard span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:28px;border-radius:7px;background:#42e6ff21;color:#9eeeff;font-size:12px;font-weight:900}.templateCard h3{margin:18px 0 10px;color:#fff;font-size:20px;line-height:1.22;letter-spacing:0}.templateCard p{margin:0;color:#aebcd0;line-height:1.55}.templateCard strong{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:#c8ffb8;font-size:13px}.templateCaseGrid{columns:3 300px}.templateVisualCard .templateImage img{aspect-ratio:4 / 3;height:auto;object-fit:cover}.templateVisualCard .caseBody p{min-height:72px}.singleAction{grid-template-columns:1fr}.singleAction a{gap:8px}.searchBox{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:8px}.searchBox svg{color:#7de8ff;flex:0 0 auto}.searchBox input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff}.searchBox input::placeholder{color:#73859f}.filterPanel{display:grid;gap:18px;padding:18px;border-radius:8px}.filterPanel strong{display:block;margin-bottom:10px;color:#eaf3ff}.filterRow{display:flex;flex-wrap:wrap;gap:8px}.filterPill{min-height:34px;border:1px solid rgba(255,255,255,.11);border-radius:999px;padding:0 12px;background:#ffffff0e;color:#aebcd0}.filterPill:hover,.filterPill.active{border-color:#67e8f9d1;background:#67e8f929;color:#fff}.resultBar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;margin:18px 0;padding:0 14px;border-radius:8px;color:#aebcd0}.resultBar a{display:inline-flex;align-items:center;gap:6px;color:#aef6ff;font-weight:800}.caseGrid{columns:3 280px;column-gap:16px}.caseCard{display:inline-block;width:100%;margin:0 0 16px;overflow:hidden;border-radius:8px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.caseCard:hover{border-color:#67e8f98a;background:#0e162adb;transform:translateY(-4px)}.caseImage{position:relative;display:block;overflow:hidden;background:#ffffff0d}.caseImage img{display:block;width:100%;height:auto}.caseBadge{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:7px;background:#040912bd;color:#fff;font-size:12px;font-weight:900}.caseBody{padding:16px}.caseMeta{display:flex;flex-wrap:wrap;gap:8px;color:#7feaff;font-size:12px;font-weight:800;text-transform:uppercase}.caseMeta a{color:#c8ffb8}.caseBody h3{margin:10px 0 8px;color:#fff;font-size:20px;line-height:1.25;letter-spacing:0}.caseBody p{display:-webkit-box;min-height:76px;margin:0;overflow:hidden;color:#aebcd0;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tagRow{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tagRow span{padding:5px 8px;border-radius:999px;background:#ffffff12;color:#c8d4e8;font-size:12px}.cardActions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin-top:16px}.cardActions button,.cardActions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14;color:#fff;font-weight:800}.cardActions button:hover,.cardActions a:hover{border-color:#78ffb9bd;background:#78ffb924}.limitNote{margin:24px 0 0;color:#8d9bb0;text-align:center}@keyframes floatGlow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(24px,-18px,0) scale(1.05)}}@keyframes cardDrift{0%,to{translate:0 0}50%{translate:0 -12px}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.heroDeck{min-height:430px}.heroCard1{left:0;width:48%;height:300px}.heroCard2{right:0;width:44%;height:255px}.heroCard3{top:250px;width:38%;height:170px}.heroCard4{top:230px;right:0;width:52%;height:190px}.heroCard5{display:none}.hotStrip{grid-template-columns:repeat(4,minmax(0,1fr))}.templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.sectionHead{grid-template-columns:1fr}}@media(max-width:640px){.topbar{height:64px}.brand{max-width:205px}.topbar nav a{padding:0 8px}.topbarControls{gap:6px}.languageSwitch{min-height:38px}.languageSwitch button{min-width:36px;padding:0 7px}.hero{width:min(100% - 24px,1180px);padding-top:34px}.hero h1{font-size:48px}.hero p{font-size:16px}.heroActions a{width:100%}.metrics span{flex:1 1 130px}.hotStrip,.gallerySection{width:min(100% - 24px,1180px)}.hotStrip{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:58px}.templateSection{width:min(100% - 24px,1180px);margin-bottom:58px}.templateGrid{grid-template-columns:1fr}.resultBar{align-items:flex-start;flex-direction:column;padding:12px 14px}}.sidebar{position:fixed;left:0;top:72px;bottom:0;width:200px;padding:16px 12px;background:#060914f2;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px;z-index:10}.sidebarItem{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:#73859f;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s ease}.sidebarItem:hover{color:#aebcd0;background:#ffffff0a}.sidebarItem.active{color:#9eeeff;background:#42e6ff1a}.appBody{padding-top:72px}.topbar nav a.active{color:#9eeeff;background:#42e6ff1a;border-radius:7px}.spin{animation:spin .8s linear infinite}.toastContainer{position:fixed;top:80px;right:20px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:380px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#090f20f2;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;animation:slideIn .3s ease;font-size:14px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-color:#78ffb966}.toast-success .toastIcon{color:#78ffb9}.toast-error{border-color:#ff6b8a66}.toast-error .toastIcon{color:#ff6b8a}.toast-warning{border-color:#f9ff7266}.toast-warning .toastIcon{color:#f9ff72}.toast-info{border-color:#42e6ff66}.toast-info .toastIcon{color:#42e6ff}.toastIcon{font-size:16px;font-weight:800;flex-shrink:0}.toastMessage{flex:1;color:#eef5ff;line-height:1.4}.toastClose{background:none;border:none;color:#5a6a80;cursor:pointer;font-size:14px;padding:0;line-height:1}.topbarNav{display:flex;gap:4px}.topbarRight{display:flex;align-items:center;gap:8px}.topbarCredits{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:#f9ff721a;border:1px solid rgba(249,255,114,.2);color:#f9ff72;font-size:12px;font-weight:700}.loginBtn{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:7px;background:linear-gradient(135deg,#42e6ff,#78ffb9);color:#06101a;font-size:13px;font-weight:700;text-decoration:none}.userMenuTrigger{background:none;border:none;cursor:pointer;padding:2px}.userMenuDropdown{position:absolute;top:36px;right:0;width:200px;border-radius:10px;background:#090f20fa;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;overflow:hidden}.userMenuItem{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#aebcd0;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;border:none;background:none;font-family:inherit;width:100%;box-sizing:border-box}.userMenuItem:hover{background:#ffffff0a;color:#eef5ff}.mobileMenuBtn{display:none;background:none;border:none;color:#aebcd0;cursor:pointer;padding:4px}.mobileMenu{display:none;position:absolute;top:72px;left:0;right:0;background:#060914fa;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 16px;z-index:50;flex-direction:column;gap:4px}.mobileMenuOverlay{display:none;position:fixed;inset:72px 0 0;background:#00000080;z-index:49}.mobileMenu a{display:block;padding:10px 14px;color:#aebcd0;text-decoration:none;font-size:14px;font-weight:600;border-radius:6px}.mobileMenu a:hover{background:#ffffff0a;color:#eef5ff}@media(max-width:768px){.topbarNav{display:none}.mobileMenuBtn{display:block}.mobileMenu{display:flex}.mobileMenuOverlay{display:block}.sidebar,.topbarCredits,.brandText,.languageSwitch{display:none}}@media(max-width:1024px)and (min-width:769px){.topbarNav a{font-size:12px;padding:4px 8px}}.sharedSection{width:100%;max-width:1400px;margin:0 auto;padding:0 24px}.pageHeader{padding:32px 0 24px;text-align:center}.pageHeader h1{font-size:32px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:0}.pageHeader .subtitle{font-size:16px;color:#aebcd0;margin:0;line-height:1.6}.stepIndicator{display:flex;align-items:center;justify-content:center;gap:0;margin:24px auto;max-width:600px}.stepItem{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;color:#73859f;transition:all .2s ease}.stepItem.active{background:#42e6ff1f;color:#9eeeff}.stepItem.completed{color:#78ffb9}.stepNumber{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ffffff14;font-size:12px;font-weight:800}.stepItem.active .stepNumber{background:linear-gradient(135deg,#42e6ff,#78ffb9);color:#06101a}.stepItem.completed .stepNumber{background:#78ffb933;color:#78ffb9}.stepConnector{width:32px;height:2px;background:#ffffff1a}.stepConnector.active{background:linear-gradient(90deg,#78ffb9,#42e6ff)}.twoColumnLayout{display:grid;grid-template-columns:380px 1fr;gap:24px;min-height:calc(100vh - 260px)}.paramPanel{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#090f20ad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:fit-content;position:sticky;top:88px;max-height:calc(100vh - 100px);overflow-y:auto}.paramPanel::-webkit-scrollbar{width:4px}.paramPanel::-webkit-scrollbar-track{background:transparent}.paramPanel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.paramSection{display:flex;flex-direction:column;gap:8px}.paramLabel{font-size:14px;font-weight:700;color:#eef5ff;display:flex;align-items:center;gap:6px}.paramLabel svg{color:#50e7ff;width:16px;height:16px}.uploadZone{position:relative;border:2px dashed rgba(255,255,255,.2);border-radius:10px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease;background:#ffffff05}.uploadZone:hover{border-color:#67e8f980;background:#67e8f90a}.uploadZone.dragging{border-color:#42e6ff;background:#42e6ff14}.uploadZone.disabled{opacity:.5;cursor:not-allowed}.uploadIcon{color:#50e7ff;margin-bottom:8px}.uploadText{font-size:14px;color:#aebcd0;line-height:1.5}.uploadText strong{color:#9eeeff}.uploadHint{font-size:12px;color:#73859f;margin-top:4px}.uploadError{font-size:12px;color:#ff6b8a;margin-top:4px}.previewGrid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.previewItem{position:relative;width:72px;height:72px;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.previewItem img{width:100%;height:100%;object-fit:cover}.previewRemove{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#ff3250d9;border:none;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.previewRemove:hover{background:#ff3250}.textAreaWrap{position:relative}.textAreaWrap textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#eef5ff;font-size:14px;line-height:1.5;resize:vertical;outline:none;transition:border-color .2s ease;font-family:inherit}.textAreaWrap textarea:focus{border-color:#67e8f999}.textAreaWrap textarea::placeholder{color:#5a6a80}.charCount{position:absolute;right:10px;bottom:8px;font-size:12px;color:#5a6a80}.charCount.over{color:#ff6b8a}.exampleHint{font-size:12px;color:#5a6a80;margin-top:4px;line-height:1.4}.selectWrap{position:relative}.selectWrap select{width:100%;height:40px;padding:0 32px 0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#eef5ff;font-size:14px;outline:none;cursor:pointer;appearance:none;font-family:inherit}.selectWrap select:focus{border-color:#67e8f999}.selectWrap select option{background:#0b1020;color:#eef5ff}.selectWrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#73859f;pointer-events:none;font-size:14px}.radioGroup{display:flex;gap:8px;flex-wrap:wrap}.radioItem{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;font-size:13px;color:#aebcd0;transition:all .2s ease;background:#ffffff05}.radioItem:hover{border-color:#67e8f966}.radioItem.active{border-color:#67e8f9cc;background:#67e8f91f;color:#9eeeff}.radioItem input{display:none}.generateBtn{width:100%;height:48px;border:none;border-radius:10px;background:linear-gradient(135deg,#42e6ff,#78ffb9 52%,#f9ff72);color:#06101a;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.generateBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #42e6ff4d}.generateBtn:disabled{background:#ffffff14;color:#5a6a80;cursor:not-allowed}.generateBtn.loading{background:linear-gradient(135deg,#42e6ff66,#78ffb966);color:#06101a}.creditsHint{text-align:center;font-size:12px;color:#73859f;margin-top:6px}.creditsHint strong{color:#f9ff72}.resultPanel{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#090f2080;min-height:400px;display:flex;flex-direction:column}.resultEmpty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;color:#5a6a80}.resultEmpty svg{color:#3a4a60;width:48px;height:48px}.resultEmpty p{font-size:14px;text-align:center;line-height:1.6;margin:0}.resultLoading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.loadingSpinner{width:48px;height:48px;border:3px solid rgba(66,230,255,.15);border-top-color:#42e6ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progressBar{width:240px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.progressBarFill{height:100%;background:linear-gradient(90deg,#42e6ff,#78ffb9);border-radius:3px;transition:width .3s ease}.loadingText{font-size:14px;color:#9eeeff;font-weight:600}.resultGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:20px}.resultImageCard{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#090f2099;transition:transform .2s ease,border-color .2s ease}.resultImageCard:hover{border-color:#67e8f980;transform:translateY(-2px)}.resultImageCard img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer}.resultImageActions{display:flex;gap:4px;padding:8px}.resultImageActions button{flex:1;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#aebcd0;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s ease;font-family:inherit}.resultImageActions button:hover{border-color:#67e8f980;color:#9eeeff;background:#67e8f914}.resultImageActions button svg{width:14px;height:14px}.batchActions{display:flex;gap:8px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08)}.batchActions button{height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#aebcd0;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease;font-family:inherit}.batchActions button:hover{border-color:#67e8f980;color:#9eeeff}.compareView{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.comparePanel{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden}.compareLabel{padding:8px 12px;font-size:13px;font-weight:700;color:#aebcd0;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08)}.comparePanel img{width:100%;display:block;cursor:pointer}.modalOverlay{position:fixed;inset:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:24px;cursor:pointer}.modalContent{max-width:90vw;max-height:90vh;cursor:default}.modalContent img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px}.modalClose{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#090f20cc;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.videoPlayer{border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;background:#000}.videoPlayer video{width:100%;display:block}.videoActions{display:flex;gap:8px;padding:12px;background:#090f20cc}.videoActions button{flex:1;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#aebcd0;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.videoActions button:hover{border-color:#67e8f980;color:#9eeeff}.planResult{padding:20px}.planModule{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:8px;background:#ffffff05;transition:border-color .2s ease}.planModule:hover{border-color:#67e8f966}.planModule input[type=checkbox]{width:18px;height:18px;accent-color:#42e6ff}.planModuleInfo{flex:1}.planModuleInfo h4{margin:0;font-size:14px;color:#eef5ff}.planModuleInfo p{margin:2px 0 0;font-size:12px;color:#73859f}.tabGroup{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#090f2099}.tabItem{padding:8px 16px;border:none;border-radius:7px;background:transparent;color:#73859f;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.tabItem:hover{color:#aebcd0}.tabItem.active{background:linear-gradient(135deg,#42e6ff2e,#78ffb924);color:#9eeeff}.dualUpload{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adminLayout{display:flex;min-height:calc(100vh - 72px);position:relative}.adminSidebar{width:220px;flex-shrink:0;padding:16px 12px;background:#060914f2;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.adminSidebarHeader{padding:8px 14px;margin-bottom:16px;font-size:16px;font-weight:800;color:#eef5ff;display:flex;align-items:center;gap:8px}.adminSidebarItem{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border-radius:8px;border:none;background:transparent;color:#73859f;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left;transition:all .15s ease}.adminSidebarItem:hover{color:#aebcd0;background:#ffffff0a}.adminSidebarItem.active{color:#9eeeff;background:#42e6ff1a}.adminContent{flex:1;padding:24px;overflow:auto}.adminPageTitle{color:#eef5ff;margin:0 0 20px;font-size:22px}.adminStatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.adminStatCard{padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#090f2080}.adminStatLabel{font-size:13px;color:#73859f;margin-bottom:8px}.adminStatValue{font-size:28px;font-weight:800}.adminTableWrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#090f2080}.adminTable{width:100%;border-collapse:collapse;min-width:700px}.adminTable th{padding:12px 8px;text-align:left;font-size:13px;color:#73859f;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12);white-space:nowrap}.adminTable td{padding:12px 8px;font-size:14px;color:#eef5ff;border-bottom:1px solid rgba(255,255,255,.06)}.adminCellMuted{color:#73859f!important;font-size:13px!important}.adminCellId{color:#9eeeff!important;font-size:13px!important}.adminCellCredits{color:#f9ff72!important;font-weight:700}.adminBadge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.adminBadge-enterprise{background:#f9ff7226;color:#f9ff72}.adminBadge-pro{background:#78ffb926;color:#78ffb9}.adminBadge-basic{background:#42e6ff26;color:#42e6ff}.adminBadge-free{background:#ffffff0f;color:#73859f}.adminActionBtns{display:flex;gap:4px}.adminActionBtn{padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#9eeeff;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s ease}.adminActionBtn:hover{border-color:#42e6ff66;background:#42e6ff14}.adminActionBtn.danger{color:#ff6b8a;border-color:#ff325033}.adminActionBtn.danger:hover{border-color:#ff325066;background:#ff325014}.adminActionBtn.success{color:#78ffb9;border-color:#78ffb933}.adminActionBtn.success:hover{border-color:#78ffb966;background:#78ffb914}.adminSearchBar{margin-bottom:16px}.adminInput{height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#eef5ff;font-size:14px;outline:none;font-family:inherit;box-sizing:border-box}.adminInput:focus{border-color:#42e6ff99}.adminGrid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.adminCard{padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#090f2080}.adminCardTitle{color:#eef5ff;margin:0 0 12px;font-size:16px}.adminFormField{margin-bottom:8px}.adminFormField .adminInput{width:100%}.adminLabel{display:block;font-size:14px;font-weight:700;color:#aebcd0;margin-bottom:6px}.adminPrimaryBtn{padding:8px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#42e6ff,#78ffb9);color:#06101a;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s ease}.adminPrimaryBtn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #42e6ff4d}.adminRulesList{font-size:14px;color:#aebcd0;line-height:2}.adminHighlight{color:#f9ff72;font-weight:700}.adminSettingsForm{display:flex;flex-direction:column;gap:16px;max-width:600px}.adminMobileToggle{display:none;position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#090f20f2;color:#9eeeff;cursor:pointer;z-index:60;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006}.adminOverlay{display:none}@media(max-width:768px){.adminSidebar{position:fixed;left:0;top:72px;bottom:0;z-index:55;transform:translate(-100%);transition:transform .3s ease}.adminSidebar.open{transform:translate(0)}.adminMobileToggle{display:flex}.adminOverlay{display:block;position:fixed;inset:72px 0 0;background:#00000080;z-index:50}.adminContent{padding:16px}.adminGrid2{grid-template-columns:1fr}.adminStatGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.twoColumnLayout{grid-template-columns:1fr}.paramPanel{position:static;max-height:none}.dualUpload,.compareView{grid-template-columns:1fr}.resultGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}:root{--bg-deep: #050810;--bg-base: #0a0f1e;--bg-elevated: #111827;--bg-glass: rgba(10, 15, 30, .88);--bg-glass-heavy: rgba(10, 15, 30, .94);--brand-cyan: #42e6ff;--brand-yellow: #f9ff72;--brand-pink: #ff4aa6;--brand-purple: #a78bfa;--brand-green: #78ffb9;--text-primary: #eef5ff;--text-secondary: #8899b0;--text-muted: #4a5568;--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--border-active: rgba(255, 255, 255, .18);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(66, 230, 255, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}.creativeHubFinal{display:flex;height:calc(100vh - 56px);overflow:hidden;background:var(--bg-deep)}.creativeHubFinalMain{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(66,230,255,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(167,139,250,.03) 0%,transparent 60%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-base) 100%)}.creativeHubFinalMain:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.015) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0}.creativeHubFinalMain>*{position:relative;z-index:1}.creativeDock{width:76px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:16px 0 12px;background:var(--bg-glass-heavy);border-right:1px solid var(--border-subtle);gap:2px;position:relative;z-index:10}.creativeDock:after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(66,230,255,.08),transparent)}.creativeDockLogo{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,#42e6ff2e,#78ffb91a);border:1px solid rgba(66,230,255,.15);display:flex;align-items:center;justify-content:center;color:var(--brand-cyan);margin-bottom:16px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative}.creativeDockLogo:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-md) + 3px);background:radial-gradient(circle,rgba(66,230,255,.12),transparent 70%);animation:logoGlow 3s ease-in-out infinite;z-index:-1}@keyframes logoGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.creativeDockLogo:hover{transform:scale(1.06);box-shadow:0 0 20px #42e6ff33}.creativeDockItems{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.creativeDockItem{position:relative;width:60px;padding:8px 0 6px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;border:none;background:none}.creativeDockItem:hover{color:var(--text-secondary);background:#ffffff0a}.creativeDockItem:hover .creativeDockItemIcon{transform:translateY(-1px)}.creativeDockItem.active{color:var(--item-color, var(--brand-cyan));background:#ffffff0d}.creativeDockItem.active .creativeDockItemIcon{filter:drop-shadow(0 0 6px var(--item-color, var(--brand-cyan)))}.creativeDockItemIcon{transition:transform var(--duration-fast) var(--ease-out)}.creativeDockItemLabel{font-size:9px;font-weight:700;letter-spacing:.3px;text-align:center;line-height:1}.creativeDockIndicator{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:24px;border-radius:0 3px 3px 0;animation:indicatorGlow 2.5s ease-in-out infinite}@keyframes indicatorGlow{0%,to{opacity:.5;box-shadow:0 0 8px currentColor}50%{opacity:1;box-shadow:0 0 16px currentColor}}.creativeDockTooltip{position:absolute;left:68px;top:50%;transform:translateY(-50%);padding:6px 12px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);font-size:12px;font-weight:600;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:var(--shadow-md);animation:tooltipSlide var(--duration-fast) var(--ease-out)}@keyframes tooltipSlide{0%{opacity:0;transform:translateY(-50%) translate(-6px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.creativeDockFooter{margin-top:auto;padding-top:8px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:2px}.chatStreamFinal{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px;scroll-behavior:smooth}.chatStreamFinal::-webkit-scrollbar{width:4px}.chatStreamFinal::-webkit-scrollbar-track{background:transparent}.chatStreamFinal::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.chatStreamFinal::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.heroShowcase{max-width:780px;margin:32px auto 0;padding:0 20px;animation:fadeInUp var(--duration-slow) var(--ease-out)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.heroSection{text-align:center;margin-bottom:40px;position:relative}.heroGlowOrb{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.15;animation:orbFloat 6s ease-in-out infinite;pointer-events:none}.heroGlowOrb.cyan{background:var(--brand-cyan);top:-40px;left:30%}.heroGlowOrb.purple{background:var(--brand-purple);top:-20px;right:25%;animation-delay:-3s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-8px) scale(1.05)}66%{transform:translate(-8px,6px) scale(.95)}}.heroIcon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:24px}.heroIconRing{position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;background:conic-gradient(from 0deg,var(--brand-cyan),var(--brand-purple),var(--brand-pink),var(--brand-cyan)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ringRotate 8s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heroIconInner{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#42e6ff26,#a78bfa1a);border:1px solid rgba(66,230,255,.12);display:flex;align-items:center;justify-content:center;font-size:28px;animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.heroTitle{font-size:28px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--brand-cyan),var(--brand-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heroSubtitle{color:var(--text-secondary);font-size:15px;margin:0;font-weight:400}.heroFeatureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}.heroFeatureCard{padding:20px 12px 16px;border-radius:var(--radius-lg);background:var(--card-gradient, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle);text-align:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.heroFeatureCard:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,var(--card-color, var(--brand-cyan)),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.heroFeatureCard:hover{transform:translateY(-4px);border-color:transparent;box-shadow:var(--shadow-md),0 0 0 1px var(--card-color, rgba(66, 230, 255, .1))}.heroFeatureCard:hover:before{opacity:1}.heroFeatureIcon{width:48px;height:48px;border-radius:var(--radius-md);background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--card-color, var(--brand-cyan));margin:0 auto 12px;transition:all var(--duration-normal) var(--ease-out)}.heroFeatureCard:hover .heroFeatureIcon{transform:scale(1.1);background:#ffffff14}.heroFeatureLabel{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.heroFeatureDesc{font-size:11px;color:var(--text-secondary);margin-bottom:8px}.heroFeatureCount{font-size:11px;color:var(--card-color, var(--brand-cyan));font-weight:600;margin-bottom:12px}.heroFeatureBtn{padding:6px 16px;border-radius:var(--radius-sm);border:1px solid var(--card-color, rgba(66, 230, 255, .25));background:transparent;color:var(--card-color, var(--brand-cyan));font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.heroFeatureBtn:hover{background:#42e6ff1a;transform:scale(1.02)}.heroQuickPrompts{padding:16px 20px;border-radius:var(--radius-md);background:#ffffff05;border:1px solid var(--border-subtle);margin-bottom:28px}.heroQuickLabel{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:10px;font-weight:500}.heroQuickTags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.heroQuickTag{padding:6px 14px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.heroQuickTag:hover{background:#42e6ff14;border-color:#42e6ff33;color:var(--brand-cyan);transform:translateY(-1px)}.heroModelRecommend{padding:16px 20px;border-radius:var(--radius-md);background:#ffffff05;border:1px solid var(--border-subtle)}.heroModelRecommendLabel{font-size:12px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.heroModelCards{display:flex;gap:10px;justify-content:center}.heroModelCard{flex:1;max-width:180px;padding:12px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.heroModelCard:hover{border-color:var(--border-light);background:#ffffff0d;transform:translateY(-2px)}.heroModelCardInfo{min-width:0}.heroModelCardName{font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heroModelCardPrice{font-size:10px;color:var(--text-secondary);margin-top:2px}.smartCommandBar{flex-shrink:0;padding:12px 28px 18px;border-top:1px solid var(--border-subtle);background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:960px;width:100%;margin:0 auto}.smartCommandBarInner{border-radius:var(--radius-xl);border:1px solid var(--border-light);background:#0a0f1ebf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.smartCommandBarInner:focus-within{border-color:#42e6ff4d;box-shadow:0 0 0 3px #42e6ff0d,0 4px 24px -4px #42e6ff14}.smartCommandModelRow{padding:10px 14px 0}.smartCommandInputRow{display:flex;align-items:flex-end;gap:8px;padding:8px 14px}.smartCommandParamRow{padding:0 14px 10px;display:flex;align-items:center;justify-content:space-between}.smartCommandCostHint{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.smartCommandCostHint .costValue{color:var(--brand-yellow);font-weight:700}.smartCommandAttach{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out)}.smartCommandAttach:hover{color:var(--brand-cyan);background:#ffffff0d}.smartCommandTextarea{flex:1;min-height:24px;max-height:160px;padding:6px 0;border:none;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.6;resize:none;outline:none;font-family:inherit}.smartCommandTextarea::placeholder{color:var(--text-muted)}.smartCommandSend{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--brand-cyan),#22d3ee);color:var(--bg-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 2px 12px -2px #42e6ff4d}.smartCommandSend:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 20px -2px #42e6ff73}.smartCommandSend:active:not(:disabled){transform:scale(.95)}.smartCommandSend:disabled{opacity:.35;cursor:not-allowed}.smartCommandSend.loading{animation:sendPulse 1.5s ease-in-out infinite}@keyframes sendPulse{0%,to{opacity:1;box-shadow:0 2px 12px -2px #42e6ff4d}50%{opacity:.6;box-shadow:0 2px 20px -2px #42e6ff80}}.smartCommandRefPreview{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#42e6ff0a;border-bottom:1px solid rgba(66,230,255,.08)}.smartCommandRefThumb{position:relative;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-light)}.smartCommandRefThumb img{width:100%;height:100%;object-fit:cover}.smartCommandRefRemove{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;border:none;background:#ff2c55e6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:transform var(--duration-fast) var(--ease-out)}.smartCommandRefRemove:hover{transform:scale(1.15)}.smartCommandRefHint{font-size:11px;color:var(--brand-cyan);font-weight:600}.modelCapsuleGroup{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.modelCapsuleGroup::-webkit-scrollbar{display:none}.modelCapsule{display:flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);border-left:3px solid var(--brand-color, var(--border-light));background:#ffffff05;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;font-family:inherit;flex-shrink:0;position:relative}.modelCapsule:hover{border-color:var(--border-light);border-left-color:var(--brand-color, var(--border-light));background:#ffffff0a;transform:translateY(-1px)}.modelCapsule.selected{border-color:var(--brand-color, rgba(66, 230, 255, .25));border-left-color:var(--brand-color, var(--brand-cyan));background:#ffffff0d;color:var(--text-primary);box-shadow:0 0 16px -4px var(--brand-color, rgba(66, 230, 255, .2))}.capsuleName{font-weight:700}.capsulePrice{font-size:10px;font-weight:700;opacity:.6;color:var(--brand-color, var(--brand-yellow))}.modelCapsule.selected .capsulePrice{opacity:1}.modelCapsuleTooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);font-size:11px;font-weight:500;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:var(--shadow-md);animation:tooltipFade var(--duration-fast) var(--ease-out)}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.paramCapsuleGroup{display:flex;gap:16px;align-items:center}.paramGroup{display:flex;align-items:center;gap:4px}.paramLabel{font-size:11px;color:var(--text-muted);font-weight:600;margin-right:2px}.paramCapsule{height:26px;padding:0 10px;border-radius:6px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.paramCapsule:hover{border-color:var(--border-light);color:var(--text-secondary)}.paramCapsule.selected{background:#42e6ff1f;border-color:#42e6ff40;color:var(--brand-cyan)}.chatMsgV2{display:flex;gap:12px;max-width:900px;width:100%;margin:0 auto;animation:msgSlideIn var(--duration-normal) var(--ease-spring)}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chatMsgV2.user{flex-direction:row-reverse}.chatMsgV2Avatar{flex-shrink:0}.avatarUser{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#42e6ff33,#78ffb91f);border:1px solid rgba(66,230,255,.15);display:flex;align-items:center;justify-content:center;color:var(--brand-cyan)}.avatarBot{width:34px;height:34px;border-radius:50%;background:#a78bfa1a;border:1px solid rgba(167,139,250,.15);display:flex;align-items:center;justify-content:center;color:var(--brand-purple)}.chatMsgV2Body{flex:1;min-width:0}.chatMsgV2Bubble{padding:12px 16px;border-radius:var(--radius-lg);font-size:14px;line-height:1.65;word-break:break-word;max-width:85%}.userBubble{background:linear-gradient(135deg,#42e6ff1a,#78ffb90f);border:1px solid rgba(66,230,255,.12);color:var(--text-primary);float:right;border-bottom-right-radius:4px}.assistantBubble{background:#0a0f1eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);color:#c8d6e5;border-bottom-left-radius:4px}.chatMsgV2Typing{display:inline-flex;gap:5px;padding:14px 20px;border-radius:var(--radius-lg);background:#0a0f1eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);width:fit-content}.typingDot{width:8px;height:8px;border-radius:50%;background:var(--brand-cyan);animation:typingBounce 1.4s infinite ease-in-out both}.typingDot:nth-child(2){animation-delay:.16s}.typingDot:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}.chatMsgV2Error{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);background:#ff2c550f;border:1px solid rgba(255,44,85,.15);color:#ff6b8a;font-size:13px;max-width:85%}.chatMsgV2Results{margin-top:12px}.chatMsgV2ResultHeader{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;color:var(--text-secondary);padding:8px 0;border-bottom:1px solid var(--border-subtle)}.chatMsgV2ResultModel{font-weight:700;color:var(--brand-cyan)}.chatMsgV2ResultCount{margin-left:auto;color:var(--brand-green);font-weight:600}.chatMsgV2ResultGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.chatMsgV2Attachments{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.chatMsgV2Attach{position:relative;width:72px;height:72px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.chatMsgV2Attach img{width:100%;height:100%;object-fit:cover}.chatMsgV2AttachBadge{position:absolute;bottom:2px;left:2px;right:2px;font-size:9px;font-weight:700;color:#fff;text-align:center;padding:2px 0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:3px}.chatMsgV2Time{font-size:10px;color:#8899b059;margin-top:6px;padding:0 4px}.chatMsgV2.user .chatMsgV2Time{text-align:right}.imageResultCardV2{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:#0a0f1e73;transition:all var(--duration-normal) var(--ease-out)}.imageResultCardV2:hover{border-color:#42e6ff33;box-shadow:var(--shadow-md),0 0 0 1px #42e6ff14;transform:translateY(-3px)}.imageResultCardV2ImageWrap{position:relative;aspect-ratio:1;overflow:hidden;background:#0003}.imageResultCardV2ImageWrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.imageResultCardV2:hover .imageResultCardV2ImageWrap img{transform:scale(1.03)}.imageResultCardV2Overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.imageResultCardV2Overlay.visible{opacity:1}.ircBtn{display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12);background:#0a0f1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit;white-space:nowrap}.ircBtn:hover{background:#42e6ff26;border-color:#42e6ff4d;color:#fff;transform:scale(1.05)}.ircBtn.collect.active{background:#ec489926;border-color:#ec48994d;color:#ec4899}.imageResultCardV2Prompt{padding:10px 12px}.imageResultCardV2Prompt p{font-size:11px;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic}.imageResultCardV2Meta{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:10px;color:#8899b066;border-top:1px solid var(--border-subtle)}.videoResultCard{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:#0a0f1e73;transition:all var(--duration-normal) var(--ease-out)}.videoResultCard:hover{border-color:#f9ff7233;box-shadow:var(--shadow-md),0 0 0 1px #f9ff7214;transform:translateY(-3px)}.videoResultCardPreview{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0000004d;cursor:pointer}.videoResultCardPreview img,.videoResultCardPreview video{width:100%;height:100%;object-fit:cover}.videoResultCardPlayBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.videoResultCardPlayBtn:hover{background:#f9ff7233;border-color:var(--brand-yellow);transform:translate(-50%,-50%) scale(1.1)}.videoResultCardDuration{position:absolute;bottom:8px;right:8px;padding:3px 8px;border-radius:4px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:700}.videoResultCardActions{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--border-subtle)}.videoResultCardModel{font-size:11px;color:var(--text-secondary);font-weight:600}.videoResultCardDownload{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid var(--border-light);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.videoResultCardDownload:hover{background:#f9ff721a;border-color:#f9ff7240;color:var(--brand-yellow)}.generationSkeleton{padding:16px;border-radius:var(--radius-md);background:#0a0f1e80;border:1px solid var(--border-subtle)}.generationSkeletonHeader{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;color:var(--brand-cyan);font-weight:600}.generationSkeletonGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.generationSkeletonCard{border-radius:var(--radius-sm);overflow:hidden;background:#ffffff05}.generationSkeletonImage{aspect-ratio:1;background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%);background-size:200% 100%;animation:shimmerV2 1.8s infinite}@keyframes shimmerV2{0%{background-position:300% 0}to{background-position:-300% 0}}.generationSkeletonMeta{padding:8px 10px}.generationSkeletonLine{height:8px;border-radius:4px;background:#ffffff0a;margin-bottom:5px}.generationSkeletonLine.short{width:55%}.modelLogo{display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--logo-bg, rgba(255, 255, 255, .05));transition:all var(--duration-fast) var(--ease-out)}.modelLogo svg{width:100%;height:100%}.assetShelf{width:0;flex-shrink:0;background:var(--bg-glass-heavy);border-left:1px solid var(--border-subtle);transition:width var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.assetShelf.open{width:240px}.assetShelfToggle{position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:28px;height:48px;border-radius:8px 0 0 8px;border:1px solid var(--border-subtle);border-right:none;background:var(--bg-glass-heavy);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all var(--duration-fast) var(--ease-out)}.assetShelfToggle:hover{color:var(--brand-cyan);background:#42e6ff0d}.assetShelfContent{padding:16px 12px;min-width:216px}.assetShelfHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.assetShelfTitle{font-size:13px;font-weight:700;color:var(--text-primary)}.assetShelfCount{font-size:11px;color:var(--text-muted);background:#ffffff0d;padding:2px 8px;border-radius:var(--radius-full)}.assetShelfFilters{display:flex;gap:4px;margin-bottom:12px}.assetShelfFilter{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.assetShelfFilter:hover{border-color:var(--border-light);color:var(--text-secondary)}.assetShelfFilter.active{background:#42e6ff1a;border-color:#42e6ff40;color:var(--brand-cyan)}.assetShelfGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:4px}.assetShelfGrid::-webkit-scrollbar{width:3px}.assetShelfGrid::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.assetShelfItem{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle);cursor:grab;transition:all var(--duration-fast) var(--ease-out);aspect-ratio:1}.assetShelfItem:hover{border-color:#42e6ff33;transform:scale(1.03)}.assetShelfItem:active{cursor:grabbing}.assetShelfItemThumb{width:100%;height:100%}.assetShelfItemThumb img{width:100%;height:100%;object-fit:cover}.assetShelfItemVideo{position:relative;width:100%;height:100%}.assetShelfItemVideo video{width:100%;height:100%;object-fit:cover}.assetShelfItemPlayIcon{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:4px;background:#00000080;color:var(--brand-yellow);display:flex;align-items:center;justify-content:center}.assetShelfItemDuration{position:absolute;bottom:3px;right:3px;font-size:9px;font-weight:700;color:#fff;background:#0000008c;padding:1px 4px;border-radius:3px}.assetShelfItemActions{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3px;padding:4px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.assetShelfItem:hover .assetShelfItemActions{opacity:1}.assetShelfItemAction{width:24px;height:24px;border-radius:4px;border:none;background:#0a0f1eb3;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.assetShelfItemAction:hover{background:#42e6ff33;color:var(--brand-cyan);transform:scale(1.1)}.assetShelfEmpty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 12px;color:var(--text-muted);font-size:12px;text-align:center}.assetShelfEmptyHint{font-size:10px;color:#4a556899}.psdResultCard{border-radius:var(--radius-md);background:#0a0f1e80;border:1px solid rgba(167,139,250,.12);overflow:hidden}.psdResultCardHeader{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);color:var(--brand-purple)}.psdResultCardTitle{font-size:13px;font-weight:700;color:var(--text-primary)}.psdResultCardCount{font-size:11px;color:var(--brand-purple);background:#a78bfa1a;padding:2px 8px;border-radius:var(--radius-full);margin-left:auto}.psdResultCardLayers{display:flex;gap:8px;padding:12px 14px;overflow-x:auto}.psdResultCardLayers::-webkit-scrollbar{height:3px}.psdResultCardLayers::-webkit-scrollbar-thumb{background:#a78bfa26;border-radius:2px}.psdResultCardLayer{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.psdResultCardLayerThumb{width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border-subtle);background:#0003;transition:border-color var(--duration-fast) var(--ease-out)}.psdResultCardLayerThumb:hover{border-color:#a78bfa4d}.psdResultCardLayerThumb img{width:100%;height:100%;object-fit:cover}.psdResultCardLayerEmpty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.psdResultCardLayerName{font-size:10px;font-weight:700;text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psdResultCardActions{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border-subtle)}.psdResultCardDownload{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid rgba(167,139,250,.25);background:#a78bfa14;color:var(--brand-purple);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.psdResultCardDownload:hover{background:#a78bfa26;transform:translateY(-1px)}.psdModeSelector{display:flex;gap:6px}.psdModeBtn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.psdModeBtn:hover{border-color:#a78bfa33;color:var(--text-secondary)}.psdModeBtn.selected{background:#a78bfa1f;border-color:#a78bfa4d;color:var(--brand-purple)}.workflowChain{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:#0a0f1e80;border:1px solid var(--border-subtle);margin-bottom:12px}.workflowChainStep{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-subtle)}.workflowChainStep.completed{border-color:#78ffb933;background:#78ffb90d}.workflowChainStepIcon{color:var(--brand-cyan);display:flex}.workflowChainStep.completed .workflowChainStepIcon{color:var(--brand-green)}.workflowChainStepInfo{display:flex;flex-direction:column}.workflowChainStepLabel{font-size:11px;font-weight:700;color:var(--text-primary)}.workflowChainStepModel{font-size:9px;color:var(--text-muted)}.workflowChainStepCheck{color:var(--brand-green);display:flex}.workflowChainArrow{color:var(--text-muted);display:flex}.quickBatchBarCollapsed{padding:0 14px;margin-bottom:4px}.quickBatchToggle{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:1px dashed var(--border-light);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.quickBatchToggle:hover{border-color:#42e6ff4d;color:var(--brand-cyan);background:#42e6ff0a}.quickBatchBar{padding:14px;border-radius:var(--radius-md);background:#0a0f1e99;border:1px solid var(--border-light);margin-bottom:8px;animation:fadeInUp var(--duration-normal) var(--ease-out)}.quickBatchHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.quickBatchTitle{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand-yellow)}.quickBatchClose{width:24px;height:24px;border-radius:50%;border:none;background:#ffffff0d;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.quickBatchClose:hover{background:#ff2c551a;color:#ff6b8a}.quickBatchPrompts{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.quickBatchPromptRow{display:flex;align-items:center;gap:8px}.quickBatchPromptNum{width:20px;height:20px;border-radius:50%;background:#42e6ff1a;color:var(--brand-cyan);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quickBatchPromptInput{flex:1;height:32px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--duration-fast) var(--ease-out);font-family:inherit}.quickBatchPromptInput::placeholder{color:var(--text-muted)}.quickBatchPromptInput:focus{border-color:#42e6ff4d}.quickBatchPromptRemove{width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.quickBatchPromptRemove:hover{color:#ff6b8a;background:#ff2c551a}.quickBatchAddBtn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-sm);border:1px dashed var(--border-subtle);background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.quickBatchAddBtn:hover{border-color:#42e6ff33;color:var(--brand-cyan)}.quickBatchModelRow{margin-bottom:12px}.quickBatchGenerateBtn{width:100%;height:36px;border-radius:var(--radius-sm);border:none;background:linear-gradient(135deg,var(--brand-yellow),#fbbf24);color:var(--bg-deep);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--duration-fast) var(--ease-out);font-family:inherit}.quickBatchGenerateBtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px -2px #f9ff724d}.quickBatchGenerateBtn:disabled{opacity:.35;cursor:not-allowed}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobileTabBar{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:60;padding-bottom:env(safe-area-inset-bottom,0)}.mobileTabBarItems{display:flex;align-items:center;justify-content:space-around;height:100%}.mobileTabBarItem{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border:none;background:none;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.mobileTabBarItem.active{color:var(--item-color, var(--brand-cyan))}.mobileTabBarItemLabel{font-size:9px;font-weight:700;letter-spacing:.3px}@media(max-width:900px){.creativeDock{display:none}.mobileTabBar{display:block}.creativeHubFinalMain{padding-bottom:60px}.heroFeatureGrid,.chatMsgV2ResultGrid{grid-template-columns:repeat(2,1fr)}.heroModelCards{flex-wrap:wrap}.heroModelCard{max-width:none;flex:1 1 calc(50% - 5px)}}@media(max-width:600px){.heroFeatureGrid{grid-template-columns:1fr 1fr}.chatMsgV2ResultGrid{grid-template-columns:1fr}.paramCapsuleGroup{flex-wrap:wrap;gap:8px}.modelCapsuleGroup{flex-wrap:nowrap}.smartCommandBar{padding:10px 14px 14px}.heroShowcase{margin-top:20px}.heroTitle{font-size:22px}.heroModelCards{flex-direction:column}.heroModelCard{flex:none;max-width:none}}