.sora{font-optical-sizing:auto;font-family:Sora,sans-serif;font-size:16pt;font-style:normal;font-weight:300}.CHONK{font-size:22pt}.color-name{margin-block-start:8px;margin-inline-start:8px}.color-value{margin-block-end:8px;margin-inline-start:8px}.tile-preview{border:1px solid #174dac;border-radius:8px}.locked-tile-preview{border:none;box-shadow:inset 2px 4px 4px #0003}.font-caption,.font-caption>*{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.font-body,.font-body>*{font-optical-sizing:auto;border-radius:12px;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.font-subtitle,.font-subtitle>*{font-optical-sizing:auto;border-radius:12px;font-family:Instrument Sans,sans-serif;font-size:16pt;font-style:normal;font-weight:600}.font-entity-title,.font-entity-title>*{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:22pt;font-style:normal;font-weight:400}.font-source-code,.font-source-code>*{font-family:DM Mono,monospace;font-size:14pt;font-style:normal;font-weight:500}.font-palette-header,.font-palette-header>*{color:#174dac;font-family:Instrument Sans,sans-serif;font-size:18pt;font-style:normal;font-weight:500}.font-page-header,.font-page-header>*{color:#174dac;text-align:center;font-family:DM Mono,monospace;font-size:48px;font-style:normal;font-weight:500}.font-slate-message,.font-slate-message>*{color:#174dac;font-family:Silkscreen,sans-serif;font-size:18pt;font-style:normal;font-weight:400}.vertical-loader{background:linear-gradient(0deg,var(--loader-background-b),var(--loader-background-a)100%);animation:vertical-load 2s 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 #174dac;border-radius:8px}.elevated-border{border:4px solid #174dac;border-width:2px 4px 4px 2px;border-radius:10px}.elevated-border-new{border-top:2px solid #174dac;border-left:2px solid #174dac;border-radius:10px;box-shadow:4px 4px #174dac}.input{color:#2b59c3}.palette-input{background:0 0;border:none}.palette-input:focus{outline:none;background:0 0;border:1px solid #174dac;border-radius:8px}.primary-button{color:#fff;cursor:pointer;background-color:#2b59c3;border-top:none;border-left:none;height:32px;margin-inline-start:8px;margin-inline-end:8px}.primary-button:hover{border-bottom-width:0;border-right-width:0}.primary-button:disabled{cursor:auto;background-color:#2b59c399}.secondary-button{color:#174dac;cursor:pointer;background:0 0;height:32px;margin-inline-start:8px;margin-inline-end:8px}.secondary-button:hover{text-decoration:underline;text-decoration-thickness:2px}.secondary-button:disabled{cursor:auto}.icon-button{cursor:pointer}.scrollable{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#174dac #174dac1f}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:#d9e5f980;border-radius:8px}.scrollable::-webkit-scrollbar-thumb{background-color:#174dac;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:#fff;border-radius:12px;width:39px;height:24px;margin-inline-start:2px;margin-inline-end:2px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #2b59c3;border-color:#2b59c3 #2b59c3 #174dac #174dac;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(2px);background-color:#ffffff40;width:100%;height:100%;margin:0;padding:0}.clean-slate-loader{animation:l1 3s infinite linear}.clean-slate{background:linear-gradient(0deg,var(--loader-background-a)33%,var(--loader-background-b)50%,var(--loader-background-a)66%)#f2f2f2;background-position:top;background-size:100% 300%}.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}}.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}}textarea:focus{outline:none;border:2px solid #174dac;border-radius:8px}.prompt-input{border:1px solid #174dac;border-radius:8px}.default-text{font-optical-sizing:auto;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.codi-text{font-optical-sizing:auto;color:#174dac;border-radius:4px 16px 16px;padding-left:8px;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.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:#174dac;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:#174dac;background-color:#d9e5f9;border-radius:16px 16px 4px;font-family:Instrument Sans,sans-serif;font-size:12pt;font-style:normal;font-weight:400}.blurry{backdrop-filter:blur(2px);background-color:#ffffff40}.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:#174dac;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}