.headline,.label,.large-label,.small-label,.subheader,h1,h2{font-family:Inconsolata,monospace}.text,p{font-family:Open Sans,sans-serif}body{margin:0}body *{box-sizing:border-box}main{min-height:100vh;padding:60px 20px 28px}@media screen and (max-width:600px){main{padding-bottom:52px}}.theme-light main{color:#222}.theme-dark main{color:#fff}main{margin:0 auto;max-width:840px}ol,ul{clear:both;list-style:none;margin:0;padding:0}ol.u-list-of-links>li,ul.u-list-of-links>li{margin-bottom:16px}.theme-light a,.theme-light a:visited{color:#207fff}.theme-dark a,.theme-dark a:visited{color:#61bfff}.theme-light a:hover,.theme-light a:visited:hover{color:#005ad3}.theme-dark a:hover,.theme-dark a:visited:hover{color:#aedeff}h1{font-size:42px;line-height:56px}h2{font-size:24px;line-height:32px;padding-top:28px}p{font-size:16px;line-height:24px}.subheader{font-style:oblique;padding-bottom:8px}.headline,.subheader{font-size:24px;line-height:32px}.small-label{font-size:12px;font-weight:700;line-height:16px}.label{font-size:16px;font-weight:700;line-height:21px}.large-label{font-size:24px;font-weight:700;line-height:32px}.text{font-size:16px;line-height:24px}.u-textAlignCentered{text-align:center}.theme-light .page-wrapper{background-color:#fff}.theme-dark .page-wrapper{background-color:#222}.page-wrapper .content{padding-bottom:40px}#site-footer .about-links,#site-footer .cook-mode-toggle,#site-footer .theme-switcher{font-family:Open Sans,sans-serif}.theme-light #site-footer{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-dark #site-footer{background-color:#222;border-color:#dcdcdc;color:#fff}#site-footer{align-items:center;border-top-style:solid;border-top-width:1px;bottom:0;display:flex;height:28px;justify-content:space-between;left:0;padding:2px 20px 0;position:fixed;right:0;z-index:1000}#site-footer .about-links{align-items:center;display:flex;font-size:12px;gap:6px;line-height:18px}#site-footer .footer-separator{align-items:center;display:inline-flex}#site-footer .footer-controls{align-items:center;display:flex;gap:16px}#site-footer .cook-mode-toggle,#site-footer .theme-switcher{align-items:center;display:flex;font-size:12px;line-height:18px}#site-footer .cook-mode-toggle input,#site-footer .theme-switcher input{margin:0 4px 0 0}#site-footer .cook-mode-toggle>label,#site-footer .theme-switcher>label{align-items:center;display:inline-flex;margin-left:8px}@media screen and (max-width:600px){#site-footer{align-items:flex-start;flex-direction:column;height:52px;justify-content:flex-start;padding-bottom:4px;padding-left:20px;padding-top:4px;text-align:left}#site-footer .footer-controls{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:flex-start;width:100%}}.theme-light #site-header{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-dark #site-header{background-color:#222;border-color:#dcdcdc;color:#fff}#site-header{border-bottom-style:solid;border-bottom-width:1px;height:40px;padding:4px 20px;position:fixed;width:100%;z-index:1000}#site-header>*{display:inline-block;vertical-align:middle}#site-header .logo{height:40px;margin-top:-3px}#site-header .logo>img{height:100%}#site-header .links{float:right;margin-top:4px}#site-header .links>*{display:inline-block;margin-left:20px;vertical-align:middle}.baseButton,a.baseButton{font-family:Inconsolata,monospace}.buttonContainer{margin:20px 0;text-align:center}.buttonContainer>.baseButton:not(:last-child){margin-right:20px}.baseButton,a.baseButton{-webkit-appearance:none;appearance:none;border-radius:4px;border-style:solid;border-width:1px;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;line-height:21px;min-width:80px;padding:7px 15px;text-align:center;text-decoration:none;text-transform:none;transition:.15s ease}.theme-light .baseButton-primary,.theme-light a.baseButton-primary{background-color:#207fff;border-color:#207fff;color:#fff}.theme-light .baseButton-primary:active,.theme-light .baseButton-primary:hover,.theme-light a.baseButton-primary:active,.theme-light a.baseButton-primary:hover{background-color:#005ad3}.theme-light .baseButton-primary:visited,.theme-light .baseButton-primary:visited:hover,.theme-light a.baseButton-primary:visited,.theme-light a.baseButton-primary:visited:hover{color:#fff}.theme-dark .baseButton-primary,.theme-dark a.baseButton-primary{background-color:#d3f3ff;border-color:#d3f3ff;color:#222}.theme-dark .baseButton-primary:active,.theme-dark .baseButton-primary:hover,.theme-dark a.baseButton-primary:active,.theme-dark a.baseButton-primary:hover{background-color:#fff}.theme-dark .baseButton-primary:visited,.theme-dark .baseButton-primary:visited:hover,.theme-dark a.baseButton-primary:visited,.theme-dark a.baseButton-primary:visited:hover{color:#222}.theme-light .baseButton-secondary,.theme-light a.baseButton-secondary{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-light .baseButton-secondary:active,.theme-light .baseButton-secondary:hover,.theme-light a.baseButton-secondary:active,.theme-light a.baseButton-secondary:hover{background-color:#fafafa;border-color:#207fff}.theme-light .baseButton-secondary:visited,.theme-light .baseButton-secondary:visited:hover,.theme-light a.baseButton-secondary:visited,.theme-light a.baseButton-secondary:visited:hover{color:#222}.theme-dark .baseButton-secondary,.theme-dark a.baseButton-secondary{background-color:#222;border-color:#dcdcdc;color:#fff}.theme-dark .baseButton-secondary:active,.theme-dark .baseButton-secondary:hover,.theme-dark a.baseButton-secondary:active,.theme-dark a.baseButton-secondary:hover{background-color:#484848;border-color:#d3f3ff}.theme-dark .baseButton-secondary:visited,.theme-dark .baseButton-secondary:visited:hover,.theme-dark a.baseButton-secondary:visited,.theme-dark a.baseButton-secondary:visited:hover{color:#fff}.categoryFilter{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.categoryFilterBadge{border:0;cursor:pointer;font:inherit;line-height:1.35;position:relative;transition:box-shadow .15s ease,filter .15s ease,transform .15s ease}.categoryFilterBadge:hover{filter:brightness(1.08);transform:translateY(-1px)}.categoryFilterBadge:active{transform:translateY(0)}.categoryFilterBadge:focus-visible{outline:2px solid currentColor;outline-offset:2px}.categoryFilterBadge.is-active{box-shadow:0 0 0 2px #fff,0 0 0 4px #00000073,0 10px 22px #00000047;filter:saturate(1.3);transform:translateY(-2px)}.categoryFilterBadge.is-active:before{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 4px #00000059;color:#222;content:"✓";display:flex;font-size:.85em;font-weight:700;height:16px;justify-content:center;left:-6px;line-height:1;position:absolute;top:-7px;width:16px}.emptyContentState{margin-top:20px;max-width:640px;text-align:center}.emptyContentState img{aspect-ratio:4/3;border-radius:8px;display:block;width:100%}.tileContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,calc(25% - 15px))}.tileContainer-withImage{grid-template-areas:"imageTile imageTile contentTiles contentTiles contentTiles";grid-template-columns:calc(20% - 16px) calc(20% - 16px) calc(20% - 16px) calc(20% - 16px) calc(20% - 16px);grid-template-rows:auto}@media(max-width:840px){.tileContainer-withImage{grid-template-areas:"contentTiles contentTiles contentTiles contentTiles contentTiles"}}.tileContainer-withImage .tileContainer{grid-template-columns:repeat(auto-fill,calc(50% - 10px))}@media(max-width:600px){.tileContainer-withImage .tileContainer{grid-template-columns:repeat(auto-fill,100%)}}.tileContainer-withImage .tileContainer--image{grid-area:imageTile;min-width:0}@media(max-width:840px){.tileContainer-withImage .tileContainer--image{display:none}}.tileContainer-withImage .tileContainer--content{grid-area:contentTiles;min-width:0}.tileContainer-withImage-horizontal{grid-template-areas:"imageTile imageTile imageTile imageTile imageTile" "contentTiles contentTiles contentTiles contentTiles contentTiles"}.theme-light .baseTile{border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px #2223;color:#222}.theme-light .baseTile:active,.theme-light .baseTile:hover{background-color:#fafafa;border-color:#207fff;box-shadow:inset 0 0 1px 1px #61bfff33;color:#222}.theme-light .baseTile:visited,.theme-light .baseTile:visited:hover{color:#222}.theme-dark .baseTile{border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px #fff3;color:#fff}.theme-dark .baseTile:active,.theme-dark .baseTile:hover{background-color:#484848;border-color:#d3f3ff;box-shadow:inset 0 0 1px 1px #61bfff33;color:#fff}.theme-dark .baseTile:visited,.theme-dark .baseTile:visited:hover{color:#fff}.baseTile{border-radius:8px;border-style:solid;border-width:1px;cursor:pointer;display:block;padding:20px;position:relative;text-align:center;text-decoration:none;transition:.15s ease}.theme-light .baseTile-ad{border-color:#639;box-shadow:inset 0 0 8px 1px #6393}.theme-light .baseTile-ad:active,.theme-light .baseTile-ad:hover{background-color:#fafafa;border-color:#639;box-shadow:inset 0 0 1px 1px #6393}.theme-dark .baseTile-ad{border-color:#639;box-shadow:inset 0 0 8px 1px #6393}.theme-dark .baseTile-ad:active,.theme-dark .baseTile-ad:hover{background-color:#484848;border-color:#639;box-shadow:inset 0 0 1px 1px #6393}.baseTile-ad img{border-radius:8px;width:100%}.theme-dark .baseTile-fullImage,.theme-dark .baseTile-fullImage:active,.theme-dark .baseTile-fullImage:hover,.theme-light .baseTile-fullImage,.theme-light .baseTile-fullImage:active,.theme-light .baseTile-fullImage:hover{box-shadow:none}.baseTile-fullImage{border-width:0;padding:0}.baseTile-fullImage img{border-radius:8px;width:100%}.postPreview{border-left-style:solid;border-left-width:2px;padding-left:20px;text-align:left}.postPreview.cool_thing{border-left-color:blue}.postPreview.how_to{border-left-color:green}.postPreview.other{border-left-color:gray}.postPreview.the_art{border-left-color:plum}.postPreview.the_job{border-left-color:#6a5acd}.postPreview>.teaser>*{display:inline-block;vertical-align:middle}.postPreview>.teaser>:first-child{margin-right:12px}.postPreview>.teaser>.label{border-radius:8px;color:#fff;padding:2px 8px}.postPreview>.teaser>.cool_thing{background-color:blue}.postPreview>.teaser>.how_to{background-color:green}.postPreview>.teaser>.other{background-color:gray}.postPreview>.teaser>.the_art{background-color:plum}.postPreview>.teaser>.the_job{background-color:#6a5acd}.usefulToolPreview{border-left-style:solid;border-left-width:2px;padding-left:20px;text-align:left}.usefulToolPreview.css_snippet{border-left-color:#1e90ff}.usefulToolPreview.debugging_note{border-left-color:#ff8c00}.usefulToolPreview.reference{border-left-color:#6a5acd}.usefulToolPreview.tool{border-left-color:#008b8b}.usefulToolPreview.utility_method{border-left-color:#2e8b57}.usefulToolPreview>.teaser>*{display:inline-block;vertical-align:middle}.usefulToolPreview>.teaser>:first-child{margin-right:12px}.usefulToolCategoryLabel{border-radius:8px;color:#fff;padding:2px 8px}.usefulToolCategoryLabel.css_snippet{background-color:#1e90ff}.usefulToolCategoryLabel.debugging_note{background-color:#ff8c00}.usefulToolCategoryLabel.reference{background-color:#6a5acd}.usefulToolCategoryLabel.tool{background-color:#008b8b}.usefulToolCategoryLabel.utility_method{background-color:#2e8b57}.posts-screen .postCategoryLabel{border-radius:8px;color:#fff;padding:2px 8px}.posts-screen .postCategoryLabel.cool_thing{background-color:blue}.posts-screen .postCategoryLabel.how_to{background-color:green}.posts-screen .postCategoryLabel.other{background-color:gray}.posts-screen .postCategoryLabel.the_art{background-color:plum}.posts-screen .postCategoryLabel.the_job{background-color:#6a5acd}.posts-screen .posts{margin-top:80px}.posts-screen .posts>*{margin-top:20px}.code-link-text{background-color:#000c;border-radius:4px;bottom:40px;color:#f0f8ff;font-family:Inconsolata,monospace;font-size:24px;font-weight:700;left:20px;line-height:32px;padding:20px 12px;position:absolute;transition:.15s ease;width:calc(100% - 40px)}.baseTile:hover .code-link-text{background-color:#207fffcc}.cooking-link-text{background-color:#000c;border-radius:4px;bottom:40px;color:#f0f8ff;font-family:Inconsolata,monospace;font-size:24px;font-weight:700;line-height:32px;padding:20px 12px;position:absolute;transition:.15s ease}.baseTile:hover .cooking-link-text{background-color:#207fffcc}.splash>p{font-family:Open Sans,sans-serif}.splash{text-align:center}.splash>p{font-size:24px;line-height:36px}.home-screen .tile-group{margin:80px 0}.useful-tools-and-code-screen .useful-tools-and-code{margin-top:80px}.useful-tools-and-code-screen .useful-tools-and-code>*{margin-top:20px}.prompt{font-family:Courier New,Courier,monospace;font-size:12px;line-height:18px}.theme-light .prompt{background-color:#fafafa;border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px #22222214;color:#222}.theme-dark .prompt{background-color:#484848;border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px #ffffff14;color:#fff}.prompt{border:1px solid;border-left:4px solid;border-radius:8px;box-sizing:border-box;margin:24px 0;max-width:100%;overflow-wrap:anywhere;padding:16px 20px;white-space:pre-wrap;width:100%}.hello-issues-flow{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr;margin:32px 0}.theme-light .hello-issues-flow-step{background-color:#fafafa;border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px #2222221a;color:#222}.theme-dark .hello-issues-flow-step{background-color:#484848;border-color:#dcdcdc;box-shadow:inset 0 0 8px 1px #ffffff1a;color:#fff}.hello-issues-flow-step{border:1px solid;border-radius:8px;padding:16px}.hello-issues-flow-step h3{margin:12px 0 8px}.hello-issues-flow-step p{margin:0}.hello-issues-flow-step .label{background-color:green;border-radius:999px;color:#fff;display:inline-block;min-width:28px;padding:4px 8px;text-align:center}.theme-light .hello-issues-flow-arrow{color:#207fff}.theme-dark .hello-issues-flow-arrow{color:#d3f3ff}.hello-issues-flow-arrow{align-items:center;display:flex;font-size:24px;font-weight:700;justify-content:center}.post-screen .post-wrapper ul{font-family:Open Sans,sans-serif}.post-screen .categoryLabel{border-radius:8px;color:#fff;margin-top:20px;padding:2px 8px}.post-screen .categoryLabel.cool_thing{background-color:blue}.post-screen .categoryLabel.how_to{background-color:green}.post-screen .categoryLabel.other{background-color:gray}.post-screen .categoryLabel.the_art{background-color:plum}.post-screen .categoryLabel.the_job{background-color:#6a5acd}.post-screen .post-wrapper{margin-top:40px}.post-screen .post-wrapper ul{font-size:16px;line-height:24px;list-style:disc;margin:16px 0 24px 24px;padding-left:20px}.post-screen .post-wrapper ul>li{margin-top:8px}.post-screen .post-wrapper>:first-child{float:left;margin-right:40px;max-width:200px}.vibe-thread{display:flex;flex-direction:column;gap:16px;margin:32px 0}.vibe-message{max-width:78%}.vibe-message--ryan{align-self:flex-start}.vibe-message--codex{align-self:flex-end}.vibe-message-author{font-size:.85em;font-weight:700;margin-bottom:4px}.vibe-message-body{border-radius:8px;box-shadow:0 2px 12px #0000002e;padding:12px 16px}.vibe-message--ryan .vibe-message-body{background-color:#d3f3ff;color:#222}.vibe-message--codex .vibe-message-body{background-color:#222;color:#fff}.vibe-handshake{font-size:2rem;text-align:center}.buttonWithSelect-optionTitle,.buttonWithSelect-primary,.buttonWithSelect-selectedBadge,.buttonWithSelect-toggle,.buttonWithSelectCopy h2,.buttonWithSelectNoteCard h2{font-family:Inconsolata,monospace}.buttonWithSelect-optionDescription,.buttonWithSelectCopy p,.buttonWithSelectNoteCard p,.buttonWithSelectStatus{font-family:Open Sans,sans-serif}.buttonWithSelectSurface{grid-gap:20px;display:grid;gap:20px}.theme-light .buttonWithSelectNoteCard,.theme-light .buttonWithSelectShowcase{background-color:#fff;border-color:#dcdcdceb;box-shadow:0 12px 24px #0f172a0f,0 2px 6px #0f172a0a;color:#222}.theme-dark .buttonWithSelectNoteCard,.theme-dark .buttonWithSelectShowcase{background-color:#222;border-color:#dcdcdceb;box-shadow:0 12px 24px #0f172a0f,0 2px 6px #0f172a0a;color:#fff}.buttonWithSelectNoteCard,.buttonWithSelectShowcase{border:1px solid;border-radius:20px}.buttonWithSelectShowcase{grid-gap:18px;display:grid;gap:18px;padding:24px}.buttonWithSelectCopy h2{font-size:24px;font-weight:700;line-height:32px;margin:0 0 10px;padding-top:0}.buttonWithSelectCopy p{font-size:16px;line-height:24px;margin:0}.theme-light .buttonWithSelectDemoPanel{background:linear-gradient(135deg,#207fff1a,#0000),#fff;border-color:#dcdcdceb}.theme-dark .buttonWithSelectDemoPanel{background:linear-gradient(135deg,#d3f3ff1a,#0000),#222;border-color:#dcdcdceb}.buttonWithSelectDemoPanel{grid-gap:16px;border:1px solid;border-radius:18px;display:grid;gap:16px;padding:20px;place-items:center}.buttonWithSelectStatus{font-size:12px;line-height:18px}.theme-light .buttonWithSelectStatus{color:#222222bd}.theme-dark .buttonWithSelectStatus{color:#ffffffbd}.buttonWithSelectStatus{margin:0;text-align:center}.buttonWithSelectNotes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.buttonWithSelectNoteCard{padding:20px}.buttonWithSelectNoteCard h2{font-size:24px;font-weight:700;line-height:32px;margin:0 0 10px;padding-top:0}.buttonWithSelectNoteCard p{font-size:16px;line-height:24px;margin:0}.buttonWithSelect{display:inline-flex;position:relative}.buttonWithSelect-control{border-radius:14px;display:inline-flex;overflow:hidden}.buttonWithSelect-primary,.buttonWithSelect-toggle{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;font-size:16px;font-weight:700;line-height:21px;min-height:48px;transition:background-color .15s ease,transform .15s ease}.theme-light .buttonWithSelect-primary{background-color:#207fff;color:#fff}.theme-dark .buttonWithSelect-primary{background-color:#d3f3ff;color:#222}.buttonWithSelect-primary{min-width:210px;padding:0 18px}.theme-light .buttonWithSelect-toggle{background-color:#207fffeb;border-left-color:#fff3;color:#fff}.theme-dark .buttonWithSelect-toggle{background-color:#d3f3ffeb;border-left-color:#2223;color:#222}.buttonWithSelect-toggle{align-items:center;border-left:1px solid;display:inline-flex;justify-content:center;padding:0 14px}.theme-light .buttonWithSelect-primary:focus-visible,.theme-light .buttonWithSelect-primary:hover,.theme-light .buttonWithSelect-toggle:focus-visible,.theme-light .buttonWithSelect-toggle:hover{background-color:#005ad3}.theme-dark .buttonWithSelect-primary:focus-visible,.theme-dark .buttonWithSelect-primary:hover,.theme-dark .buttonWithSelect-toggle:focus-visible,.theme-dark .buttonWithSelect-toggle:hover{background-color:#fff}.buttonWithSelect-primary:focus-visible,.buttonWithSelect-primary:hover,.buttonWithSelect-toggle:focus-visible,.buttonWithSelect-toggle:hover{outline:0}.theme-light .buttonWithSelect-menu{background-color:#fff}.theme-dark .buttonWithSelect-menu,.theme-light .buttonWithSelect-menu{border-color:#dcdcdcf0;box-shadow:0 18px 32px #0f172a1f,0 6px 14px #0f172a14}.theme-dark .buttonWithSelect-menu{background-color:#222}.buttonWithSelect-menu{grid-gap:8px;border:1px solid;border-radius:16px;display:grid;gap:8px;min-width:min(320px,100vw - 32px);padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:2}.theme-light .buttonWithSelect-option{background-color:#fff;color:#222}.theme-dark .buttonWithSelect-option{background-color:#222;color:#fff}.buttonWithSelect-option{grid-gap:8px;border:0;border-radius:12px;cursor:pointer;display:grid;gap:8px;padding:14px;text-align:left;width:100%}.theme-light .buttonWithSelect-option:focus-visible,.theme-light .buttonWithSelect-option:hover{background-color:#fafafa}.theme-dark .buttonWithSelect-option:focus-visible,.theme-dark .buttonWithSelect-option:hover{background-color:#484848}.buttonWithSelect-option:focus-visible,.buttonWithSelect-option:hover{outline:0}.theme-light .buttonWithSelect-option[aria-checked=true]{background-color:#207fff1a}.theme-dark .buttonWithSelect-option[aria-checked=true]{background-color:#d3f3ff1a}.buttonWithSelect-optionTitleRow{align-items:center;display:flex;gap:10px;justify-content:space-between}.buttonWithSelect-optionTitle{font-size:16px;font-weight:700;line-height:21px}.buttonWithSelect-optionDescription{font-size:12px;line-height:18px}.theme-light .buttonWithSelect-optionDescription{color:#222222b8}.theme-dark .buttonWithSelect-optionDescription{color:#ffffffb8}.buttonWithSelect-selectedBadge{color:#3371ea;font-size:12px;font-weight:700;line-height:16px;white-space:nowrap}.buttonWithSelect-chevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;display:block;height:18px;width:18px}@media(max-width:720px){.buttonWithSelectNotes{grid-template-columns:1fr}}@media(max-width:640px){.buttonWithSelectNoteCard,.buttonWithSelectShowcase{padding:18px}.buttonWithSelectDemoPanel{min-height:0}.buttonWithSelect,.buttonWithSelect-control{display:flex;width:100%}.buttonWithSelect-primary{min-width:0}.buttonWithSelect-primary,.buttonWithSelect-toggle{justify-content:center}.buttonWithSelect-menu{left:0;min-width:0;right:0}}.colorConverter-outputBadge,.colorConverter-outputValue,.colorConverterField span,.colorConverterSectionHeading h2,.useful-tool-screen>h1{font-family:Inconsolata,monospace}.colorConverterField input,.colorConverterHexInput,.colorConverterHint,.colorConverterStatus,.useful-tool-screen>.subheader{font-family:Open Sans,sans-serif}.useful-tool-screen>.label.usefulToolCategoryLabel{display:none}.useful-tool-screen>h1{font-size:42px;line-height:56px;margin-bottom:8px;text-align:center}.useful-tool-screen>.subheader{font-size:16px;line-height:24px;margin:0 auto 28px;max-width:620px;text-align:center}.theme-light .colorConverterPreviewPanel,.theme-light .colorConverterWorkspace{background-color:#fff;border-color:#dcdcdce6;box-shadow:0 12px 24px #0f172a0f,0 2px 6px #0f172a0a}.theme-dark .colorConverterPreviewPanel,.theme-dark .colorConverterWorkspace{background-color:#222;border-color:#dcdcdce6;box-shadow:0 12px 24px #0f172a0f,0 2px 6px #0f172a0a}.colorConverterPreviewPanel,.colorConverterWorkspace{border:1px solid;border-radius:20px;padding:20px}.theme-dark .colorConverterWorkspace,.theme-light .colorConverterWorkspace{background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#dcdcdce6 calc(50% - .5px),#dcdcdce6 calc(50% + .5px),#0000 calc(50% + .5px))}.colorConverterWorkspace{grid-gap:20px;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.colorConverterEditor{min-width:0}.colorConverterSectionHeading{align-items:center;display:flex;gap:10px;margin-bottom:18px}.colorConverterSectionHeading h2{font-size:24px;font-weight:700;line-height:32px;margin:0}.colorConverterChannelGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.colorConverterField{grid-gap:8px;display:grid;gap:8px}.colorConverterField span{font-size:16px;font-weight:700;line-height:21px}.colorConverterField input{font-size:16px;line-height:24px}.theme-light .colorConverterField input{background-color:#fff;border-color:#dcdcdcf2;box-shadow:inset 0 1px 2px #0f172a0d;color:#222}.theme-dark .colorConverterField input{background-color:#222;border-color:#dcdcdcf2;box-shadow:inset 0 1px 2px #0f172a0d;color:#fff}.colorConverterField input{border:1px solid;border-radius:12px;min-width:0;padding:14px 16px}.colorConverterHint,.colorConverterStatus{font-size:12px;line-height:18px}.theme-light .colorConverterHint,.theme-light .colorConverterStatus{color:#222222b3}.theme-dark .colorConverterHint,.theme-dark .colorConverterStatus{color:#ffffffb3}.colorConverterHint,.colorConverterStatus{margin:18px 0 0}.theme-light .colorConverterInputWithButton{background-color:#fff;border-color:#dcdcdcf2;box-shadow:inset 0 1px 2px #0f172a0d}.theme-dark .colorConverterInputWithButton{background-color:#222;border-color:#dcdcdcf2;box-shadow:inset 0 1px 2px #0f172a0d}.colorConverterInputWithButton{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:8px;padding-right:8px}.colorConverterHexInput{font-size:16px;line-height:24px}.theme-light .colorConverterHexInput{background-color:#0000;color:#222}.theme-dark .colorConverterHexInput{background-color:#0000;color:#fff}.colorConverterHexInput{border:0;flex:1 1;min-width:0;padding:14px 16px}.colorConverterPreviewPanel{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);margin-top:18px}.colorConverterPreviewSwatch{border-radius:16px;box-shadow:inset 0 1px 0 #ffffff59;min-height:132px}.colorConverterOutputs{grid-gap:14px;align-content:center;display:grid;gap:14px}.theme-light .colorConverter-outputRow{background-color:#fff}.theme-dark .colorConverter-outputRow,.theme-light .colorConverter-outputRow{border-color:#dcdcdcf2;box-shadow:0 8px 16px #0f172a0a,inset 0 1px 0 #ffffff73}.theme-dark .colorConverter-outputRow{background-color:#222}.colorConverter-outputRow{align-items:center;border:1px solid;border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.colorConverter-outputContent{align-items:center;display:flex;gap:18px;min-width:0}.colorConverter-outputBadge{background-color:#5e9dff1f;border-radius:8px;color:#3371ea;font-size:12px;font-weight:700;line-height:16px;padding:8px 10px}.colorConverter-outputValue{font-size:24px;font-weight:700;line-height:32px}.theme-light .colorConverter-outputValue{color:#222}.theme-dark .colorConverter-outputValue{color:#fff}.colorConverter-outputValue{min-width:0}.theme-light .colorConverter-iconButton{color:#2222228f}.theme-dark .colorConverter-iconButton{color:#ffffff8f}.colorConverter-iconButton{align-items:center;background:#0000;border:0;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.colorConverter-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;height:20px;width:20px}@media(max-width:900px){.colorConverterPreviewPanel,.colorConverterWorkspace{grid-template-columns:1fr}.theme-dark .colorConverterWorkspace,.theme-light .colorConverterWorkspace{background-image:linear-gradient(180deg,#0000 calc(50% - .5px),#dcdcdce6 calc(50% - .5px),#dcdcdce6 calc(50% + .5px),#0000 calc(50% + .5px))}}@media(max-width:640px){.colorConverterPreviewPanel,.colorConverterSurface,.colorConverterWorkspace{padding:16px}.colorConverterChannelGrid{grid-template-columns:1fr}.colorConverter-outputContent{align-items:flex-start;flex-direction:column;gap:10px}.colorConverter-outputValue{font-size:16px;font-weight:700;line-height:21px}}.foodFilters-input{font-family:Open Sans,sans-serif}.foodFilters{margin:24px 0 32px}.foodFilters-controls{display:flex;gap:12px}.foodFilters-input{font-size:16px;line-height:24px}.theme-light .foodFilters-input{background-color:#fff;border-color:#dcdcdc;color:#222}.theme-dark .foodFilters-input{background-color:#222;border-color:#dcdcdc;color:#fff}.foodFilters-input{border-radius:4px;border-style:solid;border-width:1px;flex:1 1;min-width:0;padding:10px 12px}.foodFilters-clearButton{flex-shrink:0}.foodFilters-helpText{margin:12px 0 16px}.foodFilters-quickActions{display:flex;flex-wrap:wrap;gap:12px}.theme-light .foodFilters-tagButton.baseButton-secondary.foodFilters-tagButton-active{background-color:#207fff;border-color:#207fff;color:#fff}.theme-dark .foodFilters-tagButton.baseButton-secondary.foodFilters-tagButton-active{background-color:#d3f3ff;border-color:#d3f3ff;color:#222}.foodFilters-emptyState{margin-top:24px}.ingredients .list{font-family:Open Sans,sans-serif;font-size:16px;line-height:24px;padding-top:16px}.ingredients .list .ingredient{padding-bottom:16px}.ingredients .list .ingredient>*{display:inline-block;vertical-align:top}.ingredients .list .ingredient>:first-child{padding-right:12px;text-align:right;width:40px}.ingredients .list .ingredient>:last-child{width:calc(100% - 40px)}.preparation .list{font-family:Open Sans,sans-serif;font-size:16px;line-height:24px}.preparation .list .step{padding-bottom:16px}.theme-light .recipe-screen>.content{color:#222}.theme-dark .recipe-screen>.content{color:#fff}.recipe-screen>.content{margin-bottom:40px}.recipe-screen>.content>*{display:inline-block;vertical-align:top}.theme-dark .recipe-screen>.content>*>.section-header,.theme-light .recipe-screen>.content>*>.section-header{border-color:#61bfff}.recipe-screen>.content>*>.section-header{border-bottom-style:solid;border-bottom-width:4px;margin-bottom:32px}.recipe-screen>.content>.ingrdients-wrapper{margin-right:40px;width:30%}@media(max-width:600px){.recipe-screen>.content>.ingrdients-wrapper{margin-right:0;width:100%}}.recipe-screen>.content>.preparation-wrapper{width:calc(70% - 40px)}@media(max-width:600px){.recipe-screen>.content>.preparation-wrapper{margin-top:80px;width:100%}}
/*# sourceMappingURL=main.de2efddc.css.map*/