:root{color:#e0e0e0;background-color:#070b10;color-scheme:dark;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;margin:0;background-color:#070b10}html,body{min-height:100vh;min-height:100dvh;background:radial-gradient(120% 100% at 78% 8%,#b464644d,#070a0e00 46%),radial-gradient(95% 80% at 12% 88%,#2b7d8f47,#060a1000 52%),linear-gradient(180deg,#0b111b,#070b10);background-color:#070b10}body{position:relative;isolation:isolate}body:before{content:"";position:fixed;top:-40vh;right:0;bottom:-40vh;left:0;pointer-events:none;z-index:1;background:radial-gradient(120% 100% at 78% 8%,#070a0e1a,#070a0e00 46%),radial-gradient(95% 80% at 12% 88%,#060a103d,#060a1000 52%),linear-gradient(180deg,#05070a14,#05070a38)}html{overflow-x:hidden;overflow-y:auto}body{overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;position:relative;z-index:2}@media(max-width:980px){#root{overflow-x:hidden}}.page{--card-tilt: 28deg;--card-shift: 0%;--card-travel-y: 0px;--card-exit-shift: 0%;--card-exit-rotate: 0deg;--card-exit-blur: 0px;--card-exit-opacity: 1;--phone-section-offset: clamp(1.5rem, 4vh, 3rem);--coming-soon-offset: clamp(14rem, 35vh, 24rem);position:relative;min-height:100vh;isolation:isolate;animation:pageFadeIn 1.2s cubic-bezier(.22,1,.36,1) both}.gradient-controls{position:fixed;top:1rem;left:1rem;z-index:6;width:min(240px,calc(100vw - 2rem));padding:.7rem;border-radius:12px;background:#080c12b8;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000059}.gradient-controls-body{display:block;max-height:min(78vh,900px);overflow-y:auto;padding-right:.1rem}.gradient-controls-row{display:flex;gap:.5rem;margin-bottom:.7rem}.color-chip{width:2rem;height:2rem;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.22);cursor:pointer}.color-chip input[type=color]{width:100%;height:100%;border:none;padding:0;background:transparent;cursor:pointer}.color-chip input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-chip input[type=color]::-webkit-color-swatch{border:none}.grain-slider{display:grid;gap:.26rem;margin-bottom:.5rem}.grain-slider:last-child{margin-bottom:0}.grain-slider span{color:#f4f7ffe6;font-size:.72rem;font-weight:600;line-height:1;letter-spacing:.02em}.grain-slider-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.grain-slider-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.7rem;color:#e8f0fff5}.grain-slider input[type=range]{width:100%}.interactive-gradient-bg{position:fixed;inset:0;z-index:-2;pointer-events:none}.interactive-gradient-bg canvas{width:100%;height:100%;display:block}.page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 100% at 78% 8%,#070a0e1a,#070a0e00 46%),radial-gradient(95% 80% at 12% 88%,#060a103d,#060a1000 52%),linear-gradient(180deg,#05070a14,#05070a38)}.top-bar{position:absolute;top:clamp(1rem,3vh,2rem);left:clamp(1.25rem,7vw,8rem);right:clamp(1.25rem,7vw,8rem);display:flex;align-items:center;justify-content:center;gap:1.25rem;z-index:2;opacity:0;transform:translateY(-18px);animation:riseIn 1s cubic-bezier(.22,1,.36,1) .18s forwards}.top-link{color:#f5f8ffe6;text-decoration:none;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.96rem;font-weight:500;line-height:1;letter-spacing:.01em;text-shadow:0 6px 20px rgba(0,0,0,.35);transition:opacity .16s ease}.top-link:hover{opacity:.72}.hero-stage{min-height:clamp(30rem,74svh,48rem);display:flex;align-items:center;justify-content:center;padding-top:clamp(5rem,14vh,8rem);padding-bottom:clamp(2rem,6vh,4rem);padding-inline:clamp(1.25rem,7vw,8rem)}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1.15rem;text-align:center;transform:translateY(-60px)}.logo{width:min(190px,36vw);height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.42));display:block;opacity:0;transform:translateY(28px) scale(.96);animation:riseIn 1.1s cubic-bezier(.22,1,.36,1) .32s forwards}.brand{margin:0;color:#f5f5f5;font-size:clamp(1.8rem,4.8vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:.02em;text-shadow:0 8px 26px rgba(0,0,0,.44);opacity:0;transform:translateY(20px);animation:riseIn 1.04s cubic-bezier(.22,1,.36,1) .5s forwards}.hero-subtitle{margin:0;color:#f0f6ffd1;font-size:clamp(.9rem,1.45vw,1.08rem);font-weight:500;letter-spacing:.012em;text-shadow:0 8px 24px rgba(0,0,0,.42);opacity:0;transform:translateY(18px);animation:riseIn 1.04s cubic-bezier(.22,1,.36,1) .58s forwards}.button-row{margin-top:.6rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center}.hero-byline{margin:.65rem 0 0;color:#e8f0ffcc;font-size:.84rem;font-weight:500;letter-spacing:.01em;text-align:center;opacity:0;animation:riseIn 1.04s cubic-bezier(.22,1,.36,1) .78s forwards}.download-btn{position:relative;border:0;border-radius:10px;background:#ffffffe6;color:#04132d;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:15.5rem;padding:.75rem 1.2rem;font-size:1rem;font-weight:600;line-height:1;box-shadow:0 12px 28px #0000003d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;opacity:0;transform:translateY(22px);animation:riseIn 1.04s cubic-bezier(.22,1,.36,1) .68s forwards}.download-btn:after{content:"coming soon";position:absolute;left:50%;bottom:calc(100% + .5rem);transform:translate(-50%,8px);padding:.32rem .55rem;border-radius:7px;background:#081226f2;color:#f8fbfffa;font-size:.76rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.download-btn.show-tooltip:after{opacity:1;transform:translate(-50%)}.download-btn:hover{transform:translateY(-1px);background:#fff;box-shadow:0 14px 36px #0000004d}.download-btn svg{width:1.15rem;height:1.15rem}.preview-stage{position:relative;display:flex;justify-content:center;padding-inline:clamp(1.25rem,7vw,8rem);padding-top:clamp(.75rem,3vh,2rem);padding-bottom:clamp(3rem,8vh,5.5rem);perspective:1800px;perspective-origin:center top}.scroll-runway{height:clamp(19rem,52vh,31rem)}.coming-soon-block{margin-top:var(--coming-soon-offset);margin-inline:auto;width:min(900px,calc(100% - 2rem));min-height:clamp(11rem,23vh,16rem);padding-top:30px;display:flex;flex-direction:column;justify-content:center}.coming-soon-note{margin:0;padding:0;text-align:center;font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:700;line-height:1.1;letter-spacing:.01em;color:#f1f6fff5;text-shadow:0 10px 30px rgba(0,0,0,.52)}.coming-soon-subnote{margin:.85rem 0 0;text-align:center;font-size:clamp(.8rem,1.2vw,1rem);font-weight:500;letter-spacing:.02em;color:#f1f6ffb8}.feature-rail{position:absolute;left:clamp(1.25rem,7vw,8rem);top:clamp(4rem,12vh,10rem);width:min(460px,calc(100% - clamp(2.5rem,14vw,16rem)));z-index:1;opacity:0;transform:translateY(42px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.feature-kicker{margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#cfe2ffeb}.feature-title{margin:0;font-size:clamp(1.6rem,3vw,2.35rem);line-height:1.1;color:#f8fbff;text-wrap:balance}.feature-copy{margin:.9rem 0 1.5rem;color:#e8f0ffd1;line-height:1.5;max-width:34ch}.feature-list{display:grid;gap:.75rem}.feature-item{padding:.9rem 1rem;border-radius:12px;position:relative;overflow:hidden;border:0;background:#585d6224;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 10px 26px #00000038;opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay, 0ms);will-change:opacity,transform}.feature-item:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(135deg,#ffffff24,#ffffff03 40%,#fff0);opacity:.28}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.feature-item{background:#585d627a;box-shadow:0 10px 24px #00000047}.feature-item:before{inset:-45px;background-image:linear-gradient(#585d6261,#585d6261);filter:blur(32px) saturate(140%);opacity:.6}}.feature-item>*{position:relative;z-index:1}.page[data-feature-visible=true] .preview-stage .feature-item,.page[data-feature-visible=true] .preview-stage .feature-rail{opacity:1;transform:translateY(0)}.feature-item h3{margin:0;font-size:1rem;color:#f7faff}.feature-item p{margin:.35rem 0 0;font-size:.92rem;line-height:1.4;color:#e5eeffcc}.preview-card{position:relative;z-index:2;width:min(1120px,calc(100% + 4rem));border-radius:0;overflow:visible;border:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:var(--card-exit-opacity);transform-origin:left center;transform:translate(calc(var(--card-shift) + var(--card-exit-shift))) translateY(var(--card-travel-y)) rotateX(var(--card-tilt)) rotateY(var(--card-exit-rotate)) scale(1);filter:blur(var(--card-exit-blur));will-change:transform;animation:cardLiftIn 1.2s cubic-bezier(.22,1,.36,1) .76s both}.preview-image{width:calc(100% + 12px);max-width:none;height:auto;margin:-6px;display:block}@keyframes cardLiftIn{0%{opacity:0;transform:translate(calc(var(--card-shift) + var(--card-exit-shift))) translateY(calc(var(--card-travel-y) + 52px)) rotateX(var(--card-tilt)) rotateY(var(--card-exit-rotate)) scale(.95);filter:blur(calc(var(--card-exit-blur) + 6px))}to{opacity:var(--card-exit-opacity);transform:translate(calc(var(--card-shift) + var(--card-exit-shift))) translateY(var(--card-travel-y)) rotateX(var(--card-tilt)) rotateY(var(--card-exit-rotate)) scale(1);filter:blur(var(--card-exit-blur))}}.mobile-dev-showcase{margin-top:var(--phone-section-offset);margin-inline:auto;width:min(1040px,calc(100% - 2.5rem));display:grid;grid-template-columns:minmax(220px,280px) minmax(290px,1fr);gap:1.25rem 1.8rem;align-items:center;justify-content:center;z-index:2;padding-bottom:30px;opacity:0;transform:translateY(36px);animation:mobileShowcaseIn 1s cubic-bezier(.22,1,.36,1) 1.02s both}.phone-mockup-card{width:min(290px,68vw);aspect-ratio:9 / 19.5;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:#2c323a;box-shadow:0 34px 80px #00000057,0 16px 38px #0003;justify-self:start;opacity:0;filter:blur(14px);transform:translate(-16px,76px);transition:opacity 1.45s cubic-bezier(.22,1,.36,1),transform 1.45s cubic-bezier(.22,1,.36,1),filter 1.45s cubic-bezier(.22,1,.36,1)}.mobile-dev-showcase.phone-in-view .phone-mockup-card{opacity:1;filter:blur(0);transform:translate(-16px)}.mobile-dev-content{position:static;margin-left:clamp(1.5rem,4vw,4.5rem);opacity:0;transform:translateY(42px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.mobile-dev-showcase.phone-in-view .mobile-dev-content,.mobile-dev-showcase.phone-in-view .mobile-dev-content .feature-item{opacity:1;transform:translateY(0)}@keyframes mobileShowcaseIn{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(24px) scale(.99);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.page,.top-bar,.logo,.brand,.hero-subtitle,.hero-byline,.download-btn,.preview-card,.feature-rail,.feature-item,.mobile-dev-showcase,.phone-mockup-card,.mobile-dev-content{animation:none;transition:none;opacity:1;transform:none;filter:none}}@media(max-width:980px){.gradient-controls{top:.75rem;left:.75rem;width:min(210px,calc(100vw - 1.5rem));padding:.56rem}.gradient-controls-row{gap:.42rem;margin-bottom:.55rem}.color-chip{width:1.75rem;height:1.75rem}.grain-slider{gap:.2rem;margin-bottom:.44rem}.grain-slider span{font-size:.67rem}.grain-slider-value{font-size:.65rem}.page{--phone-section-offset: clamp(2rem, 6vh, 3.5rem);--coming-soon-offset: clamp(8rem, 19vh, 11rem);overflow-x:clip}.top-bar{position:relative;top:auto;left:auto;right:auto;width:min(680px,calc(100% - 2rem));margin:0 auto;padding-top:clamp(1rem,4vh,1.75rem);flex-wrap:wrap;gap:.6rem 1rem}.top-link{font-size:.9rem}.hero-stage{min-height:clamp(24rem,68svh,36rem);padding-top:clamp(2.25rem,8vh,4.25rem);padding-bottom:clamp(1.75rem,4.5vh,3rem)}.hero-content{transform:none}.button-row{width:min(28rem,100%)}.download-btn{flex:1 1 100%;width:100%;justify-content:center}.preview-stage{display:grid;grid-template-columns:1fr;gap:1.1rem;width:100%;padding-top:1.25rem;padding-inline:1rem;padding-bottom:5.5rem;perspective:1800px;perspective-origin:center top}.feature-rail{position:static;width:100%;margin:0;order:2;transform:translate(var(--feature-rail-x, -120%)) translateY(-24rem);opacity:var(--feature-rail-opacity, 0);will-change:transform,opacity}.preview-card{order:1;width:calc(100% + 8vw);max-width:none;margin-inline:0;border-radius:0;will-change:auto;opacity:var(--card-exit-opacity);transform:translate(calc(17vw + var(--card-shift) + var(--card-exit-shift))) translateY(var(--card-travel-y)) rotateX(var(--card-tilt)) rotateY(var(--card-exit-rotate)) scale(1);filter:blur(var(--card-exit-blur))}.preview-image{width:calc(100% + 12px);max-width:none;height:auto;margin:-6px;object-fit:contain;object-position:center top}.page[data-feature-visible=true] .preview-stage .feature-rail{opacity:1;transform:translate(var(--feature-rail-x, 0%)) translateY(-24rem);opacity:var(--feature-rail-opacity, 1)}.mobile-dev-showcase{display:block;width:min(720px,calc(100% - 2rem));margin-top:2.5rem}.phone-mockup-card{justify-self:center;transform:translateY(76px);margin:0 auto 1rem}.mobile-dev-showcase.phone-in-view .phone-mockup-card{transform:translateY(0)}.mobile-dev-content{text-align:center;margin-left:0}.coming-soon-block{width:min(720px,calc(100% - 2rem))}}@media(max-width:680px){.top-bar{justify-content:center;gap:.5rem .8rem}.top-link{font-size:.84rem;padding:.32rem .52rem;border-radius:999px;background:#07102173;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-stage{padding-inline:1rem}.logo{width:min(148px,50vw)}.brand{font-size:clamp(1.55rem,8.6vw,2rem)}.download-btn{font-size:.94rem;padding:.72rem .95rem}.feature-title{font-size:clamp(1.35rem,7.2vw,1.75rem)}.phone-mockup-card{width:min(320px,84vw)}.coming-soon-note{font-size:clamp(1.35rem,6.9vw,1.9rem)}.coming-soon-subnote{font-size:.84rem}.scroll-runway{height:clamp(10rem,24vh,14rem)}}@media(max-width:420px){.top-bar{gap:.45rem .62rem}.top-link{font-size:.8rem}.button-row{width:100%}.download-btn svg{width:1rem;height:1rem}}.preview-card{width:calc(100% + 28vw);transform:translate(calc(12vw + var(--card-shift) + var(--card-exit-shift))) translateY(var(--card-travel-y)) rotateX(var(--card-tilt)) rotateY(var(--card-exit-rotate)) scale(1)}.preview-image-ui{overflow:hidden;background:transparent}.preview-image-ui .noudle-ui-preview{width:100%;height:auto;aspect-ratio:16 / 10;margin:0;border:1px solid rgba(236,236,241,.14);border-radius:12px;box-shadow:none}.preview-image-ui .noudle-ui-preview--hero{font-size:clamp(13px,1.05vw,17px);height:auto}.noudle-ui-preview{border-radius:14px;overflow:hidden;border:1px solid rgba(236,236,241,.14);background:#1f1f22;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}.noudle-ui-preview--hero{aspect-ratio:1220 / 820}.noudle-ui-zoom-wrap{--mock-zoom: 1.3;width:calc(100% / var(--mock-zoom));height:calc(100% / var(--mock-zoom));margin-inline:0;display:grid;grid-template-columns:24% minmax(0,46%) 30%;transform:scale(var(--mock-zoom));transform-origin:left top}.noudle-ui-leftbar{position:relative;background:#2d2d32f5;border-right:1px solid rgba(236,236,241,.1);padding:44px 12px 14px;display:flex;flex-direction:column;gap:5px}.noudle-ui-projects-head{display:flex;align-items:center;justify-content:flex-start;color:#d6deeb;font-size:12px;font-weight:600;margin-bottom:8px;padding:0 4px}.noudle-ui-sidebar-corner-icon{position:absolute;top:10px;right:10px;width:16px;height:16px;color:#8f8f98;display:inline-flex;align-items:center;justify-content:center}.noudle-ui-sidebar-corner-icon svg{width:14px;height:14px}.noudle-ui-soon-list{display:grid;gap:6px;margin-bottom:8px}.noudle-ui-soon-btn{border:1px solid rgba(236,236,241,.14);background:#ececf10a;color:#e8edf8;border-radius:8px;padding:7px 8px;font-size:12px;line-height:1;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.noudle-ui-soon-btn small{color:#9fa7b8;font-size:10px;line-height:1;display:inline}.noudle-ui-workspace{color:#f1f3f7;font-size:14px;font-weight:500;padding:6px;display:flex;align-items:center;gap:8px}.noudle-ui-workspace-icon{width:16px;height:16px;color:#d6e8f7;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.noudle-ui-workspace-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0}.noudle-ui-workspace-icon .folder-icon-closed{opacity:0}.noudle-ui-workspace-icon .folder-icon-open{opacity:1}.noudle-ui-thread{display:flex;align-items:center;gap:6px;background:transparent;color:#b5bdca;padding:7px 8px;border-radius:8px;font-size:14px}.noudle-ui-thread.active,.noudle-ui-thread:hover{background:#ececf114;color:#fff}.noudle-ui-thread-status{margin-left:auto;flex:0 0 auto}.noudle-ui-thread-status.done{width:14px;height:14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#7ee1b0;background:#7ee1b024;font-size:9px;font-weight:700}.noudle-ui-thread-status.running{width:6px;height:6px;border-radius:999px;background:#78d9aa}.noudle-ui-settings{margin-top:auto;color:#d5dbe6;font-size:12px;padding:8px 6px;display:inline-flex;align-items:center;gap:7px}.noudle-ui-settings-icon,.noudle-ui-settings-icon svg{width:18px;height:18px}.noudle-ui-settings-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.noudle-ui-center{position:relative;display:flex;flex-direction:column;background:#1f1f22}.noudle-ui-session-header{position:absolute;top:12px;left:14px;right:14px;height:28px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.noudle-ui-session-name{margin-right:auto;color:#aeb4c0;font-size:clamp(14px,1.8vw,24px);line-height:1;white-space:nowrap;min-width:0;flex:1 1 auto}.noudle-ui-diff-pill,.noudle-ui-commit{border:1px solid rgba(236,236,241,.16);border-radius:999px;background:#ececf10a;display:inline-flex;align-items:center}.noudle-ui-diff-pill{height:28px;gap:8px;padding:0 10px}.noudle-ui-diff-pill em{font-style:normal;font-size:11.5px;font-weight:600}.noudle-ui-diff-pill em:first-child{color:#63cf90}.noudle-ui-diff-pill em:last-child{color:#ff8686}.noudle-ui-commit{height:30px;min-width:78px;color:#d7dde7;font-size:12.5px;justify-content:center;gap:5px;padding:0 11px}.noudle-ui-commit svg,.noudle-ui-icon-btn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.noudle-ui-commit svg{width:14px;height:14px}.noudle-ui-icon-btn{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#d5dae4}.noudle-ui-icon-btn svg{width:17px;height:17px}.noudle-ui-chat-log{margin-top:64px;margin-bottom:8px;padding:20px 18px 0;display:flex;flex-direction:column;gap:11px;align-items:flex-start;flex:1 1 auto;min-height:0;overflow:hidden}.noudle-ui-message{max-width:min(86%,560px);padding:8px 14px;border-radius:16px;border:1px solid rgba(236,236,241,.14);font-size:15px;line-height:1.42}.noudle-ui-message.user{align-self:flex-end;background:#d3d3d3;color:#374151;border:none}.noudle-ui-message.assistant{align-self:flex-start;background:#121217e0;color:#fff}.noudle-ui-tool{color:#949ba9;font-size:15px}.noudle-ui-tool.working{color:transparent}.noudle-ui-tool-shimmer{background-image:repeating-linear-gradient(110deg,#949ba975 0px 72px,#f8fcfffa 94px,#949ba975 122px 220px);background-size:220px 100%;background-position:-220px 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:noudleUiToolShine 1.6s linear infinite}.noudle-ui-diff-mini{max-width:min(92%,520px);width:100%}.noudle-ui-diff-mini-card,.noudle-ui-diff-card{border:1px solid rgba(236,236,241,.14);border-radius:10px;background:#ececf108;padding:8px}.noudle-ui-diff-mini-header,.noudle-ui-diff-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 1px 6px}.noudle-ui-diff-mini-file,.noudle-ui-diff-card-file{color:#ececf1eb;font-size:12px;font-weight:560}.noudle-ui-diff-mini-stats,.noudle-ui-diff-card-stats{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.noudle-ui-diff-mini-stats em,.noudle-ui-diff-card-stats em{font-style:normal;font-size:11.5px;font-weight:600}.noudle-ui-diff-mini-stats em:first-child,.noudle-ui-diff-card-stats em:first-child{color:#63cf90}.noudle-ui-diff-mini-stats em:last-child,.noudle-ui-diff-card-stats em:last-child{color:#ff8686}.noudle-ui-diff-mini-toggle,.noudle-ui-diff-card-toggle{width:19px;height:19px;color:#ececf1bd;display:inline-flex;align-items:center;justify-content:center}.noudle-ui-diff-mini-toggle svg,.noudle-ui-diff-card-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(180deg)}.noudle-ui-diff-card.expanded .noudle-ui-diff-card-toggle svg{transform:rotate(0)}.noudle-ui-tool-diff-pre{font-family:Menlo,Monaco,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.32;border-radius:8px;border:1px solid rgba(236,236,241,.08);background:#00000038;padding:6px 0;overflow:hidden}.noudle-ui-tool-diff-line{padding:0 10px 0 0;color:#ececf1cc;display:grid;grid-template-columns:44px minmax(0,1fr)}.noudle-ui-tool-diff-line .no{color:#ececf16b;text-align:right;padding-right:10px}.noudle-ui-tool-diff-line.meta{color:#97bdffd6;background:#3d6dba2e}.noudle-ui-tool-diff-line.hunk{color:#accdffeb;background:#567ebf33}.noudle-ui-tool-diff-line.add{color:#8be3ac;background:#2773483d}.noudle-ui-tool-diff-line.remove{color:#ff9b9b;background:#872e2e3d}.noudle-ui-composer{margin:auto 14px 14px;background:#242427;border-radius:12px;padding:11px 13px}.noudle-ui-input{min-height:24px;color:#ececf161;font-size:14px}.noudle-ui-composer-bottom{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.noudle-ui-select{color:#a9a9b2;font-size:13px}.noudle-ui-send{margin-left:auto;background:#fff;color:#1f1f24;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.noudle-ui-diff-panel{border-left:1px solid rgba(236,236,241,.1);background:#2d2d32f5;padding:12px;display:grid;align-content:start;gap:10px}.noudle-ui-diff-head{display:flex;align-items:center;justify-content:space-between;color:#f4f6fcf2;font-size:16px;padding-bottom:6px;border-bottom:1px solid rgba(236,236,241,.1)}@keyframes noudleUiToolShine{0%{background-position:-220px 0}to{background-position:0 0}}@media(max-width:1400px){.preview-image-ui .noudle-ui-preview--hero{font-size:clamp(11px,.9vw,14px)}.noudle-ui-zoom-wrap{--mock-zoom: 1.12}.noudle-ui-leftbar{padding:34px 9px 10px;gap:3px}.noudle-ui-projects-head,.noudle-ui-soon-btn,.noudle-ui-settings{font-size:10px}.noudle-ui-soon-btn{padding:6px 7px}.noudle-ui-soon-btn small{font-size:8px}.noudle-ui-workspace,.noudle-ui-thread{font-size:12px}.noudle-ui-sidebar-corner-icon{width:12px;height:12px;top:8px;right:8px}.noudle-ui-sidebar-corner-icon svg{width:11px;height:11px}.noudle-ui-workspace-icon,.noudle-ui-workspace-icon svg{width:13px;height:13px}.noudle-ui-settings-icon,.noudle-ui-settings-icon svg{width:14px;height:14px}.noudle-ui-session-header{top:8px;left:10px;right:10px;height:24px;gap:5px}.noudle-ui-session-name{font-size:clamp(12px,1.2vw,16px)}.noudle-ui-diff-pill{height:22px;padding:0 7px;gap:5px}.noudle-ui-diff-pill em{font-size:10px}.noudle-ui-commit{height:24px;min-width:62px;font-size:10px;padding:0 8px}.noudle-ui-commit svg{width:11px;height:11px}.noudle-ui-icon-btn{width:24px;height:24px}.noudle-ui-icon-btn svg{width:13px;height:13px}.noudle-ui-chat-log{margin-top:50px;padding:14px 12px 0;gap:8px}.noudle-ui-message,.noudle-ui-tool{font-size:12px}.noudle-ui-composer{margin:auto 10px 10px;padding:8px 10px}.noudle-ui-input{font-size:11.5px}.noudle-ui-select{font-size:10.5px}.noudle-ui-send{width:26px;height:26px}.noudle-ui-diff-head{font-size:13px}.noudle-ui-diff-mini-file,.noudle-ui-diff-card-file,.noudle-ui-tool-diff-pre{font-size:10px}}@media(max-width:980px){.noudle-ui-preview{height:clamp(380px,56vh,520px)}.noudle-ui-zoom-wrap{--mock-zoom: 1.24;grid-template-columns:26% minmax(0,74%)}.noudle-ui-diff-panel{display:none}.noudle-ui-session-name{font-size:clamp(13px,2.2vw,16px)}}@media(max-width:680px){.noudle-ui-preview{height:auto}.noudle-ui-zoom-wrap{--mock-zoom: 1;width:100%;height:auto;grid-template-columns:1fr;transform:none}.noudle-ui-leftbar{display:grid;border-right:0;border-bottom:1px solid rgba(236,236,241,.1);padding-top:12px;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);overflow-x:auto}.noudle-ui-soon-list{margin-bottom:0}.noudle-ui-settings{margin-top:0}.noudle-ui-session-header{position:static;padding:10px 12px 0;height:auto;flex-wrap:wrap}.noudle-ui-session-name{width:100%;margin-bottom:4px;font-size:clamp(12px,4.2vw,14px)}.noudle-ui-chat-log{margin-top:0;padding-top:12px}}