@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.page{min-height:100svh}.exact-page{background:#f7f7f5;position:relative;overflow:hidden}.left-rail{flex-direction:column;justify-content:space-between;align-items:center;width:80px;height:100%;padding:24px 0 20px;display:flex;position:absolute;top:0;left:0}.dark-mode .left-rail:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#fff0 0%,#d6c9ff38 14%,#fffffff2 50%,#d6c9ff38 86%,#fff0 100%);border-radius:999px;width:4px;height:calc(100% - 48px);position:absolute;top:24px;left:92px;box-shadow:0 0 14px #d6c9ff73}.left-rail>*{z-index:1;position:relative}.left-top-logo{color:#d4a62a;width:20px;height:20px;font-size:18px}.left-menu{flex-direction:column;gap:39px;display:flex}.rail-item{color:#7d7d7e;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:0;display:flex}.rail-item.active{color:#111827}.rail-icon{border-radius:50%;place-items:center;width:26px;height:26px;font-size:9px;display:grid;position:relative}.rail-icon svg{fill:currentColor;width:100%;height:100%;display:block}.rail-item:not(.active) .rail-icon:before{content:"";opacity:0;z-index:-1;background:#dfe0e1;border-radius:50%;transition:opacity .16s;position:absolute;inset:-13px}.rail-item:not(.active):hover .rail-icon:before{opacity:1}.rail-text{color:#7d7d7e;font-size:9px;line-height:1;transform:scale(.95)}.left-bottom-icons{flex-direction:column;gap:39px;display:flex;transform:translate(8px)}.mini-icon{color:#9ca3af;background:0 0;border:0;width:18px;height:18px;font-size:11px}.left-bottom-icons .mini-icon:last-child{color:#6b7280;background:#fffffff5;border:1px solid #0f172a14;border-radius:999px;width:25px;height:12px}.main-stage{width:100%;height:100svh;padding-left:80px;position:relative}.top-right-pill{color:#6b7280;background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex;position:absolute;top:14px;right:18px;box-shadow:0 8px 20px #0f172a0d}.divider{color:#d4d4d8}.hero-center{text-align:center;width:min(620px,100% - 48px);position:absolute;top:18%;left:50%;transform:translate(-50%)}.exact-hero{top:18%}.hero-icon{color:#7c3aed;background:#ffffffe6;border-radius:14px;place-items:center;width:40px;height:40px;margin:0 auto 12px;font-size:16px;display:grid;box-shadow:0 8px 20px #0f172a0f}.hero-center h1{color:#111827;letter-spacing:-.04em;margin:0;font-size:32px;line-height:1.15}.hero-center p{color:#9ca3af;margin:6px 0 0;font-size:12px}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.style-chip{box-sizing:border-box;color:#6b7280;cursor:pointer;background:#f3f4f5;border:1px solid #e5e5e6;border-radius:27px;justify-content:center;align-items:center;gap:7px;width:160px;height:54px;padding:0 18px;font-size:12px;display:inline-flex;box-shadow:0 8px 18px #0f172a0a}.chip-row .style-chip:nth-child(3){width:178px}.hero-row{justify-content:center;align-items:center;gap:12px;display:flex}.quick-icon{color:#a3a3a3;background:#f4f5f7;border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.style-chip.active{color:#111827;background:#f3f4f5;border-color:#7c3aed2e}.chip-dot{opacity:.5;background:linear-gradient(135deg,#7c3aed,#22c55e);border-radius:50%;width:11px;height:11px}.mode-switch{background:#ffffffeb;border-radius:999px;gap:8px;padding:6px;display:inline-flex;position:absolute;top:49.5%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0f172a0d}.exact-switch{top:49.5%}.switch-btn{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 14px;font-size:13px}.switch-btn.active{color:#111827;background:#7c3aed14}.bottom-card{box-sizing:border-box;background:#fffffff5;border:1px solid #0f172a0f;border-radius:36px;width:min(1173px,100% - 48px);height:229px;padding:20px 22px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0f172a14}.exact-bottom-card{border-radius:36px;bottom:18px}.composer-top{align-items:flex-start;gap:10px;display:flex}.composer-icon{color:#9ca3af;margin-top:3px;font-size:14px}.composer-top input{color:#111827;background:0 0;border:0;outline:none;flex:1;padding:2px 0 8px;font-size:15px}.composer-top input::placeholder{color:#9ca3af}.controls-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:18px;display:flex}.left-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.right-group{align-items:center;gap:12px;margin-left:auto;display:flex}.dropdown-wrap{position:relative}.pill-select{color:#475569;cursor:pointer;background:#ffffffe6;border:1px solid #0f172a0f;border-radius:999px;padding:8px 12px;font-size:11px}.icon-toggle{background:#f4f5f7;border:1px solid #eef0f4;border-radius:16px;align-items:center;gap:2px;padding:3px;display:inline-flex}.icon-toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:0;border-radius:12px;width:40px;height:40px;font-size:15px}.icon-toggle-btn.active{color:#111827;background:#fff;box-shadow:0 6px 14px #0f172a14}.model-pill{color:#4b5563;background:#f4f5f7;border-color:#f4f5f7;align-items:center;gap:6px;display:inline-flex}.model-dot{opacity:.9;background:#111827;border-radius:50%;width:8px;height:8px}.caret{color:#94a3b8}.merged-select{white-space:nowrap;align-items:center;gap:4px;padding-right:10px;display:inline-flex}.merged-dot{color:#94a3b8}.merged-rect{opacity:.85;border:2px solid;border-radius:2px;display:inline-block}.merged-rect-auto{border-style:dashed;width:8px;height:8px}.merged-rect-1-1{width:8px;height:8px}.merged-rect-2-3{width:7px;height:10px}.merged-rect-3-2{width:10px;height:7px}.merged-rect-3-4{width:7px;height:10px}.merged-rect-4-3{width:10px;height:7px}.merged-rect-4-5{width:7px;height:10px}.merged-rect-5-4{width:10px;height:7px}.merged-rect-9-16{width:6px;height:11px}.merged-rect-16-9{width:11px;height:6px}.merged-rect-21-9{width:13px;height:5px}.merged-rect-1-4{width:5px;height:13px}.merged-rect-4-1{width:13px;height:5px}.merged-rect-1-8{width:5px;height:15px}.merged-rect-8-1{width:15px;height:5px}.merged-ratio{color:#334155}.merged-caret{color:#94a3b8}.dropdown-menu{z-index:20;background:#fffffffa;border:1px solid #0f172a0f;border-radius:16px;min-width:220px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 18px 40px #0f172a1f}.resolution-menu{border-radius:22px;min-width:362px;padding:18px}.resolution-row{box-sizing:border-box;background:#f3f4f6;border-radius:24px;align-items:center;gap:0;width:100%;padding:4px;display:flex}.resolution-pill{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:20px;flex:1 1 0;min-width:0;padding:9px 0;font-size:17px;transition:color .16s,background .16s,box-shadow .16s,transform .16s}.resolution-pill.active{color:#111827;background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a1a}.duration-mini{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.duration-mini span{color:#9ca3af;white-space:nowrap;font-size:12px}.duration-slider{appearance:none;background:linear-gradient(90deg,#7c3aed 0%,#22c55e 100%);border-radius:999px;outline:none;flex:1;height:8px}.duration-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#7c3aed 0%,#22c55e 100%);border-radius:999px;height:8px}.duration-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #7c3aed;border-radius:50%;width:18px;height:18px;margin-top:-5px;box-shadow:0 0 0 5px #7c3aed24}.duration-slider::-moz-range-track{background:linear-gradient(90deg,#7c3aed 0%,#22c55e 100%);border-radius:999px;height:8px}.duration-slider::-moz-range-thumb{background:#fff;border:3px solid #7c3aed;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 5px #7c3aed24}.controls-right{align-items:center;gap:10px;display:flex}.hint{color:#64748b;font-size:12px}.generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#22c55e);border:0;border-radius:50%;width:24px;height:24px}.bottom-status{color:#d4d4d8;font-size:11px;position:absolute;bottom:8px;right:16px}@media (width<=720px){.left-rail{display:none}.main-stage{padding-left:0}.top-right-pill{top:8px;right:8px}.hero-center{top:16%}.mode-switch{top:47%}.bottom-card{bottom:12px}.composer-bottom{align-items:stretch}.controls-right{justify-content:flex-end;width:100%}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#f7f7f5}button,input{font:inherit}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.18s cubic-bezier(.16,1,.3,1) popover-fade-in}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background-image:linear-gradient(90deg,#e4e4e78c 0%,#f4f4f5f2 45%,#e4e4e78c 90%);background-size:200% 100%;animation:1.35s ease-in-out infinite skeleton-shimmer}.dark .skeleton-shimmer{background-image:linear-gradient(90deg,#27272ae6 0%,#3f3f46f2 45%,#27272ae6 90%)}