@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-void:#050505;--bg-elevated:#ffffff08;--sky:#1f98fb;--sky-dim:#1f98fb1f;--sky-glow:#1f98fb40;--sky-trace:#1f98fb0f;--sky-strong:#1f98fb73;--emerald:#34d399;--rose:#f43f5e;--amber:#fbbf24;--text-title:#fff;--text-body:#ffffffbf;--text-muted:#ffffff61;--text-dim:#fff3;--glass-bg:linear-gradient(135deg, #ffffff0f 0%, #ffffff05 100%);--glass-border:#ffffff1a;--glass-inset:inset 0 .5px 0 0 #ffffff26;--glass-blur:64px;--shadow-soft:0 8px 32px #0006;--shadow-glow:0 0 40px #1f98fb14;--shadow-glow-strong:0 0 60px #1f98fb26;--font-sans:"Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s var(--ease-out);--t-base:.28s var(--ease-out);--t-slow:.5s var(--ease-out)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none;background:var(--bg-void);height:100%;font-size:16px;overflow:hidden}body{font-family:var(--font-sans);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:0 0;height:100%;line-height:1.6;overflow:hidden auto}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}img{max-width:100%;display:block}::selection{color:#fff;background:#1f98fb4d}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.constellation-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.constellation-bg canvas{width:100%;height:100%}.bg-vignette{z-index:1;pointer-events:none;background:radial-gradient(at 30% 40%,#1f98fb0a 0%,#0000 55%),radial-gradient(at 70% 80%,#1f98fb06 0%,#0000 45%),radial-gradient(at 50% 110%,#050505e6 0%,#0000 50%);position:fixed;inset:0}.container{z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative}.page-wrapper{z-index:10;flex:1;padding:2rem 0 3rem;position:relative}.glass-card{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(40px)saturate(1.6);transition:border-color var(--t-base), box-shadow var(--t-base), background var(--t-base);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 40%,#ffffff05 100%);border:1px solid #ffffff1f;border-color:#ffffff2e #ffffff1f #ffffff1f #ffffff24;padding:1.75rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 0 20px #ffffff05,0 8px 32px #00000059,0 2px 8px #0003}.glass-card:before{content:"";background:linear-gradient(90deg,#0000 5%,#fff3 30%,#ffffff40 50%,#fff3 70%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 30% 0,#ffffff0a,#0000 60%);position:absolute;inset:0}.glass-card:hover{border-color:#ffffff47 #fff3 #fff3;box-shadow:inset 0 1px #ffffff26,inset 0 0 30px #ffffff08,0 12px 48px #0006,0 0 40px #1f98fb0f}.card-header{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.card-header h2{color:var(--text-title);font-size:.9375rem;font-weight:600}.card-header .icon{font-size:1.125rem}.card-header .card-tag{font-family:var(--font-mono);color:var(--sky);letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-left:auto;font-size:.625rem}@property --marquee-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes marquee-spin{to{--marquee-angle:360deg}}.text-shimmer{background:linear-gradient(105deg, var(--text-title) 0%, var(--text-title) 40%, var(--sky) 50%, var(--text-title) 60%, var(--text-title) 100%);-webkit-text-fill-color:transparent;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite text-scan}@keyframes text-scan{0%{background-position:200%}to{background-position:-200%}}.app-header{-webkit-backdrop-filter:blur(48px)saturate(1.5);z-index:100;background:#05050566;border-bottom:1px solid #ffffff14;padding:.625rem 0;position:sticky;top:0;box-shadow:0 1px #ffffff0a,0 4px 20px #0000004d}.app-header .container{justify-content:space-between;align-items:center;display:flex}.app-logo{align-items:center;gap:.625rem;display:flex}.app-logo h1{color:var(--text-title);letter-spacing:.01em;font-size:.8125rem;font-weight:700}.app-logo .logo-divider{background:#ffffff26;width:1px;height:14px;margin:0 .125rem}.app-logo .logo-subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.5625rem}.header-actions{align-items:center;gap:.625rem;display:flex}.export-logo-header{border-bottom:1px solid #ffffff0f;justify-content:flex-start;align-items:center;gap:.625rem;margin-bottom:2.5rem;padding-bottom:1rem;display:none}.export-logo-title{color:var(--text-title);letter-spacing:.01em;margin:0;font-size:.8125rem;font-weight:700}.export-logo-divider{background:#ffffff26;width:1px;height:14px;margin:0 .125rem}.export-logo-subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.5625rem}.floating-steps-bar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#1f98fb05;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem .5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInLeft;display:flex;position:fixed;top:50%;left:2rem;transform:translateY(-50%);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff05}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px,-50%)}to{opacity:1;transform:translateY(-50%)}}.floating-step{cursor:default;opacity:.5;transition:all var(--t-base);flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.floating-step.completed{opacity:.8}.floating-step.active{opacity:1}.floating-step.active:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#1f98fb33,#0000);border-radius:14px;width:40px;height:40px;animation:3s ease-in-out infinite pulse-glow;position:absolute;top:-4px}.floating-step-num{width:32px;height:32px;font-family:var(--font-mono);color:var(--text-dim);transition:all var(--t-base);background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.floating-step.completed .floating-step-num{color:var(--sky);background:#1f98fb1a;border-color:#1f98fb33}.floating-step.active .floating-step-num{color:#050505;background:linear-gradient(135deg,#1f98fb,#1574c4);border-color:#0000;box-shadow:0 0 20px #1f98fb59}.floating-step-label{color:var(--text-dim);letter-spacing:.02em;text-align:center;max-width:52px;font-size:.65rem;font-weight:600;line-height:1.2}.floating-step.completed .floating-step-label{color:var(--sky);opacity:.9}.floating-step.active .floating-step-label{color:var(--text-title);font-weight:600}.floating-step-line{background:#ffffff0f;width:1px;height:20px;position:relative;overflow:hidden}.floating-step-line.completed{background:#1f98fb4d}.floating-step-line.completed:after{content:"";background:var(--sky);opacity:.6;width:100%;height:8px;box-shadow:0 0 6px var(--sky);animation:3s linear infinite scan-line-vertical;position:absolute;top:0;left:0}@keyframes scan-line-vertical{0%{opacity:0;top:-8px}10%{opacity:.8}90%{opacity:.8}to{opacity:0;top:100%}}.hero-section{text-align:center;padding:3.5rem 0 0;position:relative}.hero-badge{font-family:var(--font-mono);color:var(--sky);letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f98fb0a;border:1px solid #1f98fb33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.5625rem;animation:.6s ease-out fadeIn;display:inline-flex}.hero-badge-dot{background:var(--sky);width:6px;height:6px;box-shadow:0 0 12px var(--sky-glow);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--sky-glow)}50%{opacity:.5;box-shadow:0 0 20px var(--sky-strong)}}.hero-title{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;padding:0 1rem;font-size:clamp(1.5rem,3.2vw,3rem);font-weight:900;line-height:1.15;overflow:hidden}.hero-subtitle{color:var(--text-muted);letter-spacing:.06em;max-width:520px;margin:0 auto;font-size:.875rem;font-weight:300;line-height:1.8}.hero-deco-line{background:linear-gradient(90deg, transparent, var(--sky), transparent);width:120px;height:1px;margin:1.5rem auto 0;position:relative}.hero-deco-line:after{content:"";background:var(--sky);width:6px;height:6px;box-shadow:0 0 16px var(--sky-glow);border-radius:50%;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.steps-bar-v2{justify-content:center;align-items:center;gap:0;padding:2rem 0 1.5rem;display:flex}.step-v2{border-radius:var(--r-md);transition:all var(--t-base);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:relative}.step-v2.active{-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#1f98fb0f;border:1px solid #1f98fb26;box-shadow:inset 0 1px #ffffff0f,0 4px 16px #00000026}.step-v2.completed{-webkit-backdrop-filter:blur(8px);background:#1f98fb08;border:1px solid #ffffff14}.step-v2:not(.active):not(.completed){border:1px solid #0000}.step-icon-v2{width:30px;height:30px;font-family:var(--font-mono);transition:all var(--t-base);border-radius:8px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex;position:relative}.step-v2.active .step-icon-v2{color:#050505;background:linear-gradient(135deg,#1f98fb,#1574c4);box-shadow:0 0 20px #1f98fb4d}.step-v2.completed .step-icon-v2{color:var(--sky);background:#1f98fb1a;border:1px solid #1f98fb33}.step-v2:not(.active):not(.completed) .step-icon-v2{color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff14}.step-glow{background:radial-gradient(circle,#1f98fb26,#0000);border-radius:14px;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:-4px}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.step-info-v2{flex-direction:column;gap:.125rem;display:flex}.step-title-v2{color:var(--text-dim);letter-spacing:.02em;font-size:.75rem;font-weight:600}.step-v2.active .step-title-v2{color:var(--text-title)}.step-v2.completed .step-title-v2{color:var(--sky);opacity:.9}.step-desc-v2{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.5rem}.step-v2.active .step-desc-v2{color:var(--sky);opacity:.8}.step-line-v2{width:36px;height:1px;margin:0 .25rem;position:relative}.step-line-inner{background:#ffffff0f;width:100%;height:100%;position:relative}.step-line-v2.completed .step-line-inner{background:#1f98fb4d}.step-line-inner:after{content:"";background:var(--sky);opacity:.4;width:8px;height:100%;box-shadow:0 0 6px var(--sky);animation:3s linear infinite scan-line;position:absolute;top:0;left:0}@keyframes scan-line{0%{opacity:0;left:-8px}10%{opacity:.6}90%{opacity:.6}to{opacity:0;left:100%}}.section-divider-v2{align-items:center;gap:1rem;padding:.5rem 0 1.5rem;display:flex}.section-divider-v2 .divider-line{background:linear-gradient(90deg,#0000,#ffffff0f,#0000);flex:1;height:1px}.section-divider-v2 .divider-tag{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;border:1px solid #ffffff0f;border-radius:100px;padding:.25rem .75rem;font-size:.5625rem}.main-content-grid-v2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.content-left-v2,.content-right-v2{flex-direction:column;gap:1.5rem;height:100%;display:flex}.content-panel{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(40px)saturate(1.5);transition:border-color var(--t-base), box-shadow var(--t-base);background:linear-gradient(145deg,#ffffff1a 0%,#ffffff0a 40%,#ffffff03 100%);border:1px solid #ffffff26;border-color:#ffffff4d #ffffff26 #ffffff26 #fff3;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1.5px #ffffff40,inset 1px 0 #ffffff1a,inset 0 0 30px #ffffff08,0 8px 40px #00000059,0 2px 8px #00000026}.content-panel:before{content:"";z-index:1;background:linear-gradient(90deg,#0000 5%,#ffffff4d 30%,#fff9 50%,#ffffff4d 70%,#0000 95%);height:1px;position:absolute;top:0;left:0;right:0}.content-panel:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(at 20% 0,#ffffff0f,#0000 50%);position:absolute;inset:0}.content-panel:hover{border-color:#fff6 #fff3 #fff3;box-shadow:inset 0 1.5px #ffffff59,inset 1px 0 #ffffff26,inset 0 0 40px #ffffff0d,0 12px 48px #00000073,0 0 40px #1f98fb0f}.panel-header{z-index:2;background:linear-gradient(#ffffff08,#ffffff03);border-bottom:1px solid #ffffff0f;align-items:center;gap:.625rem;padding:1rem 1.5rem;display:flex;position:relative}.panel-indicator{background:linear-gradient(180deg, var(--sky), #1f98fb33);border-radius:2px;width:4px;height:20px;box-shadow:0 0 8px #1f98fb4d}.panel-title{color:var(--text-title);letter-spacing:.03em;font-size:1.25rem;font-weight:700}.panel-tag{font-family:var(--font-mono);color:var(--sky);letter-spacing:.12em;text-transform:uppercase;opacity:.5;margin-left:auto;font-size:.5625rem}.panel-body{flex-direction:column;flex:1;padding:1.25rem 1.5rem;display:flex}.action-panel{border-radius:var(--r-xl);-webkit-backdrop-filter:blur(40px)saturate(1.5);background:linear-gradient(145deg,#ffffff0f 0%,#ffffff08 40%,#ffffff04 100%);border:1px solid #ffffff1a;border-color:#ffffff26 #ffffff1a #ffffff1a #ffffff1f;margin-top:auto;padding:1.25rem 1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 0 16px #ffffff04,0 8px 32px #0000004d}.action-panel:before{content:"";background:linear-gradient(90deg,#0000,#1f98fb26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.action-status{align-items:center;gap:.625rem;margin-bottom:1rem;display:flex}.status-indicator{width:10px;height:10px;transition:all var(--t-base);background:#ffffff26;border-radius:50%;position:relative}.status-indicator.ready{background:var(--emerald);box-shadow:0 0 12px #34d39966}.status-indicator.ready .status-ring{border:1px solid #34d3994d;border-radius:50%;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.status-text{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:.5625rem}.raycast-btn-v2{cursor:pointer;border-radius:var(--r-lg);background:0 0;border:none;width:100%;padding:0;position:relative;overflow:hidden}.raycast-btn-v2:before{content:"";border-radius:inherit;background:conic-gradient(from var(--marquee-angle,0deg), transparent 0%, #1f98fb 10%, #0ef 15%,  #1f98fb 20%, transparent 30%, transparent 50%, #1f98fbcc 60%, #0efc 65%, #1f98fbcc 70%, transparent 80%, transparent 100%);opacity:1;filter:blur(1px);animation:3s linear infinite marquee-spin;position:absolute;inset:-1px}.raycast-btn-v2:hover:before{filter:blur(1.5px)brightness(1.2);animation:1.5s linear infinite marquee-spin}.btn-inner-v2{border-radius:calc(var(--r-lg) - 2px);transition:all var(--t-base);background:linear-gradient(135deg,#080c14f7,#0c121ef2);align-items:center;gap:.875rem;margin:2px;padding:.875rem 1.5rem;display:flex;position:relative}.raycast-btn-v2:hover .btn-inner-v2{background:linear-gradient(135deg,#0c1423f7,#121c2df2)}.btn-ai-badge{font-family:var(--font-mono);border-radius:var(--r-sm);letter-spacing:.12em;color:var(--sky);text-shadow:0 0 12px #1f98fb4d;background:linear-gradient(135deg,#1f98fb33,#1f98fb14);border:1px solid #1f98fb40;padding:.375rem .625rem;font-size:.6875rem;font-weight:700}.hero-sweep-effect{background:linear-gradient(90deg,#1f98fb 0%,#0ef 5%,#fff 15% 35%,#0ef 45%,#1f98fb 50%,#0ef 55%,#fff 85%,#0ef 95%,#1f98fb 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;max-width:100%;animation:3s linear infinite text-sweep;display:inline-block;color:#0000!important;-webkit-text-fill-color:transparent!important}.title-sweep-effect{background:linear-gradient(90deg,#1f98fb 0%,#0ef 5%,#fff 15% 35%,#0ef 45%,#1f98fb 50%,#0ef 55%,#fff 85%,#0ef 95%,#1f98fb 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;max-width:100%;animation:2.5s linear infinite text-sweep;display:inline-block;color:#0000!important;-webkit-text-fill-color:transparent!important}.btn-main-label{font-family:var(--font-sans);letter-spacing:.05em;background:linear-gradient(90deg,#1f98fb 0%,#0ef 5%,#fff 15% 35%,#0ef 45%,#1f98fb 50%,#0ef 55%,#fff 85%,#0ef 95%,#1f98fb 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:600;animation:2.5s linear infinite text-sweep;color:#0000!important;-webkit-text-fill-color:transparent!important}@keyframes text-sweep{0%{background-position:0%}to{background-position:-200%}}.btn-arrow-v2{color:var(--text-muted);transition:all var(--t-base);align-items:center;margin-left:auto;display:flex}.raycast-btn-v2:hover .btn-arrow-v2{color:var(--sky);transform:translate(4px)}.raycast-btn-v2:disabled{opacity:.35;cursor:not-allowed}.raycast-btn-v2:disabled:before{opacity:.15;animation:none}.hint-text{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.06em;margin-top:.75rem;font-size:.5625rem}.footer-deco{align-items:center;gap:1rem;padding:2.5rem 0 1rem;display:flex}.footer-deco-line{background:linear-gradient(90deg,#0000,#ffffff0a,#0000);flex:1;height:1px}.footer-deco-text{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;opacity:.5;font-size:.5rem}.section-label{align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex}.section-dot{background:var(--sky);width:6px;height:6px;box-shadow:0 0 10px var(--sky-glow);border-radius:50%}.section-label-text{font-family:var(--font-mono);color:var(--sky);letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:700}.upload-zone-wrapper{flex-wrap:wrap;flex:1;justify-content:center;gap:1.5rem;display:flex}.upload-frame-marquee{border-radius:var(--r-xl);cursor:pointer;min-height:280px;transition:transform var(--t-base);flex:auto;position:relative}.upload-frame-marquee:hover{transform:scale(1.02)}.upload-frame-marquee:before{content:"";border-radius:inherit;background:conic-gradient(from var(--marquee-angle,0deg), transparent 0%, #1f98fbb3 10%, transparent 20%, transparent 50%, #1f98fb4d 60%, transparent 70%, transparent 100%);z-index:0;animation:4s linear infinite marquee-spin;position:absolute;inset:-1.5px}.upload-frame-marquee:after{content:"";border-radius:inherit;z-index:1;background:#080c14f5;position:absolute;inset:1.5px}.upload-frame-inner{z-index:2;border-radius:calc(var(--r-xl) - 2px);background:#1f98fb04;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;display:flex;position:relative}.upload-frame-inner .corner{opacity:.25;width:20px;height:20px;transition:opacity var(--t-base);position:absolute}.upload-frame-marquee:hover .corner{opacity:.6}.upload-frame-inner .corner.tl{border-top:1.5px solid var(--sky);border-left:1.5px solid var(--sky);top:14px;left:14px}.upload-frame-inner .corner.tr{border-top:1.5px solid var(--sky);border-right:1.5px solid var(--sky);top:14px;right:14px}.upload-frame-inner .corner.bl{border-bottom:1.5px solid var(--sky);border-left:1.5px solid var(--sky);bottom:14px;left:14px}.upload-frame-inner .corner.br{border-bottom:1.5px solid var(--sky);border-right:1.5px solid var(--sky);bottom:14px;right:14px}.upload-icon-box{border-radius:var(--r-md);width:56px;height:56px;color:var(--sky);transition:all var(--t-base);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.upload-frame-marquee:hover .upload-icon-box{background:#1f98fb1a;border-color:#1f98fb4d}.upload-label{color:var(--text-title);margin-top:4px;font-size:1rem;font-weight:600}.upload-hint{font-family:var(--font-mono);color:var(--text-muted);text-align:center;letter-spacing:.04em;font-size:.6875rem;line-height:1.6}.upload-hint .sky{color:var(--sky)}.upload-frame-marquee input[type=file]{opacity:0;cursor:pointer;z-index:10;position:absolute;inset:0}.upload-preview-item{border-radius:var(--r-xl);transition:transform var(--t-fast);flex:auto;position:relative}.upload-preview-item:hover{transform:scale(1.02)}.upload-preview-item:before{content:"";border-radius:inherit;background:conic-gradient(from var(--marquee-angle,0deg), transparent 0%, #1f98fbcc 10%, transparent 20%, transparent 50%, #1f98fb66 60%, transparent 70%, transparent 100%);z-index:0;animation:4s linear infinite marquee-spin;position:absolute;inset:-1.5px}.upload-preview-item:after{content:"";border-radius:inherit;z-index:1;background:#080c14f5;position:absolute;inset:1.5px}.preview-image-wrapper{border-radius:calc(var(--r-xl) - 2px);z-index:2;background:#1f98fb0d;position:absolute;inset:1.5px;overflow:hidden}.preview-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--t-base)}.upload-preview-item:hover .preview-image-wrapper img{transform:scale(1.05)}.preview-overlay{z-index:3;pointer-events:none;border-bottom-left-radius:calc(var(--r-xl) - 2px);border-bottom-right-radius:calc(var(--r-xl) - 2px);background:linear-gradient(#0000,#080c14d9);flex-direction:row;justify-content:center;align-items:center;gap:6px;height:48px;display:flex;position:absolute;bottom:1.5px;left:1.5px;right:1.5px}.preview-overlay-icon{background:var(--sky);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;box-shadow:0 0 10px #1f98fb80}.preview-overlay-icon svg{width:10px;height:10px}.preview-overlay-text{font-family:var(--font-mono);color:#fff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 2px #000c;font-size:.5rem;font-weight:700}.upload-preview-item .remove-btn{color:#ffffffb3;cursor:pointer;opacity:0;width:28px;height:28px;transition:all var(--t-fast);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c14cc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:12px;right:12px}.upload-preview-item:hover .remove-btn{opacity:1}.upload-preview-item .remove-btn:hover{background:var(--rose);color:#fff;border-color:var(--rose);transform:scale(1.1)}.form-group{margin-bottom:1.125rem}.form-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.375rem;font-size:.5625rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border-radius:var(--r-md);width:100%;color:var(--text-title);font-family:var(--font-sans);transition:all var(--t-fast);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;padding:.625rem .875rem;font-size:.8125rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#1f98fb66;outline:none;box-shadow:0 0 0 3px #1f98fb0f,0 0 20px #1f98fb0d}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-textarea{resize:vertical;min-height:72px}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}select.form-input option{color:#e6edf3;background:#0d1117;padding:.5rem}.toggle-group{gap:.5rem;display:flex}.toggle-btn{border-radius:var(--r-md);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:all var(--t-fast);background:#ffffff08;border:1px solid #ffffff14;flex:1;padding:.625rem .875rem;font-size:.8125rem;font-weight:500}.toggle-btn:hover{color:var(--text-title);background:#1f98fb0d;border-color:#1f98fb4d}.toggle-btn.active{border-color:var(--sky);color:var(--sky);background:#1f98fb1f;font-weight:600;box-shadow:0 0 12px #1f98fb26}.btn{border-radius:var(--r-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--t-base);white-space:nowrap;letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1f98fb,#1574c4);font-weight:600;box-shadow:0 0 20px #1f98fb26}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 32px #1f98fb40}.btn-secondary{color:var(--text-body);background:#ffffff0d;border:1px solid #ffffff14}.btn-secondary:hover{color:var(--sky);border-color:#1f98fb4d}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-body);background:#ffffff08}.btn-outline{color:var(--sky);background:0 0;border:1px solid #1f98fb4d}.btn-outline:hover{background:var(--sky-dim)}.btn-lg{border-radius:var(--r-lg);padding:.75rem 1.75rem;font-size:.875rem}.btn-sm{padding:.375rem .75rem;font-size:.6875rem}.btn-icon{border-radius:var(--r-md);width:32px;height:32px;padding:0}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;animation:fadeIn var(--t-fast);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--glass-border);border-radius:var(--r-2xl);width:90%;max-width:460px;box-shadow:var(--glass-inset), var(--shadow-soft);animation:slideUp var(--t-base);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%);padding:2rem}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h3{color:var(--text-title);font-size:1.0625rem;font-weight:700}.modal-footer{justify-content:flex-end;gap:.625rem;margin-top:1.5rem;display:flex}.ai-config-popover.content-panel{z-index:1000;-webkit-backdrop-filter:blur(80px)saturate(1.8);background:linear-gradient(145deg,#0a101ceb 0%,#080c16f5 40%,#060a12fa 100%);width:380px;animation:.2s ease-out popoverIn;position:absolute;top:calc(100% + 12px);right:0;overflow:visible}.ai-config-popover .form-group{margin-bottom:.875rem}.ai-config-popover .popover-arrow{background:linear-gradient(145deg,#ffffff1a,#ffffff0a);border:none;border-top:1px solid #ffffff26;border-left:1px solid #ffffff26;width:12px;height:12px;position:absolute;top:-6px;right:24px;transform:rotate(45deg)}@keyframes popoverIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.changelog-popover{flex-direction:column;max-height:480px;display:flex;overflow:hidden}.changelog-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.changelog-release{border-bottom:1px solid #ffffff0f;margin-bottom:1.25rem;padding-bottom:1.25rem}.changelog-release:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.changelog-version-header{align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.changelog-version-tag{font-family:var(--font-mono);color:var(--sky);border-radius:var(--r-sm);letter-spacing:.04em;background:#1f98fb1a;border:1px solid #1f98fb33;padding:.2rem .625rem;font-size:.875rem;font-weight:700}.changelog-date{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;font-size:.625rem}.changelog-latest-badge{font-family:var(--font-mono);color:var(--emerald);letter-spacing:.1em;background:#34d3991a;border:1px solid #34d39933;border-radius:100px;padding:.125rem .5rem;font-size:.5625rem;font-weight:700}.changelog-list{counter-reset:changelog-counter;margin:0;padding:0;list-style:none}.changelog-list li{counter-increment:changelog-counter;color:var(--text-body);align-items:flex-start;gap:.625rem;padding:.375rem 0;font-size:.8125rem;line-height:1.5;display:flex}.changelog-list li:before{content:counter(changelog-counter);font-family:var(--font-mono);color:var(--sky);background:#1f98fb14;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-top:1px;font-size:.625rem;font-weight:700;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:.625rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{border:1px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--shadow-soft);min-width:260px;animation:slideInRight var(--t-base);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.toast.success{border-left:3px solid var(--emerald)}.toast.warning{border-left:3px solid var(--amber)}.toast.error{border-left:3px solid var(--rose)}.toast.info{border-left:3px solid var(--sky)}.spinner{border:1.5px solid #ffffff1a;border-top-color:var(--sky);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.desc-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-inset);margin-bottom:.875rem;padding:1.25rem}.desc-panel-header{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.desc-panel-title{color:var(--text-title);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.desc-content{color:var(--text-body);border-radius:var(--r-md);white-space:pre-line;text-align:justify;background:#ffffff05;border:1px solid #ffffff0a;min-height:56px;padding:.75rem 1rem;font-size:.8125rem;line-height:2.5}.desc-content.empty{color:var(--text-dim);font-style:italic;line-height:1.8}.template-page{border-radius:var(--r-lg);background:#080808;border:1px solid #ffffff0f;width:794px;min-height:1123px;margin:0 auto 1.5rem;padding:56px;position:relative;overflow:hidden}.template-page:before{content:"";background:linear-gradient(90deg, transparent, var(--sky), transparent);height:2px;position:absolute;top:0;left:0;right:0}.template-cover{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:1011px;display:flex}.template-cover .brand-name{color:var(--text-title);letter-spacing:.06em;margin-bottom:.875rem;font-size:2.75rem;font-weight:900}.template-cover .project-name{color:var(--text-muted);letter-spacing:.1em;margin-bottom:2rem;font-size:1.125rem;font-weight:300}.template-cover .divider{background:linear-gradient(90deg, transparent, var(--sky), transparent);width:48px;height:2px;margin:1.5rem auto}.template-cover .client-info{color:var(--text-muted);font-size:.75rem;line-height:2.2;font-family:var(--font-mono);letter-spacing:.06em}.template-section-title{color:var(--sky);letter-spacing:.04em;border-bottom:1px solid #ffffff0f;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding-bottom:.625rem;font-size:1.0625rem;font-weight:700;display:flex}.template-section-title:before{content:"";background:linear-gradient(180deg, var(--sky), transparent);border-radius:2px;flex-shrink:0;width:3px;height:18px}.template-image-container{border-radius:var(--r-md);border:1px solid #ffffff0f;width:100%;margin-bottom:1.25rem;overflow:hidden}.template-image-container img{width:100%;height:auto;display:block}.template-description{color:var(--text-body);border-radius:var(--r-md);text-align:justify;white-space:pre-line;background:#1f98fb05;border:1px solid #1f98fb0f;padding:1rem;font-size:.8125rem;line-height:2.5}.template-footer{text-align:center;font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;border-top:1px solid #ffffff0a;padding-top:.875rem;font-size:.5625rem;position:absolute;bottom:20px;left:56px;right:56px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.main-content-grid-v2{grid-template-columns:1fr}.hero-title{font-size:2.25rem}.upload-zone-wrapper{justify-content:center}.steps-bar-v2{flex-wrap:wrap;gap:.5rem}.step-line-v2{display:none}}@media (width<=768px){.container{padding:0 1rem}.glass-card{padding:1.25rem}.panel-body{padding:1rem}.panel-header{padding:.75rem 1rem}.template-page{width:100%;padding:20px}}.system-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem;display:grid}.system-card{text-align:left;-webkit-backdrop-filter:blur(40px)saturate(1.5);border-radius:var(--r-xl);cursor:pointer;transition:all var(--t-base);background:linear-gradient(145deg,#ffffff14 0%,#ffffff0a 40%,#ffffff04 100%);border:1px solid #ffffff1f;border-color:#ffffff2e #ffffff1f #ffffff1f #ffffff24;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,inset 0 0 20px #ffffff05,0 8px 32px #00000059}.system-card:before{content:"";border-radius:inherit;background:conic-gradient(from var(--marquee-angle,0deg), transparent 0%, transparent 35%, #1f98fb 45%, #fffc 50%, #1f98fb 55%, transparent 65%, transparent 100%);-webkit-mask-composite:xor;z-index:1;opacity:.5;transition:opacity var(--t-base);pointer-events:none;padding:1px;animation:4s linear infinite marquee-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.system-card:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff3,inset 0 0 30px #ffffff0d,0 16px 48px #0006,0 0 40px #1f98fb26}.system-card:hover:before{opacity:1}.system-card-inner{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.system-icon-box{width:48px;height:48px;color:var(--sky);transition:all var(--t-base);background:#1f98fb1a;border:1px solid #1f98fb33;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;box-shadow:inset 0 0 16px #1f98fb1a,0 0 24px #1f98fb26}.system-card:hover .system-icon-box{background:#1f98fb26;transform:scale(1.05);box-shadow:inset 0 0 20px #1f98fb33,0 0 32px #1f98fb4d}.system-icon-box.highlight-render-icon{color:#c988ff;background:#a21cff1a;border-color:#a21cff33;box-shadow:inset 0 0 16px #a21cff1a,0 0 24px #a21cff26}.system-card:hover .highlight-render-icon{background:#a21cff26;box-shadow:inset 0 0 20px #a21cff33,0 0 32px #a21cff4d}.system-title{color:var(--text-title);letter-spacing:.02em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.system-desc{color:var(--text-body);flex:1;font-size:.875rem;line-height:1.6}.system-action{color:var(--text-dim);transition:all var(--t-base);align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.9375rem;font-weight:600;display:flex}.system-arrow{transition:transform var(--t-base)}.system-card:hover .system-action{color:var(--text-title)}.system-card:hover .system-arrow{transform:translate(4px)}.system-card-bg-glow{pointer-events:none;opacity:0;width:200%;height:200%;transition:opacity var(--t-base);z-index:0;background:radial-gradient(circle,#1f98fb0a,#0000 60%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.system-card-bg-glow.highlight-render{background:radial-gradient(circle,#a21cff0a,#0000 60%)}.system-card:hover .system-card-bg-glow{opacity:1}@media (width<=768px){.system-grid{grid-template-columns:1fr}}.preview-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;margin-bottom:1.5rem;display:flex}.preview-document{max-width:1000px;margin:0 auto}.preview-info-inline{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem;margin-top:1.25rem;padding-top:1rem;padding-bottom:1.5rem;display:flex}.preview-info-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem 2rem;display:grid}.preview-info-item{flex-direction:column;gap:.25rem;display:flex}.preview-info-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.5625rem;font-weight:500}.preview-info-value{color:var(--text-title);letter-spacing:.01em;font-size:.9375rem;font-weight:600}.preview-image-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.preview-image-grid.landscape-layout{grid-template-columns:2fr 1fr}.landscape-images-stack{flex-direction:column;gap:1.25rem;display:flex}.landscape-images-stack .preview-gallery-item{width:100%}.preview-gallery-item{border-radius:var(--r-xl);transition:all var(--t-base);border:1px solid #ffffff14;position:relative;overflow:hidden}.image-caption-tag{color:#ffffffbf;letter-spacing:.08em;white-space:nowrap;z-index:5;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:100px;padding:.4rem 1.2rem;font-size:.75rem;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0003}.preview-gallery-item:hover{border-color:var(--sky);transform:scale(1.02);box-shadow:0 8px 32px #1f98fb26}.preview-gallery-item.unconstrained-ratio{aspect-ratio:auto;border-radius:var(--r-xl);grid-column:span 3;align-self:center}.preview-gallery-item.unconstrained-ratio img{object-fit:cover;border-radius:var(--r-xl);width:100%;height:100%;display:block}.preview-gallery-item img{object-fit:cover;width:100%;height:auto;display:block}.iphone-mockup-wrapper{background:0 0;border:none;justify-content:center;align-items:center;display:flex}.iphone-mockup-wrapper.preview-gallery-item{aspect-ratio:9/16;background:0 0;border:none;overflow:visible}.iphone-mockup-wrapper.preview-gallery-item:hover{box-shadow:none;border-color:#0000;transform:none}.iphone-mockup{aspect-ratio:393/852;background:linear-gradient(145deg,#2c2c30,#1c1c1e,#2c2c30);border-radius:44px;height:100%;padding:6px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff1f,0 0 0 1px #0009,0 2px 8px #0006,0 12px 40px #00000059}.iphone-mockup:before{content:"";background:linear-gradient(#3a3a3e,#4a4a4e,#3a3a3e);border-radius:0 2px 2px 0;width:2.5px;height:8%;position:absolute;top:15%;right:-1.5px}.iphone-mockup:after{content:"";width:2.5px;height:5%;box-shadow:0 calc(100% + 6px) 0 0 #3e3e42, 0 calc(200% + 16px) 0 0 #3e3e42;background:linear-gradient(#3a3a3e,#4a4a4e,#3a3a3e);border-radius:2px 0 0 2px;position:absolute;top:18%;left:-1.5px}.iphone-notch{z-index:10;width:28%;position:absolute;top:1.5%;left:50%;transform:translate(-50%)}.iphone-dynamic-island{aspect-ratio:125/36;background:#000;border-radius:99px;width:100%;box-shadow:inset 0 0 2px #ffffff08,0 0 0 .5px #ffffff0f}.iphone-screen{background:#000;border-radius:38px;width:100%;height:100%;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff0a}.iphone-screen img{object-fit:cover;width:100%;height:100%}.analysis-card{border-radius:var(--r-xl);grid-column:span var(--analysis-span,1);background:#ffffff05;border:1px solid #ffffff14;flex-direction:column;padding:1.25rem;display:flex;overflow:hidden}.analysis-header{align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex}.analysis-indicator{background:var(--sky);border-radius:2px;width:4px;height:20px;box-shadow:0 0 8px #1f98fb4d}.analysis-title{color:var(--text-title);letter-spacing:.02em;font-size:1.25rem;font-weight:700}.analysis-tag{font-family:var(--font-mono);color:var(--sky);letter-spacing:.15em;opacity:.6;margin-left:auto;font-size:.5rem}.analysis-textarea{border-radius:var(--r-md);width:100%;color:var(--text-body);font-family:var(--font-sans);resize:none;transition:all var(--t-fast);background:#ffffff05;border:1px solid #ffffff0f;flex:1;padding:.875rem 1rem;font-size:.8125rem;line-height:1.8}.analysis-textarea:focus{background:#ffffff08;border-color:#1f98fb4d;outline:none;box-shadow:0 0 0 3px #1f98fb0f}.analysis-textarea:empty:before{content:attr(data-placeholder);color:var(--text-dim);pointer-events:none}.analysis-textarea b,.analysis-textarea strong{color:var(--sky);text-shadow:0 0 10px #1f98fb66;font-weight:700}.toast-container{z-index:9999;position:fixed;top:1.5rem;right:1.5rem}.toast{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8125rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.toast.success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.toast.error{color:#fda4af;background:#f43f5e26;border:1px solid #f43f5e4d}.toast.warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.toast.info{color:var(--sky);background:#1f98fb26;border:1px solid #1f98fb4d}.floating-toolbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#0a0a0f66;border:1px solid #ffffff14;flex-direction:column;gap:.75rem;padding:.75rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff05}.toolbar-btn{border-radius:var(--r-lg);width:72px;height:72px;color:var(--text-body);cursor:pointer;transition:all var(--t-fast);background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.toolbar-btn .icon{justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.toolbar-btn .label{letter-spacing:.05em;opacity:.8;font-size:.625rem;font-weight:500}.toolbar-btn:hover:not(:disabled){color:var(--text-title);background:#ffffff14;border-color:#ffffff26;transform:translate(-4px)}.toolbar-btn:hover:not(:disabled) .label{opacity:1}.toolbar-btn.primary{color:var(--text-title);background:#1f98fb14;border-color:#1f98fb33}.toolbar-btn.primary:hover:not(:disabled){background:#1f98fb26;border-color:#1f98fb66;box-shadow:0 4px 16px #1f98fb40}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale()}.preview-bottom-watermark{opacity:1;justify-content:center;align-items:center;gap:2rem;margin-top:4rem;padding-bottom:48px;display:flex}.preview-bottom-watermark img{filter:drop-shadow(0 0 16px #ffffff1a)}.watermark-logo{width:auto;height:52px}.watermark-slogan{width:auto;height:64px}.watermark-divider{background:#ffffff4d;width:1px;height:48px}.liquid-ether-container{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.liquid-ether-container canvas{pointer-events:auto;display:block;width:100%!important;height:100%!important}.target-cursor-wrapper{pointer-events:none;z-index:10000;width:0;height:0;position:fixed;top:0;left:0}body :hover{cursor:none!important}.target-cursor-dot{background-color:var(--sky,#1f98fb);width:8px;height:8px;box-shadow:0 0 12px var(--sky,#1f98fb);border-radius:50%;position:absolute;top:-4px;left:-4px}.target-cursor-corner{border:0px solid var(--sky,#1f98fb);width:12px;height:12px;position:absolute;top:0;left:0}.corner-tl{border-top-width:2px;border-left-width:2px}.corner-tr{border-top-width:2px;border-right-width:2px}.corner-br{border-bottom-width:2px;border-right-width:2px}.corner-bl{border-bottom-width:2px;border-left-width:2px}