/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse\!{visibility:collapse!important}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-28{margin-top:calc(var(--spacing) * 28)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.table\!{display:table!important}.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.px-5{padding-inline:calc(var(--spacing) * 5)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[rdoc-ref\:lib\/racc\/rdoc\/grammar\.en\.rdoc\]{rdoc-ref:lib/racc/rdoc/grammar.en.rdoc}}:root{--pp-nord0:#2e3440;--pp-nord1:#3b4252;--pp-nord2:#434c5e;--pp-nord3:#4c566a;--pp-nord4:#d8dee9;--pp-nord5:#e5e9f0;--pp-nord6:#eceff4;--pp-frost1:#8fbcbb;--pp-frost2:#88c0d0;--pp-frost3:#81a1c1;--pp-frost4:#5e81ac;--pp-red:#bf616a;--pp-orange:#d08770;--pp-yellow:#ebcb8b;--pp-green:#a3be8c;--pp-purple:#b48ead;--pp-bg:#1e222a;--pp-bg-alt:#252932;--pp-surface:#2a2f3a;--pp-surface-raised:#252932;--pp-text:#d8dee9;--pp-text-secondary:#9aa5b4;--pp-text-muted:#6b7789;--pp-border:#3b4252;--pp-border-subtle:#333945;--pp-shadow-sm:0 1px 2px #0003;--pp-shadow-md:0 4px 16px #00000040, 0 1px 3px #00000026;--pp-shadow-lg:0 12px 40px #00000059, 0 2px 8px #0003;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pp-heading-color:var(--pp-nord6);--pp-flash-alert-text:#ffc4ca;--pp-flash-notice-text:#daf6de;--pp-is-dark:1}*,:before,:after{box-sizing:border-box}.pp-body{min-height:100vh;color:var(--pp-text);background:var(--pp-bg);font-family:var(--pp-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;transition:background-color .7s,color .7s;display:flex}.pp-main{z-index:1;flex:1;width:100%;max-width:1120px;margin:0 auto;padding:0 1rem 4rem;position:relative}.pp-footer{text-align:center;width:100%;max-width:1120px;color:var(--pp-text-muted);margin:0 auto;padding:0 1rem 2rem;font-size:.8125rem}.pp-footer__link{color:var(--pp-text-muted);text-decoration:none;transition:color .2s}.pp-footer__link:hover{color:var(--pp-text-secondary)}.pp-footer__sep{-webkit-user-select:none;user-select:none;margin:0 .5rem}.pp-hero{text-align:center;padding:4rem 0 3rem;position:relative}.pp-hero-logo{opacity:.95;width:160px;height:160px;margin:0 auto 2rem;display:block}.pp-hero-kicker{border:1px solid var(--pp-frost2);align-items:center;gap:.4rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pp-hero-kicker{border:1px solid color-mix(in srgb, var(--pp-frost2) 35%, var(--pp-border))}}.pp-hero-kicker{text-transform:uppercase;letter-spacing:.1em;background:var(--pp-frost2);border-radius:999px;padding:.35rem .85rem;font-size:.74rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.pp-hero-kicker{background:color-mix(in srgb, var(--pp-frost2) 8%, var(--pp-surface))}}.pp-hero-kicker{color:var(--pp-frost4);box-shadow:var(--pp-shadow-sm);margin-bottom:1.5rem}.pp-hero-title{letter-spacing:-.04em;color:var(--pp-heading-color);margin-bottom:1.25rem;font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.05}.pp-hero-subtitle{color:var(--pp-text-secondary);max-width:560px;margin:0 auto 2.25rem;padding:0 .5rem;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.pp-palette-strip{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:.5rem;padding:0 .5rem;display:flex}.pp-palette-swatch{border-radius:10px;flex-shrink:0;width:34px;height:34px;transition:transform .2s,box-shadow .2s}.pp-palette-swatch:hover{transform:translateY(-3px);box-shadow:0 4px 12px #2e344026}.pp-flash{border-radius:var(--pp-radius);border:1px solid;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.pp-flash-alert{border-color:var(--pp-red)}@supports (color:color-mix(in lab, red, red)){.pp-flash-alert{border-color:color-mix(in srgb, var(--pp-red) 40%, var(--pp-border))}}.pp-flash-alert{background:var(--pp-red)}@supports (color:color-mix(in lab, red, red)){.pp-flash-alert{background:color-mix(in srgb, var(--pp-red) 8%, var(--pp-surface))}}.pp-flash-alert{color:var(--pp-flash-alert-text)}.pp-flash-notice{border-color:var(--pp-green)}@supports (color:color-mix(in lab, red, red)){.pp-flash-notice{border-color:color-mix(in srgb, var(--pp-green) 40%, var(--pp-border))}}.pp-flash-notice{background:var(--pp-green)}@supports (color:color-mix(in lab, red, red)){.pp-flash-notice{background:color-mix(in srgb, var(--pp-green) 8%, var(--pp-surface))}}.pp-flash-notice{color:var(--pp-flash-notice-text)}.pp-locale-switcher{z-index:70;position:fixed;bottom:1rem;right:1rem}.pp-locale-switcher__trigger{border:1px solid var(--pp-frost2);min-width:4.25rem;list-style:none}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__trigger{border:1px solid color-mix(in srgb, var(--pp-frost2) 25%, var(--pp-border))}}.pp-locale-switcher__trigger{background:var(--pp-bg-alt);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__trigger{background:color-mix(in srgb, var(--pp-bg-alt) 88%, transparent)}}.pp-locale-switcher__trigger{color:var(--pp-heading-color);box-shadow:var(--pp-shadow-md);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;transition:border-color .18s,background-color .18s,transform .18s;display:inline-flex}.pp-locale-switcher__trigger::-webkit-details-marker{display:none}.pp-locale-switcher__trigger:hover{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__trigger:hover{background:color-mix(in srgb, var(--pp-frost2) 8%, var(--pp-bg-alt))}}.pp-locale-switcher__trigger:hover{transform:translateY(-1px)}.pp-locale-switcher__trigger:focus-visible{outline:2px solid var(--pp-frost2);outline-offset:3px}.pp-locale-switcher__menu{border:1px solid var(--pp-frost2);min-width:12rem;padding:.5rem;position:absolute;bottom:calc(100% + .7rem);right:0}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__menu{border:1px solid color-mix(in srgb, var(--pp-frost2) 25%, var(--pp-border))}}.pp-locale-switcher__menu{border-radius:calc(var(--pp-radius-lg) + 2px);background:var(--pp-bg-alt)}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__menu{background:color-mix(in srgb, var(--pp-bg-alt) 94%, transparent)}}.pp-locale-switcher__menu{box-shadow:var(--pp-shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transform-origin:100% 100%;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s step-end;transform:translateY(.35rem)scale(.98)}.pp-locale-switcher[open] .pp-locale-switcher__menu{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .18s,visibility step-start;transform:translateY(0)scale(1)}.pp-locale-switcher__label{letter-spacing:.06em;text-transform:uppercase;color:var(--pp-text-muted);padding:.35rem .5rem .45rem;font-size:.72rem;font-weight:700}.pp-locale-switcher__option{border-radius:var(--pp-radius);color:var(--pp-text);align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.pp-locale-switcher__option:hover,.pp-locale-switcher__option:focus-visible{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__option:hover,.pp-locale-switcher__option:focus-visible{background:color-mix(in srgb, var(--pp-frost2) 12%, transparent)}}.pp-locale-switcher__option:hover,.pp-locale-switcher__option:focus-visible{color:var(--pp-heading-color);outline:none}.pp-locale-switcher__option--active{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-locale-switcher__option--active{background:color-mix(in srgb, var(--pp-frost2) 16%, transparent)}}.pp-locale-switcher__option--active{color:var(--pp-frost4)}.pp-locale-switcher__flag{font-size:1rem;line-height:1}.pp-locale-switcher__code{letter-spacing:.08em;font-size:.72rem;font-weight:800}.pp-step{background:var(--pp-surface-raised);border:1px solid var(--pp-border-subtle);border-radius:var(--pp-radius-xl);margin:1.5rem 0;padding:2rem 1.5rem;transition:opacity .5s,transform .5s,max-height .5s;position:relative;overflow:hidden}.pp-step--visible{opacity:1;z-index:1;max-height:2000px;overflow:visible;transform:translateY(0)}.pp-step--overlay-active{z-index:15}.pp-step--hidden{opacity:0;pointer-events:none;border-color:#0000;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(24px)}.pp-step--revealing{opacity:0;max-height:2000px;transform:translateY(24px)}.pp-step-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.pp-step-badge{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.pp-step-title{letter-spacing:-.02em;color:var(--pp-heading-color);font-size:1.35rem;font-weight:700}.pp-upload-zone{border:2px dashed var(--pp-frost2);position:relative}@supports (color:color-mix(in lab, red, red)){.pp-upload-zone{border:2px dashed color-mix(in srgb, var(--pp-frost2) 45%, var(--pp-border))}}.pp-upload-zone{border-radius:var(--pp-radius-xl);cursor:pointer;background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-upload-zone{background:color-mix(in srgb, var(--pp-frost2) 3%, var(--pp-surface))}}.pp-upload-zone{justify-content:center;align-items:center;width:min(100%,760px);min-height:320px;margin:0 auto;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;overflow:hidden}.pp-upload-zone:hover{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-upload-zone:hover{background:color-mix(in srgb, var(--pp-frost2) 6%, var(--pp-surface))}}.pp-upload-zone:hover{box-shadow:0 0 0 4px var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-upload-zone:hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--pp-frost2) 10%, transparent)}}.pp-upload-zone--active{border-color:var(--pp-frost1);background:var(--pp-frost1)}@supports (color:color-mix(in lab, red, red)){.pp-upload-zone--active{background:color-mix(in srgb, var(--pp-frost1) 10%, var(--pp-surface))}}.pp-upload-zone--active{box-shadow:0 0 0 4px var(--pp-frost1)}@supports (color:color-mix(in lab, red, red)){.pp-upload-zone--active{box-shadow:0 0 0 4px color-mix(in srgb, var(--pp-frost1) 15%, transparent)}}.pp-upload-input{opacity:0;cursor:pointer;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.pp-upload-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.pp-upload-text{color:var(--pp-text-secondary);font-size:1rem;font-weight:600}.pp-upload-hint{color:var(--pp-text-muted);font-size:.8rem}.pp-upload-preview{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.pp-upload-preview-img{object-fit:contain;border-radius:var(--pp-radius-lg);width:100%;max-width:100%;max-height:420px;display:block}.pp-upload-overlay{border-radius:var(--pp-radius-lg);color:#fff;opacity:0;pointer-events:none;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.pp-upload-zone:hover .pp-upload-overlay{opacity:1}.pp-palette-section{flex-direction:column;gap:1.25rem;display:flex}.pp-color-tiles{flex-wrap:wrap;gap:5px;padding:.25rem 0;display:flex}.pp-color-tile{border:2px solid var(--pp-text);border-radius:6px;width:28px;height:28px}@supports (color:color-mix(in lab, red, red)){.pp-color-tile{border:2px solid color-mix(in srgb, var(--pp-text) 28%, var(--pp-border))}}.pp-color-tile{cursor:pointer;appearance:none;flex-shrink:0;transition:transform .15s,box-shadow .15s,opacity .15s,border-color .15s}.pp-color-tile:hover{transform:scale(1.2);box-shadow:0 2px 8px #0000004d}.pp-color-tile:focus-visible{outline:2px solid var(--pp-frost2);outline-offset:2px}.pp-color-tile--selected{border-color:var(--pp-text);box-shadow:0 0 0 2px #00000029}.pp-color-tile--muted{opacity:.35;border-color:var(--pp-text-muted)}@supports (color:color-mix(in lab, red, red)){.pp-color-tile--muted{border-color:color-mix(in srgb, var(--pp-text-muted) 45%, var(--pp-border))}}.pp-palette-controls{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.pp-palette-picker{flex-direction:column;gap:.75rem;display:flex}.pp-pretty-select{position:relative}.pp-pretty-select__trigger{border:1px solid var(--pp-border);border-radius:calc(var(--pp-radius-lg) + 2px);background:var(--pp-surface);width:100%;color:var(--pp-text);text-align:left;justify-content:space-between;align-items:center;gap:.85rem;padding:.75rem .9rem;transition:border-color .18s,background-color .18s;display:flex}.pp-pretty-select__trigger:hover{border-color:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select__trigger:hover{border-color:color-mix(in srgb, var(--pp-frost2) 30%, var(--pp-border))}}.pp-pretty-select__trigger:hover{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select__trigger:hover{background:color-mix(in srgb, var(--pp-frost2) 5%, var(--pp-surface))}}.pp-pretty-select__trigger:focus-visible{outline:2px solid var(--pp-frost2);outline-offset:3px}.pp-pretty-select__content{flex-direction:column;gap:.35rem;min-width:0;display:flex}.pp-pretty-select__value{font-size:.94rem;font-weight:650;line-height:1.2}.pp-pretty-select__preview{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.pp-pretty-select__preview-swatch{border:1px solid var(--pp-border-subtle);border-radius:999px;width:12px;height:12px}.pp-pretty-select__chevron{opacity:.7;border-bottom:2px solid;border-right:2px solid;width:12px;height:12px;margin-right:.25rem;transition:transform .18s;transform:rotate(45deg)}.pp-pretty-select--open .pp-pretty-select__chevron{transform:rotate(225deg)translate(-2px,-2px)}.pp-pretty-select--open .pp-pretty-select__trigger{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select--open .pp-pretty-select__trigger{background:color-mix(in srgb, var(--pp-frost2) 6%, var(--pp-surface))}}.pp-pretty-select__menu{z-index:50;border:1px solid var(--pp-frost2);max-height:19rem;padding:.35rem;position:absolute;top:calc(100% + .55rem);left:0;right:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select__menu{border:1px solid color-mix(in srgb, var(--pp-frost2) 28%, var(--pp-border))}}.pp-pretty-select__menu{border-radius:calc(var(--pp-radius-lg) + 4px);background:var(--pp-bg-alt);opacity:0;transform-origin:top;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility .22s step-end;transform:translateY(-.35rem)scale(.985)}.pp-pretty-select--open .pp-pretty-select__menu{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s,transform .22s,visibility step-start;transform:translateY(0)scale(1)}.pp-pretty-select__option{border-radius:var(--pp-radius);width:100%;color:var(--pp-text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:background .16s,border-color .16s;display:flex}.pp-pretty-select__option:hover,.pp-pretty-select__option:focus-visible{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select__option:hover,.pp-pretty-select__option:focus-visible{background:color-mix(in srgb, var(--pp-frost2) 13%, transparent)}}.pp-pretty-select__option:hover,.pp-pretty-select__option:focus-visible{outline:none}.pp-pretty-select__option--selected{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select__option--selected{background:color-mix(in srgb, var(--pp-frost2) 18%, transparent)}}.pp-pretty-select__option--selected{border-color:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-pretty-select__option--selected{border-color:color-mix(in srgb, var(--pp-frost2) 35%, transparent)}}.pp-pretty-select__option-name{min-width:0;font-size:.88rem;font-weight:600}.pp-pretty-select__option-swatches{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.pp-pretty-select__option-swatch{border:1px solid var(--pp-border-subtle);border-radius:999px;width:10px;height:10px}.pp-palette-options{flex-direction:column;gap:.9rem;display:flex}.pp-fieldset{flex-direction:column;gap:.45rem;display:flex}.pp-mode-toggle{background:0 0;border:0;border-radius:999px;width:100%;padding:0;transition:color .18s;position:relative}.pp-mode-toggle:hover{color:var(--pp-heading-color)}.pp-mode-toggle:focus-visible{outline:none}.pp-mode-toggle:focus-visible .pp-mode-toggle__thumb{outline:2px solid var(--pp-frost2);outline-offset:2px}.pp-mode-toggle__track{grid-template-columns:1fr 1fr;align-items:center;gap:.25rem;display:grid;position:relative}.pp-mode-toggle__thumb{background:var(--pp-frost2);border-radius:999px;width:calc(50% - .125rem);height:calc(100% - .24rem);position:absolute;top:.12rem;left:0}@supports (color:color-mix(in lab, red, red)){.pp-mode-toggle__thumb{background:color-mix(in srgb, var(--pp-frost2) 14%, var(--pp-surface))}}.pp-mode-toggle__thumb{border:1px solid var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-mode-toggle__thumb{border:1px solid color-mix(in srgb, var(--pp-frost2) 30%, transparent)}}.pp-mode-toggle__thumb{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.pp-mode-toggle--avg .pp-mode-toggle__thumb{transform:translate(calc(100% + .25rem))}.pp-mode-toggle__label{z-index:1;text-align:center;color:var(--pp-text-muted);border-radius:999px;padding:.62rem .7rem;font-size:.8rem;font-weight:650;transition:color .18s,opacity .18s,background-color .18s;position:relative}.pp-mode-toggle--filtering .pp-mode-toggle__label--filtering,.pp-mode-toggle--avg .pp-mode-toggle__label--avg{color:#fff}.pp-mode-toggle--filtering .pp-mode-toggle__label--avg,.pp-mode-toggle--avg .pp-mode-toggle__label--filtering{color:var(--pp-text)}.pp-mode-toggle--filtering:hover .pp-mode-toggle__label--avg,.pp-mode-toggle--avg:hover .pp-mode-toggle__label--filtering{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-mode-toggle--filtering:hover .pp-mode-toggle__label--avg,.pp-mode-toggle--avg:hover .pp-mode-toggle__label--filtering{background:color-mix(in srgb, var(--pp-frost2) 7%, transparent)}}.pp-mode-toggle--filtering:hover .pp-mode-toggle__label--avg,.pp-mode-toggle--avg:hover .pp-mode-toggle__label--filtering{color:var(--pp-heading-color)}.pp-range-field{opacity:1;flex-direction:column;gap:.45rem;max-height:7rem;transition:max-height .24s,opacity .18s,transform .24s,margin .24s;display:flex;overflow:hidden;transform:translateY(0)}.pp-range-field--collapsed{opacity:0;pointer-events:none;max-height:0;margin-top:-.15rem;transform:translateY(-.35rem)}.pp-range-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pp-range-value{color:var(--pp-frost3);font-size:.85rem;font-weight:700}.pp-range-input{width:100%;accent-color:var(--pp-frost2)}.pp-flag-toggle{cursor:pointer;width:fit-content;max-width:100%;color:var(--pp-text);text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:.65rem;padding:.2rem 0;transition:color .18s;display:inline-flex}.pp-flag-toggle:hover{color:var(--pp-heading-color)}.pp-flag-toggle:focus-visible{outline:none}.pp-flag-toggle:focus-visible .pp-flag-toggle__marker{outline:2px solid var(--pp-frost3);outline-offset:2px}.pp-flag-toggle__marker{border:1px solid var(--pp-text-secondary);background:0 0;border-radius:6px;width:22px;height:22px;position:relative}@supports (color:color-mix(in lab, red, red)){.pp-flag-toggle__marker{border:1px solid color-mix(in srgb, var(--pp-text-secondary) 55%, var(--pp-border))}}.pp-flag-toggle__marker{flex-shrink:0;transition:background-color .18s,border-color .18s,transform .18s}.pp-flag-toggle__marker-icon{position:absolute;inset:0}.pp-flag-toggle__marker-icon:before,.pp-flag-toggle__marker-icon:after{content:"";background:0 0;border-radius:2px;transition:transform .18s,opacity .18s,background .18s;position:absolute}.pp-flag-toggle__marker-icon:before{opacity:0;width:3px;height:8px;top:9px;left:8px;transform:rotate(-45deg)scale(.6)}.pp-flag-toggle__marker-icon:after{opacity:0;width:3px;height:12px;top:4px;left:11px;transform:rotate(45deg)scale(.6)}.pp-flag-toggle__body{flex-direction:column;gap:0;display:flex}.pp-flag-toggle__title{color:inherit;font-size:.9rem;font-weight:600;line-height:1.2}.pp-flag-toggle--active{color:var(--pp-heading-color)}.pp-flag-toggle--active .pp-flag-toggle__marker{background:var(--pp-frost3);border-color:var(--pp-frost3)}.pp-flag-toggle--active .pp-flag-toggle__marker-icon:before,.pp-flag-toggle--active .pp-flag-toggle__marker-icon:after{background:var(--pp-bg);opacity:1}.pp-flag-toggle--active .pp-flag-toggle__marker-icon:before{transform:rotate(-45deg)scale(1)}.pp-flag-toggle--active .pp-flag-toggle__marker-icon:after{transform:rotate(45deg)scale(1)}.pp-palette-preview-wrap{flex-direction:column;display:flex}.pp-preview-box--palette{min-height:320px}.pp-resolution-section{flex-direction:column;gap:1.5rem;display:flex}.pp-image-display-section{flex-direction:column;gap:.65rem;display:flex}.pp-image-display-options{flex-wrap:wrap;gap:.65rem;display:flex}.pp-image-display-option{border:1px solid var(--pp-border);background:var(--pp-surface);color:var(--pp-text-secondary);cursor:pointer;border-radius:999px;padding:.55rem .95rem;font-size:.84rem;font-weight:600;line-height:1;transition:border-color .15s,background-color .15s,color .15s,opacity .15s}.pp-image-display-option:hover,.pp-image-display-option:focus-visible{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-image-display-option:hover,.pp-image-display-option:focus-visible{background:color-mix(in srgb, var(--pp-frost2) 8%, var(--pp-surface))}}.pp-image-display-option:hover,.pp-image-display-option:focus-visible{color:var(--pp-heading-color);outline:none}.pp-image-display-option--active{border-color:var(--pp-frost3)}@supports (color:color-mix(in lab, red, red)){.pp-image-display-option--active{border-color:color-mix(in srgb, var(--pp-frost3) 42%, var(--pp-border))}}.pp-image-display-option--active{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-image-display-option--active{background:color-mix(in srgb, var(--pp-frost2) 14%, var(--pp-surface))}}.pp-image-display-option--active{color:var(--pp-frost4)}.pp-image-display-option--disabled,.pp-image-display-option:disabled{opacity:.4;cursor:not-allowed}.pp-image-display-option--disabled:hover,.pp-image-display-option:disabled:hover{border-color:var(--pp-border);background:var(--pp-surface);color:var(--pp-text-secondary)}.pp-resolution-presets{flex-wrap:wrap;gap:.65rem;display:flex}.pp-resolution-preset{border:1px solid var(--pp-border);background:var(--pp-surface);color:var(--pp-text-secondary);cursor:pointer;border-radius:999px;padding:.5rem .85rem;font-size:.82rem;font-weight:600;line-height:1;transition:border-color .15s,background-color .15s,color .15s}.pp-resolution-preset:hover,.pp-resolution-preset:focus-visible{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-resolution-preset:hover,.pp-resolution-preset:focus-visible{background:color-mix(in srgb, var(--pp-frost2) 8%, var(--pp-surface))}}.pp-resolution-preset:hover,.pp-resolution-preset:focus-visible{color:var(--pp-heading-color);outline:none}.pp-resolution-preset--active{border-color:var(--pp-frost3)}@supports (color:color-mix(in lab, red, red)){.pp-resolution-preset--active{border-color:color-mix(in srgb, var(--pp-frost3) 42%, var(--pp-border))}}.pp-resolution-preset--active{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-resolution-preset--active{background:color-mix(in srgb, var(--pp-frost2) 14%, var(--pp-surface))}}.pp-resolution-preset--active{color:var(--pp-frost4)}.pp-resolution-fields{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.pp-resolution-field{flex-direction:column;flex:1;gap:.4rem;min-width:120px;display:flex}.pp-result-wrap{flex-direction:column;display:flex}.pp-label{text-transform:uppercase;letter-spacing:.06em;color:var(--pp-frost4);font-size:.78rem;font-weight:600}.pp-field{border:1px solid var(--pp-border);border-radius:var(--pp-radius);background:var(--pp-surface);width:100%;color:var(--pp-text);padding:.65rem .85rem;font-size:.9rem;font-weight:450;transition:border-color .15s,box-shadow .15s}.pp-field:focus{border-color:var(--pp-frost2);box-shadow:0 0 0 3px var(--pp-frost2);outline:none}@supports (color:color-mix(in lab, red, red)){.pp-field:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--pp-frost2) 18%, transparent)}}.pp-field::placeholder{color:var(--pp-text-muted)}.pp-action{border:1px solid var(--pp-frost3);justify-content:center;align-items:center;gap:.4rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pp-action{border:1px solid color-mix(in srgb, var(--pp-frost3) 30%, var(--pp-border))}}.pp-action{border-radius:var(--pp-radius);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-action{background:color-mix(in srgb, var(--pp-frost2) 10%, var(--pp-surface))}}.pp-action{color:var(--pp-frost4);letter-spacing:.005em;cursor:pointer;white-space:nowrap;padding:.75rem 1.5rem;font-size:.9rem;font-weight:650;transition:border-color .15s,background-color .15s,color .15s}.pp-action:hover{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-action:hover{background:color-mix(in srgb, var(--pp-frost2) 16%, var(--pp-surface))}}.pp-action:hover{color:var(--pp-heading-color)}.pp-action:active{background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-action:active{background:color-mix(in srgb, var(--pp-frost2) 22%, var(--pp-surface))}}.pp-action:disabled{cursor:not-allowed;opacity:.6}.pp-action--confirm{margin-top:.25rem}.pp-action--generate{background:var(--pp-frost2);align-self:flex-end}@supports (color:color-mix(in lab, red, red)){.pp-action--generate{background:color-mix(in srgb, var(--pp-frost2) 16%, var(--pp-surface))}}.pp-action--generate{color:var(--pp-heading-color)}.pp-ghost{border:1px solid var(--pp-border);border-radius:var(--pp-radius);background:var(--pp-surface);color:var(--pp-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.pp-ghost:hover{border-color:var(--pp-frost3);background:var(--pp-frost3)}@supports (color:color-mix(in lab, red, red)){.pp-ghost:hover{background:color-mix(in srgb, var(--pp-frost3) 6%, var(--pp-surface))}}.pp-ghost:hover{color:var(--pp-frost4)}.pp-preview-box{border:1px solid var(--pp-border-subtle);border-radius:var(--pp-radius-lg);background:var(--pp-surface);justify-content:center;align-items:center;min-height:200px;padding:1rem;display:flex;position:relative;overflow:hidden}.pp-preview-box--palette{width:100%}.pp-preview-box--clickable{cursor:zoom-in}.pp-preview-empty{color:var(--pp-text-muted);text-align:center;padding:1rem;font-size:.88rem}.pp-preview-img{border-radius:var(--pp-radius);object-fit:contain;width:auto;max-width:100%;max-height:420px}.pp-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ab3;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;inset:0}.pp-modal{border:1px solid var(--pp-frost2);flex-direction:column;gap:.9rem;width:min(80vw,1200px);max-width:100%;max-height:80vh;padding:1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.pp-modal{border:1px solid color-mix(in srgb, var(--pp-frost2) 40%, var(--pp-border))}}.pp-modal{border-radius:calc(var(--pp-radius-xl) + 4px);background:var(--pp-surface-raised);box-shadow:var(--pp-shadow-lg)}.pp-modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pp-modal-title{color:var(--pp-heading-color);font-size:.95rem;font-weight:700}.pp-modal-close{border:1px solid var(--pp-border);background:var(--pp-surface);color:var(--pp-text-secondary);cursor:pointer;border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}.pp-modal-close:hover,.pp-modal-close:focus-visible{border-color:var(--pp-frost2);background:var(--pp-frost2)}@supports (color:color-mix(in lab, red, red)){.pp-modal-close:hover,.pp-modal-close:focus-visible{background:color-mix(in srgb, var(--pp-frost2) 8%, var(--pp-surface))}}.pp-modal-close:hover,.pp-modal-close:focus-visible{color:var(--pp-heading-color);outline:none}.pp-modal-body{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.pp-modal-preview-img{border-radius:var(--pp-radius-lg);object-fit:contain;width:auto;max-width:80vw;height:auto;max-height:calc(80vh - 5.5rem);display:block}.pp-result-link{border-radius:var(--pp-radius);cursor:pointer;transition:box-shadow .2s;display:block;position:relative;overflow:hidden}.pp-result-link:hover{box-shadow:0 6px 24px var(--pp-frost4)}@supports (color:color-mix(in lab, red, red)){.pp-result-link:hover{box-shadow:0 6px 24px color-mix(in srgb, var(--pp-frost4) 22%, transparent)}}.pp-result-download-badge{background:var(--pp-nord0);position:absolute;bottom:.75rem;right:.75rem}@supports (color:color-mix(in lab, red, red)){.pp-result-download-badge{background:color-mix(in srgb, var(--pp-nord0) 90%, black)}}.pp-result-download-badge{color:var(--pp-frost2);text-transform:uppercase;letter-spacing:.06em;opacity:0;border-radius:8px;padding:.3rem .65rem;font-size:.72rem;font-weight:700;transition:opacity .2s}.pp-result-link:hover .pp-result-download-badge{opacity:1}.pp-spinner-overlay{background:var(--pp-surface);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.pp-spinner-overlay{background:color-mix(in srgb, var(--pp-surface) 85%, transparent)}}.pp-spinner-overlay{border-radius:var(--pp-radius-lg);z-index:5}.pp-spinner{border:3px solid var(--pp-border);border-top-color:var(--pp-frost2);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite pp-spin}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-error{color:var(--pp-red);margin-top:.25rem;font-size:.82rem;font-weight:600}.pp-reset-row{justify-content:center;padding:1rem 0 2rem;display:flex}.hidden{display:none!important}.pp-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.pp-modal-open{overflow:hidden}html[data-theme=nord-dark]{--pp-frost1:#8fbcbb;--pp-frost2:#88c0d0;--pp-frost3:#81a1c1;--pp-frost4:#5e81ac;--pp-red:#bf616a;--pp-orange:#d08770;--pp-yellow:#ebcb8b;--pp-green:#a3be8c;--pp-purple:#b48ead;--pp-bg:#1e222a;--pp-bg-alt:#252932;--pp-surface:#2a2f3a;--pp-surface-raised:#252932;--pp-text:#d8dee9;--pp-text-secondary:#9aa5b4;--pp-text-muted:#6b7789;--pp-border:#3b4252;--pp-border-subtle:#333945;--pp-shadow-sm:0 1px 2px #0003;--pp-shadow-md:0 4px 16px #00000040, 0 1px 3px #00000026;--pp-shadow-lg:0 12px 40px #00000059, 0 2px 8px #0003;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pp-heading-color:#eceff4;--pp-flash-alert-text:#ffc4ca;--pp-flash-notice-text:#daf6de;--pp-is-dark:1}html[data-theme=nord-light]{--pp-frost1:#8fbcbb;--pp-frost2:#88c0d0;--pp-frost3:#81a1c1;--pp-frost4:#5e81ac;--pp-red:#bf616a;--pp-orange:#d08770;--pp-yellow:#ebcb8b;--pp-green:#a3be8c;--pp-purple:#b48ead;--pp-bg:#f9fafb;--pp-bg-alt:#fff;--pp-surface:#fff;--pp-surface-raised:#f4f7fb;--pp-text:#2e3440;--pp-text-secondary:#4c566a;--pp-text-muted:#7b8394;--pp-border:#e5e9f0;--pp-border-subtle:#eceff4;--pp-shadow-sm:0 1px 2px #2e34400d;--pp-shadow-md:0 4px 16px #2e34400f, 0 1px 3px #2e34400a;--pp-shadow-lg:0 12px 40px #2e344014, 0 2px 8px #2e34400a;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--pp-heading-color:#2e3440;--pp-flash-alert-text:#bf616a;--pp-flash-notice-text:#3d7a4f;--pp-is-dark:0}html[data-theme=catppuccin-latte]{--pp-frost1:#1e66f5;--pp-frost2:#7287fd;--pp-frost3:#8839ef;--pp-frost4:#8839ef;--pp-red:#d20f39;--pp-orange:#fe640b;--pp-yellow:#df8e1d;--pp-green:#40a02b;--pp-purple:#8839ef;--pp-bg:#eff1f5;--pp-bg-alt:#e6e9ef;--pp-surface:#e6e9ef;--pp-surface-raised:#dce0e8;--pp-text:#4c4f69;--pp-text-secondary:#5c5f77;--pp-text-muted:#6c6f85;--pp-border:#bcc0cc;--pp-border-subtle:#ccd0da;--pp-shadow-sm:0 1px 2px #4c4f690d;--pp-shadow-md:0 4px 16px #4c4f690f, 0 1px 3px #4c4f690a;--pp-shadow-lg:0 12px 40px #4c4f6914, 0 2px 8px #4c4f690a;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Nunito", "Inter", -apple-system, sans-serif;--pp-heading-color:#4c4f69;--pp-flash-alert-text:#d20f39;--pp-flash-notice-text:#40a02b;--pp-is-dark:0}html[data-theme=catppuccin-frappe]{--pp-frost1:#8caaee;--pp-frost2:#85c1dc;--pp-frost3:#ca9ee6;--pp-frost4:#ca9ee6;--pp-red:#e78284;--pp-orange:#ef9f76;--pp-yellow:#e5c890;--pp-green:#a6d189;--pp-purple:#ca9ee6;--pp-bg:#303446;--pp-bg-alt:#292c3c;--pp-surface:#292c3c;--pp-surface-raised:#414559;--pp-text:#c6d0f5;--pp-text-secondary:#b5bfe2;--pp-text-muted:#a5adce;--pp-border:#51576d;--pp-border-subtle:#414559;--pp-shadow-sm:0 1px 2px #0003;--pp-shadow-md:0 4px 16px #00000040, 0 1px 3px #00000026;--pp-shadow-lg:0 12px 40px #00000059, 0 2px 8px #0003;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Nunito", "Inter", -apple-system, sans-serif;--pp-heading-color:#c6d0f5;--pp-flash-alert-text:#e78284;--pp-flash-notice-text:#a6d189;--pp-is-dark:1}html[data-theme=catppuccin-macchiato]{--pp-frost1:#8aadf4;--pp-frost2:#7dc4e4;--pp-frost3:#c6a0f6;--pp-frost4:#c6a0f6;--pp-red:#ed8796;--pp-orange:#f5a97f;--pp-yellow:#eed49f;--pp-green:#a6da95;--pp-purple:#c6a0f6;--pp-bg:#24273a;--pp-bg-alt:#1e2030;--pp-surface:#1e2030;--pp-surface-raised:#363a4f;--pp-text:#cad3f5;--pp-text-secondary:#b8c0e0;--pp-text-muted:#a5adcb;--pp-border:#494d64;--pp-border-subtle:#363a4f;--pp-shadow-sm:0 1px 2px #0003;--pp-shadow-md:0 4px 16px #00000040, 0 1px 3px #00000026;--pp-shadow-lg:0 12px 40px #00000059, 0 2px 8px #0003;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Nunito", "Inter", -apple-system, sans-serif;--pp-heading-color:#cad3f5;--pp-flash-alert-text:#ed8796;--pp-flash-notice-text:#a6da95;--pp-is-dark:1}html[data-theme=catppuccin-mocha]{--pp-frost1:#89b4fa;--pp-frost2:#74c7ec;--pp-frost3:#cba6f7;--pp-frost4:#cba6f7;--pp-red:#f38ba8;--pp-orange:#fab387;--pp-yellow:#f9e2af;--pp-green:#a6e3a1;--pp-purple:#cba6f7;--pp-bg:#1e1e2e;--pp-bg-alt:#181825;--pp-surface:#181825;--pp-surface-raised:#313244;--pp-text:#cdd6f4;--pp-text-secondary:#bac2de;--pp-text-muted:#a6adc8;--pp-border:#45475a;--pp-border-subtle:#313244;--pp-shadow-sm:0 1px 2px #0003;--pp-shadow-md:0 4px 16px #00000040, 0 1px 3px #00000026;--pp-shadow-lg:0 12px 40px #00000059, 0 2px 8px #0003;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Nunito", "Inter", -apple-system, sans-serif;--pp-heading-color:#cdd6f4;--pp-flash-alert-text:#f38ba8;--pp-flash-notice-text:#a6e3a1;--pp-is-dark:1}html[data-theme=gruvbox-light]{--pp-frost1:#427b58;--pp-frost2:#076678;--pp-frost3:#076678;--pp-frost4:#076678;--pp-red:#9d0006;--pp-orange:#af3a03;--pp-yellow:#b57614;--pp-green:#79740e;--pp-purple:#8f3f71;--pp-bg:#fbf1c7;--pp-bg-alt:#f2e5bc;--pp-surface:#ebdbb2;--pp-surface-raised:#d5c4a1;--pp-text:#3c3836;--pp-text-secondary:#504945;--pp-text-muted:#665c54;--pp-border:#bdae93;--pp-border-subtle:#d5c4a1;--pp-shadow-sm:0 1px 2px #3c38360f;--pp-shadow-md:0 4px 16px #3c383614, 0 1px 3px #3c38360d;--pp-shadow-lg:0 12px 40px #3c38361a, 0 2px 8px #3c38360d;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"IBM Plex Mono", "JetBrains Mono", monospace;--pp-heading-color:#3c3836;--pp-flash-alert-text:#9d0006;--pp-flash-notice-text:#79740e;--pp-is-dark:0}html[data-theme=gruvbox-dark]{--pp-frost1:#8ec07c;--pp-frost2:#83a598;--pp-frost3:#83a598;--pp-frost4:#83a598;--pp-red:#fb4934;--pp-orange:#fe8019;--pp-yellow:#fabd2f;--pp-green:#b8bb26;--pp-purple:#d3869b;--pp-bg:#282828;--pp-bg-alt:#1d2021;--pp-surface:#1d2021;--pp-surface-raised:#3c3836;--pp-text:#ebdbb2;--pp-text-secondary:#d5c4a1;--pp-text-muted:#a89984;--pp-border:#504945;--pp-border-subtle:#3c3836;--pp-shadow-sm:0 1px 2px #00000040;--pp-shadow-md:0 4px 16px #0000004d, 0 1px 3px #0003;--pp-shadow-lg:0 12px 40px #0006, 0 2px 8px #00000040;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"IBM Plex Mono", "JetBrains Mono", monospace;--pp-heading-color:#fbf1c7;--pp-flash-alert-text:#fb4934;--pp-flash-notice-text:#b8bb26;--pp-is-dark:1}html[data-theme=dracula]{--pp-frost1:#ff79c6;--pp-frost2:#8be9fd;--pp-frost3:#bd93f9;--pp-frost4:#bd93f9;--pp-red:#f55;--pp-orange:#ffb86c;--pp-yellow:#f1fa8c;--pp-green:#50fa7b;--pp-purple:#bd93f9;--pp-bg:#282a36;--pp-bg-alt:#21222c;--pp-surface:#21222c;--pp-surface-raised:#44475a;--pp-text:#f8f8f2;--pp-text-secondary:#bfbfbf;--pp-text-muted:#6272a4;--pp-border:#44475a;--pp-border-subtle:#343746;--pp-shadow-sm:0 1px 2px #00000040;--pp-shadow-md:0 4px 16px #0000004d, 0 1px 3px #0003;--pp-shadow-lg:0 12px 40px #0006, 0 2px 8px #00000040;--pp-radius:8px;--pp-radius-lg:12px;--pp-radius-xl:16px;--pp-font-family:"Fira Code", "Cascadia Code", monospace;--pp-heading-color:#f8f8f2;--pp-flash-alert-text:#f55;--pp-flash-notice-text:#50fa7b;--pp-is-dark:1}html[data-theme=tokyo-night]{--pp-frost1:#bb9af7;--pp-frost2:#7dcfff;--pp-frost3:#7aa2f7;--pp-frost4:#7aa2f7;--pp-red:#f7768e;--pp-orange:#ff9e64;--pp-yellow:#e0af68;--pp-green:#9ece6a;--pp-purple:#bb9af7;--pp-bg:#1a1b26;--pp-bg-alt:#16161e;--pp-surface:#16161e;--pp-surface-raised:#202330;--pp-text:#a9b1d6;--pp-text-secondary:#787c99;--pp-text-muted:#515670;--pp-border:#292e42;--pp-border-subtle:#232433;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:8px;--pp-radius-lg:12px;--pp-radius-xl:16px;--pp-font-family:"JetBrains Mono", "Fira Code", monospace;--pp-heading-color:#c0caf5;--pp-flash-alert-text:#f7768e;--pp-flash-notice-text:#9ece6a;--pp-is-dark:1}html[data-theme=tokyo-night-storm]{--pp-frost1:#bb9af7;--pp-frost2:#7dcfff;--pp-frost3:#7aa2f7;--pp-frost4:#7aa2f7;--pp-red:#f7768e;--pp-orange:#ff9e64;--pp-yellow:#e0af68;--pp-green:#9ece6a;--pp-purple:#bb9af7;--pp-bg:#24283b;--pp-bg-alt:#1f2335;--pp-surface:#1f2335;--pp-surface-raised:#292e42;--pp-text:#a9b1d6;--pp-text-secondary:#8089b3;--pp-text-muted:#545c7e;--pp-border:#2d324a;--pp-border-subtle:#292e42;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:8px;--pp-radius-lg:12px;--pp-radius-xl:16px;--pp-font-family:"JetBrains Mono", "Fira Code", monospace;--pp-heading-color:#c0caf5;--pp-flash-alert-text:#f7768e;--pp-flash-notice-text:#9ece6a;--pp-is-dark:1}html[data-theme=tokyo-night-moon]{--pp-frost1:#c099ff;--pp-frost2:#86e1fc;--pp-frost3:#82aaff;--pp-frost4:#82aaff;--pp-red:#ff757f;--pp-orange:#ff966c;--pp-yellow:#ffc777;--pp-green:#c3e88d;--pp-purple:#c099ff;--pp-bg:#222436;--pp-bg-alt:#1e2030;--pp-surface:#1e2030;--pp-surface-raised:#2f334d;--pp-text:#c8d3f5;--pp-text-secondary:#828bb8;--pp-text-muted:#545c7e;--pp-border:#2f334d;--pp-border-subtle:#2a2c3f;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:8px;--pp-radius-lg:12px;--pp-radius-xl:16px;--pp-font-family:"JetBrains Mono", "Fira Code", monospace;--pp-heading-color:#c8d3f5;--pp-flash-alert-text:#ff757f;--pp-flash-notice-text:#c3e88d;--pp-is-dark:1}html[data-theme=everforest-light]{--pp-frost1:#35a77c;--pp-frost2:#3a94c5;--pp-frost3:#3a94c5;--pp-frost4:#3a94c5;--pp-red:#f85552;--pp-orange:#f57d26;--pp-yellow:#dfa000;--pp-green:#8da101;--pp-purple:#df69ba;--pp-bg:#fdf6e3;--pp-bg-alt:#f4f0d9;--pp-surface:#f4f0d9;--pp-surface-raised:#efebd4;--pp-text:#5c6a72;--pp-text-secondary:#829181;--pp-text-muted:#939f91;--pp-border:#e0dcc7;--pp-border-subtle:#e6e2cc;--pp-shadow-sm:0 1px 2px #5c6a720d;--pp-shadow-md:0 4px 16px #5c6a720f, 0 1px 3px #5c6a720a;--pp-shadow-lg:0 12px 40px #5c6a7214, 0 2px 8px #5c6a720a;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Lora", "Source Serif 4", serif;--pp-heading-color:#5c6a72;--pp-flash-alert-text:#f85552;--pp-flash-notice-text:#8da101;--pp-is-dark:0}html[data-theme=everforest-dark]{--pp-frost1:#83c092;--pp-frost2:#7fbbb3;--pp-frost3:#7fbbb3;--pp-frost4:#7fbbb3;--pp-red:#e67e80;--pp-orange:#e69875;--pp-yellow:#dbbc7f;--pp-green:#a7c080;--pp-purple:#d699b6;--pp-bg:#2d353b;--pp-bg-alt:#232a2e;--pp-surface:#232a2e;--pp-surface-raised:#343f44;--pp-text:#d3c6aa;--pp-text-secondary:#9da9a0;--pp-text-muted:#859289;--pp-border:#475258;--pp-border-subtle:#3d484d;--pp-shadow-sm:0 1px 2px #00000040;--pp-shadow-md:0 4px 16px #0000004d, 0 1px 3px #0003;--pp-shadow-lg:0 12px 40px #0006, 0 2px 8px #00000040;--pp-radius:12px;--pp-radius-lg:16px;--pp-radius-xl:20px;--pp-font-family:"Lora", "Source Serif 4", serif;--pp-heading-color:#d3c6aa;--pp-flash-alert-text:#e67e80;--pp-flash-notice-text:#a7c080;--pp-is-dark:1}html[data-theme=rose-pine]{--pp-frost1:#eb6f92;--pp-frost2:#9ccfd8;--pp-frost3:#c4a7e7;--pp-frost4:#c4a7e7;--pp-red:#eb6f92;--pp-orange:#f6c177;--pp-yellow:#f6c177;--pp-green:#31748f;--pp-purple:#c4a7e7;--pp-bg:#191724;--pp-bg-alt:#1f1d2e;--pp-surface:#1f1d2e;--pp-surface-raised:#26233a;--pp-text:#e0def4;--pp-text-secondary:#908caa;--pp-text-muted:#6e6a86;--pp-border:#524f67;--pp-border-subtle:#403d52;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:16px;--pp-radius-lg:20px;--pp-radius-xl:24px;--pp-font-family:"Gabarito", "DM Sans", sans-serif;--pp-heading-color:#e0def4;--pp-flash-alert-text:#eb6f92;--pp-flash-notice-text:#9ccfd8;--pp-is-dark:1}html[data-theme=rose-pine-moon]{--pp-frost1:#eb6f92;--pp-frost2:#9ccfd8;--pp-frost3:#c4a7e7;--pp-frost4:#c4a7e7;--pp-red:#eb6f92;--pp-orange:#f6c177;--pp-yellow:#f6c177;--pp-green:#3e8fb0;--pp-purple:#c4a7e7;--pp-bg:#232136;--pp-bg-alt:#2a273f;--pp-surface:#2a273f;--pp-surface-raised:#393552;--pp-text:#e0def4;--pp-text-secondary:#908caa;--pp-text-muted:#6e6a86;--pp-border:#56526e;--pp-border-subtle:#44415a;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:16px;--pp-radius-lg:20px;--pp-radius-xl:24px;--pp-font-family:"Gabarito", "DM Sans", sans-serif;--pp-heading-color:#e0def4;--pp-flash-alert-text:#eb6f92;--pp-flash-notice-text:#9ccfd8;--pp-is-dark:1}html[data-theme=rose-pine-dawn]{--pp-frost1:#b4637a;--pp-frost2:#56949f;--pp-frost3:#907aa9;--pp-frost4:#907aa9;--pp-red:#b4637a;--pp-orange:#ea9d34;--pp-yellow:#ea9d34;--pp-green:#286983;--pp-purple:#907aa9;--pp-bg:#faf4ed;--pp-bg-alt:#fffaf3;--pp-surface:#fffaf3;--pp-surface-raised:#f2e9e1;--pp-text:#575279;--pp-text-secondary:#797593;--pp-text-muted:#9893a5;--pp-border:#cecacd;--pp-border-subtle:#dfdad9;--pp-shadow-sm:0 1px 2px #5752790d;--pp-shadow-md:0 4px 16px #5752790f, 0 1px 3px #5752790a;--pp-shadow-lg:0 12px 40px #57527914, 0 2px 8px #5752790a;--pp-radius:16px;--pp-radius-lg:20px;--pp-radius-xl:24px;--pp-font-family:"Gabarito", "DM Sans", sans-serif;--pp-heading-color:#575279;--pp-flash-alert-text:#b4637a;--pp-flash-notice-text:#286983;--pp-is-dark:0}html[data-theme=solarized-light]{--pp-frost1:#2aa198;--pp-frost2:#268bd2;--pp-frost3:#268bd2;--pp-frost4:#268bd2;--pp-red:#dc322f;--pp-orange:#cb4b16;--pp-yellow:#b58900;--pp-green:#859900;--pp-purple:#6c71c4;--pp-bg:#fdf6e3;--pp-bg-alt:#eee8d5;--pp-surface:#eee8d5;--pp-surface-raised:#eee8d5;--pp-text:#657b83;--pp-text-secondary:#586e75;--pp-text-muted:#93a1a1;--pp-border:#93a1a1;--pp-border-subtle:#eee8d5;--pp-shadow-sm:0 1px 2px #657b830f;--pp-shadow-md:0 4px 16px #657b8314, 0 1px 3px #657b830d;--pp-shadow-lg:0 12px 40px #657b831a, 0 2px 8px #657b830d;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"Source Code Pro", "Inconsolata", monospace;--pp-heading-color:#586e75;--pp-flash-alert-text:#dc322f;--pp-flash-notice-text:#859900;--pp-is-dark:0}html[data-theme=solarized-dark]{--pp-frost1:#2aa198;--pp-frost2:#268bd2;--pp-frost3:#268bd2;--pp-frost4:#268bd2;--pp-red:#dc322f;--pp-orange:#cb4b16;--pp-yellow:#b58900;--pp-green:#859900;--pp-purple:#6c71c4;--pp-bg:#002b36;--pp-bg-alt:#073642;--pp-surface:#073642;--pp-surface-raised:#073642;--pp-text:#839496;--pp-text-secondary:#93a1a1;--pp-text-muted:#586e75;--pp-border:#586e75;--pp-border-subtle:#073642;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"Source Code Pro", "Inconsolata", monospace;--pp-heading-color:#93a1a1;--pp-flash-alert-text:#dc322f;--pp-flash-notice-text:#859900;--pp-is-dark:1}html[data-theme=one-dark]{--pp-frost1:#c678dd;--pp-frost2:#56b6c2;--pp-frost3:#61afef;--pp-frost4:#61afef;--pp-red:#e06c75;--pp-orange:#d19a66;--pp-yellow:#e5c07b;--pp-green:#98c379;--pp-purple:#c678dd;--pp-bg:#282c34;--pp-bg-alt:#21252b;--pp-surface:#21252b;--pp-surface-raised:#2c313a;--pp-text:#abb2bf;--pp-text-secondary:#848b98;--pp-text-muted:#5c6370;--pp-border:#3e4452;--pp-border-subtle:#2c313a;--pp-shadow-sm:0 1px 2px #00000040;--pp-shadow-md:0 4px 16px #0000004d, 0 1px 3px #0003;--pp-shadow-lg:0 12px 40px #0006, 0 2px 8px #00000040;--pp-radius:6px;--pp-radius-lg:10px;--pp-radius-xl:14px;--pp-font-family:"Fira Code", "Cascadia Code", monospace;--pp-heading-color:#e5e5e5;--pp-flash-alert-text:#e06c75;--pp-flash-notice-text:#98c379;--pp-is-dark:1}html[data-theme=kanagawa-wave]{--pp-frost1:#957fb8;--pp-frost2:#7fb4ca;--pp-frost3:#7e9cd8;--pp-frost4:#7e9cd8;--pp-red:#e82424;--pp-orange:#ff9e3b;--pp-yellow:#e6c384;--pp-green:#98bb6c;--pp-purple:#957fb8;--pp-bg:#1f1f28;--pp-bg-alt:#1a1a22;--pp-surface:#1a1a22;--pp-surface-raised:#2a2a37;--pp-text:#dcd7ba;--pp-text-secondary:#c8c093;--pp-text-muted:#727169;--pp-border:#363646;--pp-border-subtle:#2a2a37;--pp-shadow-sm:0 1px 2px #0000004d;--pp-shadow-md:0 4px 16px #00000059, 0 1px 3px #00000040;--pp-shadow-lg:0 12px 40px #00000073, 0 2px 8px #0000004d;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"Noto Serif", "Literata", serif;--pp-heading-color:#dcd7ba;--pp-flash-alert-text:#e82424;--pp-flash-notice-text:#98bb6c;--pp-is-dark:1}html[data-theme=kanagawa-dragon]{--pp-frost1:#8992a7;--pp-frost2:#8ba4b0;--pp-frost3:#8ba4b0;--pp-frost4:#8ba4b0;--pp-red:#e82424;--pp-orange:#ff9e3b;--pp-yellow:#c4b28a;--pp-green:#87a987;--pp-purple:#a292a3;--pp-bg:#181616;--pp-bg-alt:#12120f;--pp-surface:#12120f;--pp-surface-raised:#282727;--pp-text:#c5c9c5;--pp-text-secondary:#c8c093;--pp-text-muted:#737c73;--pp-border:#393836;--pp-border-subtle:#282727;--pp-shadow-sm:0 1px 2px #00000059;--pp-shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d;--pp-shadow-lg:0 12px 40px #00000080, 0 2px 8px #00000059;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"Noto Serif", "Literata", serif;--pp-heading-color:#c5c9c5;--pp-flash-alert-text:#e82424;--pp-flash-notice-text:#87a987;--pp-is-dark:1}html[data-theme=kanagawa-lotus]{--pp-frost1:#624c83;--pp-frost2:#4d699b;--pp-frost3:#4d699b;--pp-frost4:#4d699b;--pp-red:#e82424;--pp-orange:#e98a00;--pp-yellow:#de9800;--pp-green:#6f894e;--pp-purple:#624c83;--pp-bg:#f2ecbc;--pp-bg-alt:#e5ddb0;--pp-surface:#e5ddb0;--pp-surface-raised:#e7dba0;--pp-text:#545464;--pp-text-secondary:#43436c;--pp-text-muted:#8a8980;--pp-border:#e4d794;--pp-border-subtle:#e7dba0;--pp-shadow-sm:0 1px 2px #5454640f;--pp-shadow-md:0 4px 16px #54546414, 0 1px 3px #5454640d;--pp-shadow-lg:0 12px 40px #5454641a, 0 2px 8px #5454640d;--pp-radius:4px;--pp-radius-lg:6px;--pp-radius-xl:8px;--pp-font-family:"Noto Serif", "Literata", serif;--pp-heading-color:#545464;--pp-flash-alert-text:#e82424;--pp-flash-notice-text:#6f894e;--pp-is-dark:0}a,button,input,select{transition-property:color,background-color,border-color,box-shadow;transition-duration:.32s;transition-timing-function:ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pp-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pp-text-muted)}@media (max-width:639px){.pp-hero{padding:2.5rem 0 2rem}.pp-hero-logo{width:120px;height:120px;margin-bottom:1.5rem}.pp-hero-title br{display:none}.pp-palette-swatch{border-radius:8px;width:28px;height:28px}.pp-palette-strip{gap:4px}.pp-step{margin:1rem 0;padding:1.25rem 1rem}.pp-step-badge{width:30px;height:30px;font-size:.78rem}.pp-step-title{font-size:1.1rem}.pp-palette-controls{grid-template-columns:1fr}.pp-pretty-select__trigger{padding:.85rem .9rem}.pp-pretty-select__menu{max-height:16rem}.pp-pretty-select__option{flex-direction:column;align-items:flex-start}.pp-mode-toggle__label{padding:.8rem .6rem;font-size:.85rem}.pp-flag-toggle{align-items:flex-start}.pp-upload-zone{width:100%;min-height:240px}.pp-upload-preview-img{max-height:280px}.pp-preview-img{max-height:300px}.pp-preview-box--palette{min-height:260px}.pp-resolution-presets{gap:.5rem}.pp-image-display-option,.pp-resolution-preset{flex:calc(50% - .25rem);justify-content:center}.pp-modal-backdrop{padding:1rem}.pp-modal{width:100%;max-height:82vh;padding:.85rem}.pp-modal-header{flex-direction:column;align-items:flex-start}.pp-modal-preview-img{max-width:100%;max-height:calc(82vh - 6.5rem)}.pp-resolution-fields{flex-direction:column;align-items:stretch}.pp-action{justify-content:center;width:100%}.pp-color-tile{width:22px;height:22px}.pp-flash{font-size:.82rem}}@media (min-width:640px){.pp-main{padding:0 1.5rem 5rem}.pp-hero{padding:5rem 0 3.5rem}.pp-palette-swatch{width:36px;height:36px}.pp-palette-strip{gap:6px}.pp-step{padding:2.5rem 2rem}}@media (min-width:1024px){.pp-step{padding:3rem 2.5rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}