@layer theme{:root{--base: oklch(.55 .04 257);--light-start: .995;--light-end: .1;--chroma-start: .005;--chroma-end: .035;--accent: oklch(.52 .1 223);--destructive: oklch(.56 .19 17);--border-radius: 2px;--light-avg: calc((var(--light-start) + var(--light-end)) / 2);--chroma-avg: calc((var(--chroma-start) + var(--chroma-end)) / 2);--chroma-med: calc( (var(--chroma-avg) + var(--chroma-end)) / 1.5 );--base-50: oklch( from var(--base) var(--light-start) var(--chroma-start) h / alpha );--base-100: oklch( from var(--base) calc( var(--light-avg) + ((var(--light-start) - var(--light-avg)) * .95) ) calc( var(--chroma-med) + ((var(--chroma-start) - var(--chroma-med)) * .86) ) h / alpha );--base-200: oklch( from var(--base) calc( var(--light-avg) + ((var(--light-start) - var(--light-avg)) * .86) ) calc( var(--chroma-med) + ((var(--chroma-start) - var(--chroma-med)) * .71) ) h / alpha );--base-300: oklch( from var(--base) calc( var(--light-avg) + ((var(--light-start) - var(--light-avg)) * .73) ) calc( var(--chroma-med) + ((var(--chroma-start) - var(--chroma-med)) * .51) ) h / alpha );--base-400: oklch( from var(--base) calc( var(--light-avg) + ((var(--light-start) - var(--light-avg)) * .39) ) calc( var(--chroma-med) + ((var(--chroma-start) - var(--chroma-med)) * .29) ) h / alpha );--base-500: oklch( from var(--base) var(--light-avg) var(--chroma-med) h / alpha );--base-600: oklch( from var(--base) calc(var(--light-avg) + ((var(--light-end) - var(--light-avg)) * .28)) calc( var(--chroma-med) + ((var(--chroma-end) - var(--chroma-med)) * .29) ) h / alpha );--base-700: oklch( from var(--base) calc(var(--light-avg) + ((var(--light-end) - var(--light-avg)) * .45)) calc( var(--chroma-med) + ((var(--chroma-end) - var(--chroma-med)) * .51) ) h / alpha );--base-800: oklch( from var(--base) calc(var(--light-avg) + ((var(--light-end) - var(--light-avg)) * .68)) calc( var(--chroma-med) + ((var(--chroma-end) - var(--chroma-med)) * .71) ) h / alpha );--base-900: oklch( from var(--base) calc(var(--light-avg) + ((var(--light-end) - var(--light-avg)) * .83)) calc( var(--chroma-med) + ((var(--chroma-end) - var(--chroma-med)) * .86) ) h / alpha );--base-950: oklch( from var(--base) var(--light-end) var(--chroma-end) h / alpha );--background: light-dark(var(--base-50), var(--base-950));--foreground: light-dark(var(--base-800), var(--base-300));--heading-foreground: light-dark(var(--base-900), var(--base-200));--muted-background: light-dark(var(--base-100), var(--base-900));--muted-foreground: light-dark(var(--base-700), var(--base-400));--primary-background: light-dark(var(--base-800), var(--base-100));--primary-foreground: light-dark(var(--base-50), var(--base-900));--secondary-background: light-dark(var(--base-200), var(--base-700));--secondary-foreground: light-dark(var(--base-950), var(--base-100));--accent-background: light-dark( var(--accent), oklch(from var(--accent) calc(var(--light-avg) - .1) c h / alpha) );--accent-foreground: light-dark(var(--base-50), var(--base-100));--destructive-background: light-dark( var(--destructive), oklch(from var(--destructive) calc(var(--light-avg) - .1) c h / alpha) );--destructive-foreground: light-dark(var(--base-50), var(--base-100));--border: 1px solid light-dark(var(--base-200), var(--base-700));--font-family-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--size-1: 4px;--size-2: 8px;--size-3: 12px;--size-4: 16px;--size-5: 24px;--size-6: 32px;--size-7: 40px;--size-8: 48px;--size-9: 64px;--size-10: 96px;--font-size-1: 12px;--font-size-2: 14px;--font-size-3: 16px;--font-size-4: 18px;--font-size-5: 20px;--font-size-6: 24px;--font-size-7: 30px;--font-size-8: 36px;--font-size-9: 48px;--font-size-10: 60px;--letter-spacing-1: .0025em;--letter-spacing-2: 0em;--letter-spacing-3: 0em;--letter-spacing-4: -.0025em;--letter-spacing-5: -.005em;--letter-spacing-6: -.00625em;--letter-spacing-7: -.0075em;--letter-spacing-8: -.01em;--letter-spacing-9: -.015em;--letter-spacing-10: -.025em;--line-height-1: 1.33;--line-height-2: 1.43;--line-height-3: 1.5;--line-height-4: 1.56;--line-height-5: 1.4;--line-height-6: 1.33;--line-height-7: 1.2;--line-height-8: 1.11;--line-height-9: 1;--line-height-10: 1}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;border:0 solid;padding:0;scrollbar-color:light-dark(var(--base-300),var(--base-700)) var(--muted-background);caret-color:var(--foreground)}*:focus-visible{outline:var(--primary-background) solid 1px;outline-offset:1px}::selection{background-color:var(--primary-background);color:var(--primary-foreground)}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}html,:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:var(--background);color:var(--foreground);color-scheme:light dark;font-size:var(--font-size-3);line-height:var(--line-height-3);font-family:var(--font-family-sans);letter-spacing:var(--letter-spacing-3);tab-size:4}@media(prefers-reduced-motion:no-preference){html,:host{scroll-behavior:smooth}}hr{border-block-start:var(--border);height:0;color:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{inset-block-end:-.25em}sup{inset-block-start:-.5em}table{border-color:inherit;border-collapse:collapse;width:100%;text-indent:0}table thead{border-block-end:var(--border)}table thead th{color:var(--heading-foreground);font-weight:600}table tbody tr{border-block-end:var(--border)}table tbody tr:last-of-type{border:0}table tfoot{border-block-start:var(--border)}table th,table td{padding:var(--size-2);text-align:start}:is(table th,table td):first-of-type{padding-inline-start:0}:is(table th,table td):last-of-type{padding-inline-end:0}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;border-radius:var(--border-radius)}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}button:not([type=reset],[type=button]){cursor:pointer}button,input:where([type=button],[type=reset],[type=submit]),.button{display:flex;justify-content:center;align-items:center;appearance:button;border-radius:var(--border-radius);background-color:var(--primary-background);padding:var(--size-3) var(--size-4);height:var(--size-7);color:var(--primary-foreground);font-size:var(--font-size-2);line-height:var(--line-height-2);font-family:inherit;letter-spacing:var(--letter-spacing-2);text-decoration:none}:is(button,input:where([type=button],[type=reset],[type=submit]),.button):disabled{opacity:50%;pointer-events:none}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).secondary{background-color:var(--secondary-background);color:var(--secondary-foreground)}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).accent{background-color:var(--accent-background);color:var(--accent-foreground)}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).destructive{background-color:var(--destructive-background);color:var(--destructive-foreground)}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).ghost{background-color:transparent;color:var(--foreground)}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).outline{border:var(--border);background-color:var(--background);color:var(--foreground)}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).icon{padding:var(--size-2);width:var(--size-7)}@media(hover:hover){:is(button,input:where([type=button],[type=reset],[type=submit]),.button):hover{opacity:90%}:is(button,input:where([type=button],[type=reset],[type=submit]),.button).ghost:hover,:is(button,input:where([type=button],[type=reset],[type=submit]),.button).outline:hover{background-color:var(--muted-background)}}input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input{border:0;border-radius:var(--border-radius);background-color:var(--background);width:100%;height:var(--size-7);color:var(--foreground);accent-color:var(--accent-background);font-size:var(--font-size-3);line-height:var(--line-height-3);font-family:inherit;letter-spacing:var(--letter-spacing-3)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input):not([switch]){display:flex;border:var(--border);padding:var(--size-2) var(--size-3)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[multiple]{padding:var(--size-2)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input):not([type=checkbox],[type=radio]){appearance:none;-webkit-appearance:none;-moz-appearance:none}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)::placeholder{color:color-mix(in oklch,currentColor 50%,transparent)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input):disabled{opacity:.5;cursor:not-allowed}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=checkbox],:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=radio]{width:17px;height:17px}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=color]{border:0;background-color:transparent;padding:0;width:var(--size-7);height:var(--size-7)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=color]::-webkit-color-swatch-wrapper{padding:0}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=color]::-webkit-color-swatch{border:var(--border);border-radius:var(--size-9)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=color]::-moz-color-swatch,:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=color]::-moz-focus-inner{border:var(--border);border-radius:var(--size-9)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=color]::-moz-focus-inner{padding:0}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=range]{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding-inline:0}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=range]::-webkit-slider-runnable-track{border-radius:var(--size-9);background-color:light-dark(var(--base-300),var(--base-700));height:var(--size-2)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-block-start:-4px;box-shadow:none;border-radius:var(--size-9);background-color:var(--foreground);width:var(--size-4);height:var(--size-4)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=range]::-moz-range-track{border-radius:var(--size-9);background-color:light-dark(var(--base-300),var(--base-700));height:var(--size-2)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)[type=range]::-moz-range-thumb{border:0;border-radius:var(--size-9);background-color:var(--foreground);width:var(--size-4);height:var(--size-4)}:is(input:where(:not([type=button],[type=reset],[type=submit])),select,textarea,.input)::file-selector-button{background-color:transparent;padding-inline-end:var(--size-2);color:inherit;font:inherit;font-weight:600}select option{display:flex;align-items:center;border-radius:var(--border-radius);padding-inline:var(--size-2);padding-block:var(--size-1);height:var(--size-6)}select option:not(:last-child){margin-block-end:var(--size-1)}select option:hover{background-color:var(--muted-background)}select option:checked{background-color:var(--muted-foreground);color:var(--background)}select:not([multiple]){background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat;padding-inline-end:var(--size-6)}textarea,select[multiple]{height:var(--size-10);min-height:var(--size-7);resize:vertical}label,.label{display:inline-block;margin-block:var(--size-1);font-weight:500;font-size:var(--font-size-2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-2)}.badge{display:flex;justify-content:center;align-items:center;cursor:default;border-radius:var(--border-radius);background-color:var(--primary-background);padding:var(--size-1) var(--size-2);height:var(--size-5);color:var(--primary-foreground);font-size:var(--font-size-1);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-1)}.badge.secondary{background-color:var(--secondary-background);color:var(--secondary-foreground)}.badge.accent{background-color:var(--accent-background);color:var(--accent-foreground)}.badge.destructive{background-color:var(--destructive-background);color:var(--destructive-foreground)}.badge.ghost{background-color:transparent;color:var(--foreground)}.badge.outline{border:var(--border);background-color:var(--background);color:var(--foreground)}a,.link{cursor:pointer;color:var(--primary-background);text-decoration:underline;text-underline-offset:2px}code,kbd,samp,pre{font-family:var(--font-family-mono)}pre{margin:0;border-radius:var(--border-radius);background-color:var(--base-900);padding:var(--size-4);overflow-x:auto;scrollbar-color:var(--base-700) var(--base-900);color:light-dark(var(--base-100),var(--base-200));font-size:var(--font-size-2);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-1)}code:not(pre code){border-radius:var(--border-radius);background-color:var(--muted-background);padding:2px var(--size-1);color:var(--heading-foreground);font-size:.9em}h1,h2,h3,h4,h5,h6{color:var(--heading-foreground);word-break:break-word}:is(h1,h2,h3,h4,h5,h6) a{color:var(--heading-foreground);text-decoration:none}h1{font-size:var(--font-size-9);line-height:var(--line-height-9);letter-spacing:var(--letter-spacing-9);text-wrap:balance}@media(min-width:640px){h1{font-size:var(--font-size-10);line-height:var(--line-height-10);letter-spacing:var(--letter-spacing-10)}}h2{font-size:var(--font-size-8);line-height:var(--line-height-8);letter-spacing:var(--letter-spacing-8)}h3{font-size:var(--font-size-7);line-height:var(--line-height-7);letter-spacing:var(--letter-spacing-7)}h4{font-size:var(--font-size-6);line-height:var(--line-height-6);letter-spacing:var(--letter-spacing-6)}h5{font-size:var(--font-size-5);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-5)}h6{font-size:var(--font-size-4);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-4)}.prose section{margin-block-end:var(--size-6)}.prose h1{margin-block-end:var(--size-6)}.prose h2{margin-block:var(--size-8) var(--size-5)}.prose h3{margin-block:var(--size-7) var(--size-4)}.prose h4{margin-block:var(--size-6) var(--size-3)}.prose h5{margin-block:var(--size-5) var(--size-2)}.prose h6,.prose dt{margin-block:var(--size-4) var(--size-1)}.prose :is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){margin-block-start:0}.prose dt{font-weight:600}:is(.prose p,.prose ul,.prose ol,.prose table,.prose blockquote,.prose dl):not(li>:is(.prose p,.prose ul,.prose ol,.prose table,.prose blockquote,.prose dl)){margin-block-end:var(--size-4)}.prose hr,.prose pre,.prose img,.prose video,.prose iframe{margin-block:var(--size-5)}.prose blockquote,.prose dd{padding-inline:var(--size-5)}.prose blockquote{font-style:italic}.prose p,.prose li,.prose blockquote,.prose dd{text-wrap:pretty}.prose ul,.prose ol{padding-inline-start:var(--size-5)}.prose ul{list-style-type:disc}.prose ol{list-style:decimal}.prose li{margin-block:var(--size-1);padding-inline-start:var(--size-1)}.prose li::marker{color:var(--muted-foreground)}}@layer theme{:root{--shiki-foreground: var(--base-100);--shiki-background: var(--base-900);--shiki-token-constant: var(--base-50);--shiki-token-string: var(--base-300);--shiki-token-comment: var(--base-400);--shiki-token-keyword: var(--base-400);--shiki-token-parameter: var(--base-300);--shiki-token-function: var(--base-300);--shiki-token-string-expression: var(--base-200);--shiki-token-punctuation: var(--base-500);--shiki-token-link: var(--base-300)}}@layer base{body{max-width:768px}@media(min-width:1024px){body{margin-inline:auto}}*{scroll-padding-block-start:var(--size-10)}header{display:flex;position:sticky;justify-content:space-between;align-items:center;gap:var(--size-3);z-index:10;inset-block-start:0;background-color:var(--background);padding:var(--size-4) var(--size-5)}@media(min-width:640px){header{padding-inline:var(--size-6)}}main,footer{margin:var(--size-5)}@media(min-width:640px){main,footer{margin-inline:var(--size-6)}}color-generator ::-webkit-slider-runnable-track{background:linear-gradient(to right,#ff9bba,#ff9eab 3.12%,#ff9ca1 4.69%,#ff9c9d,#ff9c98 6.25%,#ff9c97,#ff9f98 6.64%,#ffa098 7.03%,#ffa194 7.81%,#ffa28c 9.38%,#ffa47a 12.5%,#ffa56f,#ffa662 15.62%,#ffa65b,#ffa753 17.19%,#ffa83b 18.75%,#f7ae00,#e7b700,#d5c000,#c0c800,#a4d100 34.38%,#90d600 35.94%,#84d900,#74dc00,#5fe000,#3ee300 39.06%,#00e44e,#00e275 42.19%,#00e27b,#00e281 42.97%,#00e184,#01e187 43.36%,#00e18c 43.75%,#01df9d,#00deab 46.88%,#00dbc1,#00d9d3,#01d7e4 56.25%,#00d4f4,#3fcfff,#6cc9ff,#85c4ff 68.75%,#8ec2ff,#96bfff 71.88%,#9abeff,#9dbdff,#a1bcff,#a4bbff 75%,#b2b6ff,#c0b1ff,#cfa9ff 84.38%,#d8a5ff 85.94%,#dca2ff,#e29fff 87.5%,#fc8cff,#ff92e3 93.75%,#ff9bba);background:linear-gradient(to right,color(xyz 0.963 0.416 0.458),color(xyz 0.972 0.418 0.214),color(xyz 0.968 0.42 0.042),color(xyz 0.95 0.424 -0.071),color(xyz 0.913 0.431 -0.141),color(xyz 0.857 0.44 -0.181),color(xyz 0.784 0.453 -0.202),color(xyz 0.697 0.468 -0.211),color(xyz 0.602 0.487 -0.213),color(xyz 0.503 0.507 -0.207),color(xyz 0.407 0.529 -0.191),color(xyz 0.319 0.55 -0.16),color(xyz 0.244 0.571 -0.103),color(xyz 0.187 0.589 -0.007),color(xyz 0.151 0.603 0.142),color(xyz 0.14 0.611 0.36),color(xyz 0.155 0.612 0.655),color(xyz 0.196 0.606 1.026),color(xyz 0.26 0.592 1.462),color(xyz 0.343 0.572 1.934),color(xyz 0.437 0.547 2.402),color(xyz 0.534 0.52 2.821),color(xyz 0.627 0.493 3.143),color(xyz 0.708 0.468 3.329),color(xyz 0.774 0.447 3.357),color(xyz 0.824 0.432 3.222),color(xyz 0.858 0.422 2.943),color(xyz 0.882 0.416 2.553),color(xyz 0.9 0.413 2.097),color(xyz 0.916 0.413 1.623),color(xyz 0.932 0.414 1.173) 93.75%,color(xyz 0.963 0.416 0.458))}color-generator ::-moz-range-track{background:linear-gradient(to right,#ff9bba,#ff9eab 3.12%,#ff9ca1 4.69%,#ff9c9d,#ff9c98 6.25%,#ff9c97,#ff9f98 6.64%,#ffa098 7.03%,#ffa194 7.81%,#ffa28c 9.38%,#ffa47a 12.5%,#ffa56f,#ffa662 15.62%,#ffa65b,#ffa753 17.19%,#ffa83b 18.75%,#f7ae00,#e7b700,#d5c000,#c0c800,#a4d100 34.38%,#90d600 35.94%,#84d900,#74dc00,#5fe000,#3ee300 39.06%,#00e44e,#00e275 42.19%,#00e27b,#00e281 42.97%,#00e184,#01e187 43.36%,#00e18c 43.75%,#01df9d,#00deab 46.88%,#00dbc1,#00d9d3,#01d7e4 56.25%,#00d4f4,#3fcfff,#6cc9ff,#85c4ff 68.75%,#8ec2ff,#96bfff 71.88%,#9abeff,#9dbdff,#a1bcff,#a4bbff 75%,#b2b6ff,#c0b1ff,#cfa9ff 84.38%,#d8a5ff 85.94%,#dca2ff,#e29fff 87.5%,#fc8cff,#ff92e3 93.75%,#ff9bba);background:linear-gradient(to right,color(xyz 0.963 0.416 0.458),color(xyz 0.972 0.418 0.214),color(xyz 0.968 0.42 0.042),color(xyz 0.95 0.424 -0.071),color(xyz 0.913 0.431 -0.141),color(xyz 0.857 0.44 -0.181),color(xyz 0.784 0.453 -0.202),color(xyz 0.697 0.468 -0.211),color(xyz 0.602 0.487 -0.213),color(xyz 0.503 0.507 -0.207),color(xyz 0.407 0.529 -0.191),color(xyz 0.319 0.55 -0.16),color(xyz 0.244 0.571 -0.103),color(xyz 0.187 0.589 -0.007),color(xyz 0.151 0.603 0.142),color(xyz 0.14 0.611 0.36),color(xyz 0.155 0.612 0.655),color(xyz 0.196 0.606 1.026),color(xyz 0.26 0.592 1.462),color(xyz 0.343 0.572 1.934),color(xyz 0.437 0.547 2.402),color(xyz 0.534 0.52 2.821),color(xyz 0.627 0.493 3.143),color(xyz 0.708 0.468 3.329),color(xyz 0.774 0.447 3.357),color(xyz 0.824 0.432 3.222),color(xyz 0.858 0.422 2.943),color(xyz 0.882 0.416 2.553),color(xyz 0.9 0.413 2.097),color(xyz 0.916 0.413 1.623),color(xyz 0.932 0.414 1.173) 93.75%,color(xyz 0.963 0.416 0.458))}}@layer components{color-palette{display:grid;border-radius:var(--border-radius);background-color:light-dark(white,black)}color-swatch{display:flex;justify-content:end;align-items:center;padding:var(--size-5) var(--size-4);font-family:var(--font-family-mono)}color-swatch:first-of-type{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius)}color-swatch:last-of-type{border-end-start-radius:var(--border-radius);border-end-end-radius:var(--border-radius)}drab-dialog{display:contents}drab-dialog dialog{margin-inline-start:auto;margin-block:0;background-color:var(--muted-background);padding:var(--size-4);min-width:300px;max-width:100vw;height:100%;max-height:100dvh}drab-dialog dialog>div{display:flex;flex-direction:column;gap:var(--size-5)}drab-dialog dialog::backdrop{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}theme-header{display:flex;justify-content:space-between;align-items:center}theme-input{display:flex;flex-direction:column;gap:var(--size-6)}theme-input>div{display:flex;flex-direction:column;gap:var(--size-2)}theme-picker[type=color] div{display:flex;flex-direction:row-reverse;justify-content:start;align-items:center;gap:var(--size-2)}theme-code pre{min-height:200px}theme-edit{display:contents}theme-edit button{margin-block-end:var(--size-4)}}@layer utilities{.flex-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--size-3)}.flex-col{display:flex;flex-direction:column;gap:var(--size-4)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--size-4)}}