.color-name{margin-block-start:8px;margin-inline-start:8px}.color-value{margin-block-end:8px;margin-inline-start:8px}.tile-preview{background-color:#ffffff80;border:1px solid #ffffff80;border-radius:20px;box-shadow:1px 1px 4px 1px #0000001a}.locked-tile-preview{border:none}:root{--codify-blue:0,162,237;--codify-green:12,190,103;--codify-glass:165,212,214;--codify-gray:103,103,103;--codify-red:254,103,79;--codify-orange:241 154 62;--codify-white:255,255,255;--codify-black:0,0,0;--text-rgba:0,0,0,.9;--background-rgba:255,255,255,.5;--shadow-rgba:0,0,0,.1;--highlight-rgba:255,255,255,.3}.font-caption,.font-caption>*{font-optical-sizing:auto;border-radius:8px;font-family:Instrument Sans,sans-serif;font-size:.8rem;font-style:normal;font-weight:400}.font-body,.font-body>*{font-optical-sizing:auto;border-radius:8px;font-family:Instrument Sans,sans-serif;font-size:1rem;font-style:normal;font-weight:400}.font-subtitle,.font-subtitle>*{font-optical-sizing:auto;border-radius:8px;font-family:Instrument Sans,sans-serif;font-size:1rem;font-style:normal;font-weight:600}.font-entity-title,.font-entity-title>*{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:1.5rem;font-style:normal;font-weight:400}.font-source-code,.font-source-code>*{font-family:DM Mono,monospace;font-size:1rem;font-style:normal;font-weight:500}.font-palette-header,.font-palette-header>*{color:rgba(var(--codify-black),1);font-family:Instrument Sans,sans-serif;font-size:1.5rem;font-style:normal;font-weight:600}.font-page-header,.font-page-header>*{color:rgba(var(--text-rgba),1);text-align:center;font-family:DM Mono,monospace;font-size:48px;font-style:normal;font-weight:500}.font-slate-message,.font-slate-message>*{color:rgba(var(--text-rgba),1);font-family:Silkscreen,sans-serif;font-size:2rem;font-style:normal;font-weight:400}.vertical-loader{background:linear-gradient(0deg,rgba(var(--codify-glass),.5),rgba(var(--codify-glass),1)100%);animation:vertical-load 1s infinite linear;background-size:100% 300%}@keyframes vertical-load{0%{background-position:top}50%{background-position:bottom}to{background-position:top}}.thin-border{border:1px solid rgba(var(--codify-white),1)}.elevated-border{border-right:10px solid rgba(var(--codify-white),1);border-bottom:3px solid rgba(var(--codify-white),1);border-left:1px solid rgba(var(--codify-white),1);border-top:1px solid rgba(var(--codify-white),1)}.input{color:rgba(var(--codify-black),.8)}.palette-input{border:1px solid rgba(var(--codify-white),1);color:rgba(var(--codify-black),1);background:rgba(var(--codify-white),.8);border-radius:8px;align-self: flex-start;width:-moz-fit-content;width:fit-content;padding:8px}.palette-input:focus{background:rgba(var(--codify-white),1);border:2px solid rgba(var(--codify-blue),1);outline:none}.primary-button{color:rgba(var(--codify-white),1);background-color:rgba(var(--codify-blue),.9);backdrop-filter:blur(1px);cursor:pointer;display:flex;box-shadow:inset 0 2px 2px rgba(var(--highlight-rgba)),0 4px 10px rgba(var(--shadow-rgba));border:.5px solid #0000;justify-content:center;align-items: center;height:32px;margin-inline-start:8px;margin-inline-end:8px}.primary-button:hover:not(:disabled){background-color:rgba(var(--codify-blue),1);border:.5px solid rgba(var(--codify-white),1)}.primary-button:disabled{background-color:rgba(var(--codify-gray),.8);cursor:auto}.secondary-button{color:rgba(var(--codify-gray),.8);background-color:rgba(var(--codify-glass),.8);backdrop-filter:blur(1px);cursor:pointer;display:flex;box-shadow:inset 0 2px 2px rgba(var(--highlight-rgba)),0 4px 10px rgba(var(--shadow-rgba));border:.5px solid #0000;justify-content:center;align-items: center;height:32px;margin-inline-start:8px;margin-inline-end:8px;padding:0 8px}.secondary-button:hover:not(:disabled){background:rgba(var(--codify-glass),1);color:rgba(var(--codify-gray),.9);border:.5px solid rgba(var(--codify-white),1)}.secondary-button:disabled{color:rgba(var(--codify-white),.8);background-color:rgba(var(--codify-gray),.8);cursor:auto}.submit-button{box-shadow:inset 0 2px 2px rgba(var(--highlight-rgba)),0 4px 10px rgba(var(--shadow-rgba));background-color:rgba(var(--codify-blue),.9);cursor:pointer;border:none;border-radius:36px;width:36px;height:36px}.submit-button:hover:not(:disabled){background-color:rgba(var(--codify-blue),1);border:.5px solid rgba(var(--codify-white),1);cursor:pointer}.submit-button:disabled{background-color:rgba(var(--codify-gray),.8);cursor:auto}.icon-button{cursor:pointer}.scrollable{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--codify-blue),.8)rgba(var(--codify-white),.5)}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:rgba(var(--codify-blue),1);border-radius:8px}.scrollable::-webkit-scrollbar-thumb{background-color:rgba(var(--codify-blue),1);border-radius:8px}.hover-element-boundary .hover-element{visibility:hidden}.hover-element-boundary:hover .hover-element{visibility:visible}.toggle-switch{position:relative;border-radius:14px;width:64px;height:28px;transition:all .3s ease-in}.toggle-switch>input{display:none}.toggle-switch-switch{display:block;background:rgba(var(--codify-white),1);border-radius:12px;width:39px;height:24px;margin-inline-start:2px;margin-inline-end:2px}.loading-spinner{border:2px solid rgba(var(--codify-blue),1);border-top:2px solid rgba(var(--codify-blue),1);border-right:2px solid rgba(var(--codify-blue),1);animation:spin 1s linear infinite;border-radius:50%;width:12px;height:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.list-scroll{overflow-y:hidden;scrollbar-gutter:stable}.list-scroll:hover,.list-scroll:active,.list-scroll:focus{overflow-y:auto}.blurry{backdrop-filter:blur(5px);background-color:#ffffff80;width:100%;height:100%;margin:0}.clean-slate-loader{animation:l1 3s infinite linear}.live-preview-device-bezel{border-width:var(--live-preview-bezel-width);border-radius:var(--live-preview-bezel-border-radius);box-sizing:border-box;overflow:hidden;border-style:solid}.oobe-finished-message{background:linear-gradient(45deg,#c7efcf 0%,#dfeaaa 100%)}@keyframes l1{0%{background-position:top}to{background-position:bottom}}.preview-link{background-color:"#E0F2FC";align-items:"center";border-radius:12px;padding:4px}.preview-link:hover>*{text-decoration:underline;cursor:pointer}.loader{background:linear-gradient(90deg,var(--loader-background-a)33%,var(--loader-background-b)50%,var(--loader-background-a)66%)#f2f2f2;animation:l1 1s infinite linear;background-size:300% 100%}@keyframes l1{0%{background-position:right center}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}textarea:focus{outline:none;border:none;border-radius:1px 8px 8px}.prompt-input{background-color:#fff;border:none;border-radius:4px 8px 8px;box-shadow:0 4px 10px #0000001a}.default-text{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:14pt;font-style:normal;font-weight:400}.codi-text{font-optical-sizing:auto;color:#000000d0;background-color:#fff;border-radius:4px 20px 20px;padding-left:8px;font-family:Instrument Sans,sans-serif;font-size:14pt;font-style:normal;font-weight:400;box-shadow:0 4px 10px #0000001a}.codi-text p{margin:0 0 8px}.codi-text p:last-child{margin-bottom:0}.codi-text ul,.codi-text ol{margin:8px 0;padding-inline-start:20px}.codi-text li{margin-block-start:4px;margin-block-end:4px}.codi-text table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;margin:8px 0;font-size:.95em}.codi-text th,.codi-text td{vertical-align:top;white-space:normal;word-break:normal;overflow-wrap:anywhere;border-bottom:1px solid #174dac26;padding:4px 8px}.codi-text th{text-align:left;letter-spacing:.25px;color:#000000d0;font-weight:600}.codi-text tr:last-of-type td{border-bottom:none}.codi-text tbody td:first-child{font-weight:600}.color-chip{position:relative;display:inline-block;letter-spacing:.2px;color:inherit;vertical-align:baseline;margin-inline-start:2px;margin-inline-end:2px;padding-inline-start:16px;font-size:.95em;font-weight:600}.color-chip:before{content:"";position:absolute;background-color:var(--chip-color,#000);border:1px solid #00000040;border-radius:50%;width:10px;height:10px;top:50%;left:0;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff73}.user-message{font-optical-sizing:auto;color:#fff;background-color:#00a0ed;border-radius:16px 16px 4px;font-family:Instrument Sans,sans-serif;font-size:14pt;font-style:normal;font-weight:400}.blurry{backdrop-filter:blur(2px);background-color:#fff6}.navigation-panel{position:fixed;display:flex;z-index:1000;background-color:#f5f5f5;border-radius:20px;flex-direction:column;align-items: center;gap:24px;width:64px;padding:16px 0;top:50%;left:24px;transform:translateY(-50%);box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #fff}.nav-section{display:flex;flex-direction:column;align-items: center;gap:16px;width:100%}.nav-divider{background-color:#e0e5ec;border-radius:1px;width:32px;height:2px}.neumorphic-button{display:flex;color:#00a0ed;cursor:pointer;background-color:#f5f5f5;border:none;border-radius:12px;justify-content:center;align-items: center;width:40px;height:40px;transition:all .2s;box-shadow:5px 5px 10px #d1d9e6,-5px -5px 10px #fff}.neumorphic-button:hover{transform:translateY(-1px);box-shadow:6px 6px 12px #d1d9e6,-6px -6px 12px #fff}.neumorphic-button:active,.neumorphic-button.active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #d1d9e6,inset -3px -3px 6px #fff}.neumorphic-button.add-button{color:#2b59c3}