@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_d89fb377-module__B_rulq__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_d89fb377-module__B_rulq__variable{--font-dm-sans:"DM Sans","DM Sans Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ba8e772932784a28-s.7bb0ada4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:300;font-display:swap;src:url(../media/7546fe8f902b88b8-s.p.5f7c9333.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.4b5f6188.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.d8302362.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.e316a4a9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.f2813c2a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_d911da9a-module__ksbUaa__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_d911da9a-module__ksbUaa__variable{--font-dm-mono:"DM Mono","DM Mono Fallback"}
@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/0d4f81138b703b58-s.1c58d563.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/3a11180d498b75c0-s.p.cb76a30f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Host Grotesk Fallback;src:local(Arial);ascent-override:96.69%;descent-override:30.01%;line-gap-override:0.0%;size-adjust:104.98%}.host_grotesk_f4022ff2-module__7jgr9W__className{font-family:Host Grotesk,Host Grotesk Fallback;font-style:normal}.host_grotesk_f4022ff2-module__7jgr9W__variable{--font-host-grotesk:"Host Grotesk","Host Grotesk Fallback"}
:root{--color-background:#000;--color-foreground:rgba(255,255,255,.9);--color-cta:hsl(from var(--color-foreground)h s l/.9);--color-paper:hsl(from var(--color-background)h s calc(l + 16)/.5);--color-paper-focused:hsl(from var(--color-background)h s calc(l + 8)/.85);--color-drop-shadow:hsl(from var(--color-background)h s 0%/.25);--color-highlight:hsl(from var(--color-foreground)h s l/.1);--color-border:hsl(from var(--color-foreground)h s l/.05);--color-border-focused:hsl(from var(--color-foreground)h s l/.11);--color-foreground-tertiary:hsl(from var(--color-foreground)h s l/.25);--color-foreground-secondary:hsl(from var(--color-foreground)h s l/.45);--color-cta-muted:hsl(from var(--color-cta)h s l/.1);--color-cta-contrast:hsl(from var(--color-background)h s l/1);--color-cta-success:#1ae680;--color-cta-error:#ed5e8e;--font-size-base:clamp(14px,.4vw + 9px,16px);--font-primary:var(--font-host-grotesk);--font-mono:var(--font-dm-mono);--border-radius-sm:.5rem;--border-radius-md:1.25rem;--border-radius-lg:1.75rem;--border-radius-full:9999px;--spacing-xs:.2rem;--spacing-sm:.4rem;--spacing-md:1rem;--spacing-lg:1.75rem;--spacing-xl:2.5rem;--border-width:.08rem;--blur-radius-sm:.5rem;--blur-radius-md:1.5rem;--blur-radius-lg:3rem;--input-padding:calc(var(--spacing-md)*.75)calc(var(--spacing-md)*.85);--input-height-md:2.5rem;--input-content:1.25rem;--transition-to-first-step-complete:.5s ease-in-out 2s;--transition-default:.2s ease-in-out;interpolate-size:allow-keywords}html{scroll-behavior:smooth;overflow-anchor:none;position:relative}body{font-size:var(--font-size-base);color:var(--color-foreground);background:var(--color-background)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit}body{font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;font-weight:450}h1,h2,h3,h4,h5,h6,p{text-wrap:balance;margin:0;padding:0}h1{letter-spacing:-.02em;text-align:center;font-size:5rem;font-weight:800;line-height:1}h2{font-size:2rem;font-weight:600;line-height:1.1}h3{font-size:1.5rem;font-weight:600;line-height:1.2}h4{font-size:1.25rem;font-weight:700;line-height:1.3}h5{font-size:1rem;font-weight:700;line-height:1.3}h6{letter-spacing:.03em;text-transform:uppercase;font-size:1rem;font-weight:700;line-height:1.3}p{font-size:1rem;font-weight:500;line-height:1.5}a{color:inherit;text-underline-offset:.2rem;font-weight:600;text-decoration:underline;text-decoration-thickness:.05em}label{font-weight:600}input,textarea,button,select{font:inherit}button{text-transform:capitalize;font-weight:600}code{font-family:var(--font-mono);font-size:.8rem;font-weight:400;line-height:1.2}input,textarea,button,select{color:inherit;background-color:var(--color-paper);accent-color:var(--color-foreground)}:is(input,textarea,button,select)::placeholder{color:var(--color-foreground-tertiary)}button{color:var(--color-cta);background-color:var(--color-cta-muted)}button[type=submit]{background-color:var(--color-cta);color:var(--color-cta-contrast)}button.primary{background-color:var(--color-cta);color:var(--color-cta-contrast)}button.current{background-color:var(--color-cta);color:var(--color-cta-contrast)}button.tertiary{color:var(--color-foreground);margin-inline:calc(var(--spacing-md)*-1);background-color:transparent}code{color:var(--color-foreground-secondary)}pre{background-color:var(--color-paper)}input,textarea,button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-md);padding:var(--input-padding);box-shadow:none;border:none;outline:none;line-height:1.4}select{height:var(--input-height-md);padding-top:0;padding-bottom:0}input,textarea,select{border:var(--border-width)solid var(--color-border)}:is(input,textarea,select):focus{border-color:var(--color-border-focused);background-color:var(--color-paper-focused)}:is(input,textarea,select):focus::placeholder{color:var(--color-foreground-tertiary)}input,button,select{height:var(--input-height-md);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:row;display:flex}button{cursor:pointer;padding-inline:var(--spacing-md);-webkit-user-select:none;-moz-user-select:none;user-select:none}button .label{padding-inline:var(--spacing-xs);justify-content:center;align-items:center;line-height:1.2;display:flex}button svg{width:1.3rem;height:1.3rem}button:active{transform:scale(.95)}button:active>*{opacity:.7}button[disabled]{opacity:.2;cursor:default;pointer-events:none}pre{white-space:no-wrap;border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;overflow-x:auto}hr{width:100%;height:calc(var(--border-width)*2);background-color:var(--color-highlight);border:none;margin:0;padding:0;display:block}.toggle-switch{flex-direction:row;justify-content:center;align-items:center;display:flex}.toggle-switch label{background-color:var(--color-cta-muted);border-radius:var(--border-radius-full);cursor:pointer;width:3rem;height:1.5rem;transition:background-color var(--transition-default);justify-content:flex-start;align-items:center;padding:.1rem;display:flex;position:relative}.toggle-switch label:after{content:"";border-radius:var(--border-radius-full);background-color:var(--color-foreground);width:60%;height:100%;transition:all var(--transition-default);transform-origin:0}.toggle-switch label:active:after{transform:translate(0%)scaleX(1.2)}.toggle-switch input{display:none!important}.toggle-switch input:checked+label{background-color:var(--color-cta-success)}.toggle-switch input:checked+label:after{transform-origin:100%;transform:translate(66%)}.toggle-switch input:checked+label:active:after{transform:translate(66%)scaleX(1.2)}.silk-bg{z-index:1;opacity:1;visibility:visible;position:fixed;top:0;bottom:0;left:0;right:0}.initialized .silk-bg{transition:all var(--transition-default);visibility:hidden;opacity:0}.first-step-complete .silk-bg{display:none}.tag{gap:var(--spacing-md);padding:var(--spacing-md)calc(var(--spacing-md)*1.25);border-radius:var(--border-radius-md);border:calc(var(--border-width)*2)solid var(--color-cta-muted);color:var(--color-foreground);text-transform:capitalize;flex-direction:row;justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;line-height:1;display:flex}.tag svg{width:1.3rem;height:1.3rem}.input-and-output{flex-direction:row;flex:1;justify-content:center;align-items:center;width:auto;height:100svh;display:flex;position:relative;overflow:hidden}.input-constraints{background-color:var(--color-paper);-webkit-backdrop-filter:blur(var(--blur-radius-lg));backdrop-filter:blur(var(--blur-radius-lg));box-shadow:0 1rem 3rem 0 var(--color-drop-shadow);border:var(--border-width)solid var(--color-border);border-radius:var(--border-radius-lg);margin-top:var(--spacing-sm);z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(var(--spacing-sm)*-1));transition:all var(--transition-default);flex-direction:column;padding:1rem 1.5rem;display:flex;position:absolute;top:100%}.input-constraints-open .input-constraints{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.input-constraints .constraints-body{gap:var(--spacing-sm);flex-direction:column;display:flex}.input-constraints .constraints-body .constraints-item{height:var(--input-height-md);flex-direction:row;align-items:center;display:flex;position:relative}.input-constraints .constraints-body .constraints-item>label{justify-content:flex-start;align-items:center;gap:calc(var(--spacing-md)*.8);cursor:pointer;width:10rem;height:var(--input-height-md);flex-direction:row;display:flex}.input-constraints .constraints-body .constraints-item>label svg{width:1.3rem;height:1.3rem}.input-constraints .constraints-body .constraints-item>svg{z-index:1;width:1.3rem;height:1.3rem;color:var(--color-foreground-secondary);margin:auto;position:absolute;top:0;bottom:0;right:3.7rem}.input-constraints .constraints-body .constraints-item>select{background-color:var(--color-cta-muted);text-align:right;z-index:2;cursor:pointer;background-color:transparent;border-color:transparent;width:10rem;padding-right:2.2rem;position:relative}.input-constraints .constraints-body .constraints-item>select:disabled{opacity:1;color:var(--color-foreground-tertiary);padding-right:.9rem}.input-form-container{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:26rem;display:flex;position:relative}.first-step-complete .input-form-container{transition:all var(--transition-to-first-step-complete)}.input-form-container .input-form-header{text-align:center;flex-direction:column;align-items:center;height:7rem;display:flex;overflow:hidden}.first-step-complete :is(.input-form-container .input-form-header){transition:all var(--transition-to-first-step-complete);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:0}.input-form-container .input-form-header .logo{width:max(8rem,min(40%,16rem));height:auto;fill:var(--color-foreground)}.input-form-container .input-form-header h1{font-size:2rem}.input-form-container .input-form-header p{color:var(--color-foreground-secondary);font-size:1.25rem}.input-form-container .input-form-body{--input-controls-padding:calc(var(--spacing-md)*.75);--input-controls-height:var(--input-height-md);flex:none;width:48rem;max-width:100%;height:10rem;display:flex;position:relative}.first-step-complete :is(.input-form-container .input-form-body){transition:all var(--transition-to-first-step-complete);height:100svh;padding:var(--spacing-xl);box-shadow:none;border-width:0;border-radius:0;font-size:1.5rem;font-style:italic}.input-form-container .input-form-body textarea{z-index:1;resize:none;width:100%;height:100%;padding-bottom:calc(var(--input-controls-height) + var(--input-controls-padding) + var(--input-controls-padding));border-radius:var(--border-radius-lg);padding:calc(var(--spacing-md)*1.1);-webkit-backdrop-filter:blur(var(--blur-radius-lg));backdrop-filter:blur(var(--blur-radius-lg));box-shadow:0 1rem 3rem 0 var(--color-drop-shadow);box-sizing:border-box;font-size:1.25rem;position:absolute;top:0;bottom:0;left:0;right:0}.first-step-complete :is(.input-form-container .input-form-body textarea){transition:all var(--transition-to-first-step-complete);height:100svh;padding:var(--spacing-xl);box-shadow:none;border-width:0;border-radius:0;font-size:1.5rem;font-style:italic}.input-form-container .input-form-body .input-controls{justify-content:space-between;gap:var(--input-controls-padding);bottom:var(--input-controls-padding);right:var(--input-controls-padding);left:var(--input-controls-padding);height:var(--input-controls-height);pointer-events:none;z-index:2;flex-direction:row;display:flex;position:absolute;overflow:hidden}.input-form-container .input-form-body .input-controls:after{content:"Initializing...";color:var(--color-foreground-secondary);background-color:var(--color-cta-muted);border-radius:var(--border-radius-md);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;font-style:italic;font-weight:500;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.initialized :is(.input-form-container .input-form-body .input-controls):after{transition:all var(--transition-default);opacity:1;visibility:visible}.first-step-complete :is(.input-form-container .input-form-body .input-controls):after{transition:all var(--transition-to-first-step-complete);visibility:hidden;opacity:0;pointer-events:none}.first-step-complete.initialized :is(.input-form-container .input-form-body .input-controls):after{transition:all var(--transition-to-first-step-complete);visibility:hidden;opacity:0;pointer-events:none}.initialized :is(.input-form-container .input-form-body .input-controls button.primary){transition:all var(--transition-default);opacity:0;visibility:hidden}.first-step-complete :is(.input-form-container .input-form-body .input-controls){transition:all var(--transition-to-first-step-complete);visibility:hidden;opacity:0;pointer-events:none}.input-form-container .input-form-body .input-controls .options{gap:calc(var(--input-controls-padding)*.9);flex-direction:row;display:flex}.initialized :is(.input-form-container .input-form-body .input-controls .options){transition:all var(--transition-default);opacity:0;pointer-events:none}.input-form-container .input-form-body .input-controls .options button:not([disabled]){pointer-events:auto}.input-form-container .input-form-body .input-controls button:not([disabled]){pointer-events:auto}.input-form-container .input-form-footer{height:7rem;transition:opacity var(--transition-default);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.input-constraints-open :is(.input-form-container .input-form-footer){opacity:0}.input-form-container .input-form-footer .footer-note{margin-top:var(--spacing-lg)}.input-form-container .input-form-footer .footer-note p{color:var(--color-foreground-tertiary);font-size:1rem}.first-step-complete :is(.input-form-container .input-form-footer){transition:all var(--transition-to-first-step-complete);visibility:hidden;opacity:0;pointer-events:none;height:0}.input-form-container .input-form-footer .prompt-examples-container{width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,var(--color-background)25%,var(--color-background)26%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,var(--color-background)25%,var(--color-background)26%,transparent 100%)}.input-form-container .input-form-footer .prompt-examples-container .prompt-examples{gap:var(--spacing-sm);flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;animation:30s linear infinite prompt-examples-scroll;display:flex}.input-form-container .input-form-footer .prompt-examples-container .prompt-examples p{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;height:2rem;color:var(--color-foreground-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1rem;font-style:italic;line-height:2rem;overflow:hidden}.input-form-container .input-form-footer .prompt-examples-container .prompt-examples p:before{content:"“"}.input-form-container .input-form-footer .prompt-examples-container .prompt-examples p:after{content:"”"}@keyframes prompt-examples-scroll{0%{transform:translateY(-50%)}to{transform:translateY(0%)}}.progress-indicators{z-index:15;padding:var(--spacing-xl);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;opacity:0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.first-step-complete .progress-indicators{transition:all var(--transition-to-first-step-complete);visibility:visible;opacity:1}.progress-indicators .progress-indicator{gap:var(--spacing-md);color:var(--color-foreground-secondary);height:3rem;transition:all var(--transition-default);flex-direction:row;justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.progress-indicators .progress-indicator svg{width:1.5rem;height:1.5rem;color:var(--color-foreground-tertiary)}.progress-indicators .progress-indicator h4{text-transform:capitalize;font-size:1.15rem;font-weight:500;line-height:1.2}.progress-indicators .progress-indicator.done{color:var(--color-cta-success)}.progress-indicators .progress-indicator.done svg{color:var(--color-cta-success)}.progress-indicators .progress-indicator.loading{color:var(--color-foreground)}.progress-indicators .progress-indicator.loading svg{color:var(--color-foreground);animation:1s linear infinite spin}.progress-indicators .progress-indicator.hidden{height:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-container{z-index:11;background-color:var(--color-background);place-content:flex-start;align-items:center;gap:var(--spacing-lg);visibility:hidden;opacity:0;pointer-events:none;flex-direction:column;flex:100;max-width:0;height:100svh;transition:flex .5s ease-in-out;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.first-step-complete .results-container{transition:all var(--transition-to-first-step-complete);visibility:visible;opacity:1;pointer-events:auto;max-width:100%}.results-container .results-content{padding:var(--spacing-xl);justify-content:flex-start;align-items:stretch;gap:var(--spacing-lg);flex-direction:column;flex:1;width:100%;display:flex}.visual-output{justify-content:flex-start;align-items:flex-start;gap:var(--spacing-xl);flex-direction:column;display:flex}.visual-output section{gap:var(--spacing-lg);flex-direction:column;display:flex}.visual-output section p{color:var(--color-foreground-secondary)}.visual-output section.section-intro h3{text-transform:capitalize}.visual-output section.section-intro p{font-size:1.15rem}.block{gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-paper);border-radius:var(--border-radius-md);border:var(--border-width)solid var(--color-border);flex-direction:column;display:flex;overflow:hidden}.block h6{color:var(--color-foreground-tertiary)}.chain-steps{gap:var(--spacing-lg);flex-direction:column;display:flex}.chain-steps section{gap:var(--spacing-sm);flex-direction:column;display:flex}.chain-steps section .output-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);flex-direction:row;padding:0;display:flex}.chain-steps section .output-header span{text-transform:capitalize;color:var(--color-foreground-tertiary);line-height:1}.chain-steps section .raw-output-container{gap:var(--spacing-sm);background-color:var(--color-paper);padding:var(--spacing-md);border-radius:var(--border-radius-md);flex-direction:column;display:grid}.chain-steps section .raw-output-container .raw-output{white-space:pre-wrap;overflow-x:auto;overflow-y:hidden}.chain-steps section .raw-output-container .raw-output code{text-wrap:nowrap}.loading-element{position:relative;overflow:hidden}.loading-element:before{content:"";background:linear-gradient(90deg,transparent,hsla(from var(--color-foreground)h s l/.1),transparent);z-index:1;width:100%;height:100%;animation:2s infinite loading-shimmer;position:absolute;top:0;left:-100%}.loading-element>*{opacity:.6;transition:opacity .3s}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.loading-spinner{align-items:center;gap:var(--spacing-sm);color:var(--color-foreground-secondary);font-style:italic;display:inline-flex}.loading-spinner svg{animation:1s linear infinite spin}.processing-step{position:relative}.processing-step:after{content:"";background-color:var(--color-cta);border-radius:50%;width:.5rem;height:.5rem;animation:1.5s ease-in-out infinite pulse;position:absolute;top:0;right:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}main{padding:var(--spacing-xl);gap:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.input-area{gap:var(--spacing-xl);width:46rem;max-width:90vw;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-xl);flex-direction:column;display:flex;position:relative}.input-area .submit-container{bottom:var(--spacing-md);right:var(--spacing-md);position:absolute}.preferences{z-index:2;flex-flow:wrap;font-size:1.75rem;display:flex;position:relative}.preferences .preference-text{justify-content:center;align-items:center;height:1.5em;margin-right:.32em;display:flex;position:relative}.preferences .preference-select{justify-content:center;align-items:center;height:1.5em;margin-right:.32em;display:flex;position:relative}.preferences .preference-select button{-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:-.03em;text-transform:none;text-underline-offset:.25rem;width:-moz-fit-content;width:fit-content;height:100%;text-decoration:underline;text-decoration-thickness:.1em;-webkit-text-decoration-color:var(--color-foreground-tertiary);text-decoration-color:var(--color-foreground-tertiary);background:0 0;border:none;border-radius:.6rem;padding:0;font-weight:800;transition:all .2s ease-in-out}.preferences .preference-select button:hover{-webkit-text-decoration-color:var(--color-foreground-secondary);text-decoration-color:var(--color-foreground-secondary)}.preferences .preference-select button:focus{text-underline-offset:.75rem;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}.preferences .preference-select .options{z-index:1;background-color:var(--color-paper-focused);-webkit-backdrop-filter:blur(var(--blur-radius-lg));backdrop-filter:blur(var(--blur-radius-lg));box-shadow:0 1rem 3rem 0 var(--color-drop-shadow);border:var(--border-width)solid var(--color-border);opacity:0;visibility:hidden;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin-top:.25rem;padding:.25rem;font-size:1rem;transition:all .2s ease-in-out;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(-.5rem)}.preferences .preference-select .options label{text-align:center;white-space:nowrap;width:100%;color:var(--color-foreground-secondary);cursor:pointer;border-radius:.75rem;flex-direction:row;flex:1;justify-content:center;align-items:center;padding:.6rem 1rem;display:flex}.preferences .preference-select .options label:hover{background-color:var(--color-paper);color:var(--color-foreground)}.preferences .preference-select .options label input{display:none}.preferences .preference-select .options label:has(input:checked){background-color:var(--color-highlight);color:var(--color-foreground)}.preferences .preference-select button:focus+.options{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.prompt-textarea{resize:none;width:100%;height:11rem;padding-bottom:calc(var(--input-height-md) + var(--spacing-md) + var(--spacing-md));border-radius:var(--border-radius-lg);padding:calc(var(--spacing-md)*1.3);font-size:1.25rem}.input-controls{justify-content:space-between;gap:var(--spacing-md);flex-direction:row;display:flex}.pretty-output{gap:var(--spacing-xl);flex-direction:column;display:flex}.pretty-output section{gap:var(--spacing-md);flex-direction:column;display:flex}.pretty-output section.intro{text-align:center;gap:var(--spacing-lg);max-width:56rem;margin-left:auto;margin-right:auto}.pretty-output section.intro h3{color:var(--color-foreground-secondary);text-transform:capitalize}.swatches{gap:var(--spacing-md);flex-flow:wrap;display:flex}.swatches .swatch{gap:var(--spacing-sm);flex-direction:column;width:14rem;display:flex}.swatches .swatch .image-container{aspect-ratio:1;border-radius:var(--border-radius-sm);background-color:var(--color-highlight);justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.swatches .swatch .loading-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:100%;color:var(--color-foreground-secondary);text-align:center;padding:var(--spacing-md);flex-direction:column;font-size:.9rem;display:flex}.swatches .swatch .error-placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:100%;color:var(--color-foreground-secondary);text-align:center;padding:var(--spacing-md);flex-direction:column;font-size:.9rem;display:flex}.swatches .swatch .placeholder{justify-content:center;align-items:center;gap:var(--spacing-sm);width:100%;height:100%;color:var(--color-foreground-secondary);text-align:center;padding:var(--spacing-md);flex-direction:column;font-size:.9rem;display:flex}.swatches .swatch .loading-placeholder{color:var(--color-foreground)}.swatches .swatch .error-placeholder{color:var(--color-cta-error)}.swatches .swatch .spinner{border:2px solid var(--color-foreground-tertiary);border-top:2px solid var(--color-foreground);border-radius:50%;width:1.5rem;height:1.5rem;animation:1s linear infinite spin}.swatches .swatch img{object-fit:contain;width:100%;height:100%}.swatches .swatch .color{border-radius:var(--border-radius-sm);width:100%;height:2rem;margin-block:var(--spacing-sm)}.swatches .swatch h5{color:var(--color-foreground);text-transform:capitalize}.swatches .swatch .id{color:var(--color-foreground-secondary)}.swatches .swatch .description{color:var(--color-foreground);font-size:.85rem}.product-group-select{gap:var(--spacing-md);background-color:var(--color-paper);padding:var(--spacing-xs);border-radius:calc(var(--border-radius-md) + var(--spacing-xs));flex-direction:row;display:flex}.product-group-select label{gap:var(--spacing-md);color:var(--color-foreground-secondary);cursor:pointer;height:var(--input-height-md);border-radius:var(--border-radius-md);text-transform:capitalize;background-color:transparent;flex-direction:row;flex:1;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;font-size:1rem;display:flex}.product-group-select label:hover{color:var(--color-foreground)}.product-group-select label:has(input:checked){background-color:var(--color-paper);color:var(--color-foreground)}.product-group-select label input{display:none}.json-output{width:100%;max-width:60rem;margin:0 auto;display:none}.home-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100svh;display:flex;overflow:hidden}.home-container p{opacity:.4;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.home-container svg{width:55%;max-width:20rem;height:auto}.home-container svg path{fill:var(--color-foreground)}