@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";@layer components;@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-outline-style:solid;--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;--tw-ease:initial;--angle:0deg}}}@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;--ease-out:cubic-bezier(0, 0, .2, 1);--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;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 utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.px-0{padding-inline:calc(var(--spacing) * 0)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;user-select:all}}:root{color:#272522;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;background:#f8f7f3;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}body{color:#272522;-webkit-font-smoothing:antialiased;background:#f8f7f3;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{color:#2d2c29;background:#f0c4b4}.btn{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;line-height:1;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-dark{color:#fff;background:#2d2c29;border-color:#2d2c29}.btn-dark:hover{background:#42413c}.btn-secondary{color:#5a5750;background:#fff;border-color:#e7e5de}.btn-secondary:hover{background:#f8f7f3;border-color:#d9d5cc}.btn-ghost{color:#6e6b64;background:0 0;border-color:#0000}.btn-ghost:hover{color:#d66d4e}.icon-button{color:#6e6b64;background:#fff;border:1px solid #e7e5de;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{color:#d66d4e;border-color:#e0b5a3}.icon-button.on-image{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9}.copy-button{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:4px;color:#fff!important;background:#2d2c29!important;border:0!important;border-radius:3px!important;padding:9px!important;font-size:10px!important;display:flex!important}.save-button{align-items:center;gap:7px;color:#fff!important;background:#2d2c29!important;border-color:#2d2c29!important;border-radius:4px!important;padding:10px 14px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.ghost-button{color:#5a5750;background:#fff;border:1px solid #e7e5de;border-radius:4px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.ghost-button:hover{color:#d66d4e;border-color:#e0b5a3}.step-number{letter-spacing:1px;color:#d66d4e;margin-bottom:4px;font:8px DM Mono,monospace;display:block}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.pair-selectors{align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.pair-picker label{letter-spacing:.8px;color:#99968e;margin-bottom:5px;font:8px DM Mono,monospace;display:block}.picker-wrap{background:#faf9f6;border:1px solid #e7e5de;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.picker-wrap select{color:#4a4740;appearance:none;background:0 0;border:0;flex:1;min-width:0;padding-right:14px;font:11px DM Mono,monospace}.picker-wrap svg{color:#aaa69e;pointer-events:none;position:absolute;right:8px}.pass-dot{background:#7a9a6e;border-radius:50%;width:8px;height:8px;display:inline-block}.contrast-status.fail-text{color:#d66d4e}.editor-row{margin-bottom:10px}.editor-row label{letter-spacing:.8px;color:#99968e;justify-content:space-between;margin-bottom:5px;font:8px DM Mono,monospace;display:flex}.editor-row label strong{color:#5a5750}.light-range,.chroma-range,.hue-range{accent-color:#d66d4e;width:100%}.hex-edit{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hex-edit input{background:#faf9f6;border:1px solid #e7e5de;border-radius:4px;flex:1;padding:8px 10px;font:12px DM Mono,monospace}.hex-swatch{border:1px solid #0001;border-radius:4px;width:34px;height:34px}.export-switch{background:#f3f1eb;border:1px solid #eae7df;border-radius:4px;gap:2px;width:fit-content;margin-bottom:8px;padding:3px;display:flex}.export-switch button{color:#8f8b82;background:0 0;border:0;border-radius:3px;padding:5px 9px;font:8px DM Mono,monospace}.export-switch button.active{color:#d46c4d;background:#fff;box-shadow:0 1px 3px #29251b14}.steps-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.step-item{background:#fff;border:1px solid #eeece6;border-radius:5px;padding:16px}.step-item strong{margin:8px 0 6px;font-size:13px;display:block}.step-item p{color:#8a867e;margin:0;font-size:11px;line-height:1.55}.howto-section{margin-top:42px;padding-top:8px}.howto-section h2{letter-spacing:-1px;margin:6px 0 0;font-size:28px;font-weight:500}.howto-section h2 em{color:#e47758;font-family:Playfair Display,serif;font-style:italic}.back-link{color:#6e6b64;font-size:12px;font-weight:500}.top-nav{color:#6e6b64;align-items:center;gap:18px;font-size:12px;display:flex}.top-nav a{align-items:center;gap:5px;display:inline-flex}.privacy-pill{color:#68825e;background:#edf2e8;border:1px solid #dce6d5;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.swatch-count select{color:#5a5750;background:#fff;border:1px solid #e7e5de;border-radius:3px;padding:5px 8px;font:11px DM Mono,monospace}.navbar-brand{text-decoration:none}.right-column{flex-direction:column;gap:12px;display:flex}.left-column{min-width:0}.site-footer .copyright{color:#9a978f;font-size:9px}.app-shell{min-height:100vh;overflow-x:hidden}.app-container{max-width:1210px;margin:0 auto;padding-left:28px!important;padding-right:28px!important}.topbar{background:#f8f7f3;border-bottom:1px solid #e9e7df;height:75px}.brand-mark,.footer-brand{letter-spacing:-1.2px;align-items:center;gap:9px;font-weight:700;color:#262521!important;font-size:21px!important;display:flex!important}.brand-period{color:#e96948}.brand-icon{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:19px;height:19px;display:grid;transform:rotate(-9deg)}.brand-icon i{background:#e97655;border-radius:4px 4px 1px;display:block}.brand-icon i:nth-child(2){background:#e8b99e;border-radius:4px 4px 4px 1px}.brand-icon i:nth-child(3){background:#6069b6;border-radius:4px 1px 4px 4px}.brand-icon i:nth-child(4){background:#c4bbdf;border-radius:1px 4px 4px}.topbar .app-container{justify-content:space-between;align-items:center;height:100%;display:flex}.top-nav{color:#77756f;align-items:center;gap:30px;margin-left:auto;margin-right:44px;font-size:12px;display:flex}.top-nav a:hover,.footer-links a:hover{color:#df6847}.nav-divider{background:#dedbd3;width:1px;height:17px;margin-left:-8px;margin-right:-10px}.local-badge{color:#696860;align-items:center;gap:6px;font-size:11px;display:flex}.local-badge svg{color:#7b8a68}.header-button{align-items:center;gap:8px;background:#2d2c29!important;border-color:#2d2c29!important;border-radius:4px!important;padding:10px 14px!important;font-size:12px!important;font-weight:600!important;display:flex!important}.header-button:hover,.save-button:hover{background:#42413c!important}.main-content{padding-top:42px!important}.eyebrow,.section-kicker{letter-spacing:1.4px;color:#98958b;font-family:DM Mono,monospace;font-size:9px}.eyebrow{color:#d66d4e;align-items:center;gap:7px;font-weight:500;display:flex}.hero-heading-row{justify-content:space-between;align-items:flex-end;margin-top:15px;margin-bottom:30px;display:flex}.hero-heading-row h1,.privacy-content h1{letter-spacing:-2.4px;color:#282724;margin:0;font-size:48px;font-weight:500;line-height:1.08}.hero-heading-row h1 em{color:#e47758;font-family:Playfair Display,serif;font-weight:500}.mobile-break{display:none}.intro-copy{color:#85827b;margin:12px 0 0;font-size:13px}.hero-note{color:#96928a;align-items:center;gap:10px;margin:0 32px 4px 0;font-family:Playfair Display,serif;font-size:12px;font-style:italic;line-height:1.4;display:flex;transform:rotate(-4deg)}.note-scribble{color:#df8a68;font-size:27px}.workspace-grid{grid-template-columns:minmax(0,1.42fr) minmax(360px,.93fr);align-items:start;gap:31px;display:grid}.image-card{background:#e1b4a0;border-radius:5px;height:294px;position:relative;overflow:hidden}.source-image{object-fit:cover;width:100%;height:100%;transition:transform .55s;display:block}.image-card:hover .source-image{transform:scale(1.02)}.image-overlay{pointer-events:none;background:linear-gradient(#1c1b1957,#0000 28% 68%,#1918177a);position:absolute;inset:0}.image-topline,.image-caption{color:#fff;align-items:center;display:flex;position:absolute;left:17px;right:16px}.image-topline{justify-content:space-between;top:15px}.image-label{letter-spacing:1.3px;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:9px;display:flex}.status-dot{background:#e6a47f;border-radius:50%;width:6px;height:6px;display:inline-block}.icon-button{border:0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.on-image{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3}.image-caption{gap:9px;font-size:11px;font-weight:500;bottom:16px}.image-caption span:last-child{opacity:.82;font-weight:400}.image-hover-hint{color:#fff;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22211e59;border:1px solid #ffffffbf;border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;transition:opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-card:hover .image-hover-hint,.image-card.is-dragging .image-hover-hint{opacity:1}.image-card.is-dragging{outline-offset:3px;outline:3px solid #e47758}.source-footer{color:#96938b;justify-content:space-between;align-items:center;height:39px;font-size:10px;display:flex}.source-footer>span{align-items:center;gap:6px;display:flex}.source-footer>span svg{color:#819074}.text-button,.subtle-action{color:#77756d;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;display:flex}.text-button:hover,.subtle-action:hover{color:#df6847}.text-button kbd{color:#a29f97;border:1px solid #e4e1d8;border-radius:3px;padding:2px 4px;font:9px DM Mono,monospace}.palette-title-row{justify-content:space-between;align-items:flex-end;margin-top:23px;margin-bottom:14px;display:flex}.palette-title-row h2,.history-heading h2,.about-section h2{letter-spacing:-.65px;margin:4px 0 0;font-size:22px;font-weight:500}.tiny-count{color:#aaa69c;vertical-align:top;padding-left:7px;font:10px DM Mono,monospace}.swatch-count{text-align:right;position:relative}.swatch-count>label{letter-spacing:1px;color:#99968e;margin-bottom:4px;font:8px DM Mono,monospace;display:block}.select-shell{position:relative}.select-shell select{color:#595851;appearance:none;background:0 0;border:0;outline:0;padding:2px 18px 2px 0;font-size:10px}.select-shell svg{color:#96938b;pointer-events:none;position:absolute;top:5px;right:1px}.palette-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.swatch{text-align:left;color:#383732;background:0 0;border:0;min-width:0;padding:0}.swatch-color{border-radius:4px;place-items:center;width:100%;height:79px;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.swatch:hover .swatch-color{transform:translateY(-3px)}.swatch.selected .swatch-color{box-shadow:0 0 0 2px #f8f7f3,0 0 0 3px #89857b}.swatch-check{color:#fff;filter:drop-shadow(0 1px 3px #3338)}.swatch-name,.swatch-hex{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.swatch-name{color:#6e6b64;margin-top:8px;font-size:9px}.swatch-hex{color:#a39f96;margin-top:3px;font:9px DM Mono,monospace}.palette-actions{align-items:center;gap:15px;margin-top:19px;display:flex}.save-button{align-items:center;gap:8px;background:#2d2c29!important;border-color:#2d2c29!important;border-radius:4px!important;padding:10px 13px!important;font-size:10px!important;display:flex!important}.subtle-action{font-size:10px}.saved-inline{color:#9a978f;align-items:center;gap:5px;margin-left:auto;font-size:9px;display:flex}.right-column{flex-direction:column;gap:13px;margin-top:-14px;display:flex}.tool-card{background:#fff;border:1px solid #eeece6;border-radius:5px;padding:17px 19px 15px;box-shadow:0 3px 14px #322f2606}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head>div{align-items:center;gap:11px;display:flex}.step-number{color:#df7555;border:1px solid #f0c9b9;border-radius:50%;place-items:center;width:23px;height:23px;font:9px DM Mono,monospace;display:grid}.card-head h3{letter-spacing:-.2px;margin:3px 0 0;font-size:14px;font-weight:600}.card-head .section-kicker{letter-spacing:1px;font-size:8px}.muted-icon{color:#aaa79e}.editor-color-row{align-items:center;gap:10px;margin:17px 0 15px;display:flex}.editor-chip{border:1px solid #0000000b;border-radius:4px;width:39px;height:35px}.editor-color-text{color:#403e39;flex-direction:column;gap:2px;font-size:11px;display:flex}.editor-color-text small{color:#aaa69d;letter-spacing:.7px;font:8px DM Mono,monospace}.hex-edit{border:1px solid #eeece6;border-radius:3px;align-items:center;gap:7px;height:30px;margin-left:auto;padding:0 8px;display:flex}.hex-edit input{color:#5d5b54;background:0 0;border:0;outline:0;width:62px;font:10px DM Mono,monospace}.hex-edit span{color:#aaa69f;font:8px DM Mono,monospace}.range-control{margin-top:11px}.range-control>div{justify-content:space-between;margin-bottom:4px;display:flex}.range-control label{letter-spacing:.8px;color:#99968f;margin:0;font:8px DM Mono,monospace}.range-control>div span{color:#747169;font:9px DM Mono,monospace}.range-control input{appearance:none;border-radius:9px;outline:none;width:100%;height:4px;margin:0;display:block}.range-control input::-webkit-slider-thumb{appearance:none;background:#4c4b47;border:2px solid #fff;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 1px #aaa}.range-control input::-moz-range-thumb{background:#4c4b47;border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #aaa}.hue-range{background:linear-gradient(90deg,#ff4949,#ffed33,#3dcf77,#43dddc,#536aff,#ce4bdc,#ff4949)}.sat-range{background:linear-gradient(90deg,#d5d4d0,var(--active-color,#e97859))}.light-range{background:linear-gradient(90deg,#222,#bbb,#fff)}.editor-footnote{color:#aaa69e;align-items:center;gap:5px;margin:12px 0 0;font-size:9px;display:flex}.editor-footnote svg{color:#c48868}.pair-selectors{align-items:flex-end;gap:10px;margin:16px 0 12px;display:flex}.pair-picker{flex:1;min-width:0}.pair-picker label{letter-spacing:.8px;color:#9d9a92;margin:0 0 5px;font:8px DM Mono,monospace;display:block}.picker-wrap{border:1px solid #eeece6;border-radius:3px;align-items:center;gap:7px;height:29px;padding:0 7px;display:flex;position:relative}.picker-wrap i{border:1px solid #00000012;border-radius:2px;flex:none;width:12px;height:12px}.picker-wrap select{appearance:none;color:#5f5d57;background:0 0;border:0;outline:0;flex:1;min-width:0;font:9px DM Mono,monospace}.picker-wrap svg{color:#99968f;pointer-events:none}.pair-on{color:#aaa69e;padding-bottom:7px;font:italic 11px Playfair Display,serif}.contrast-preview{border-radius:3px;justify-content:center;align-items:center;gap:9px;height:61px;display:flex}.contrast-preview>span{font:500 26px Playfair Display,serif}.contrast-preview small{opacity:.85;font-size:9px}.contrast-result{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.contrast-result>div:first-child{align-items:center;gap:7px;display:flex}.contrast-result strong{color:#383731;font:500 12px DM Mono,monospace}.pass-dot{background:#71906a;border-radius:50%;width:6px;height:6px}.pass-dot.fail{background:#d67355}.contrast-status{font-size:9px}.contrast-status.pass{color:#71866b}.fail-text{color:#cc684b}.wcag-pills{gap:4px;display:flex}.wcag-pills span{color:#aaa69c;border:1px solid #e7e5de;border-radius:3px;padding:3px 6px;font:8px DM Mono,monospace}.wcag-pills .wcag-pass{color:#698360;background:#f5f8f2;border-color:#b9c8b1}.wcag-note{color:#aaa69e;margin:8px 0 0;font-size:8px}.export-card{padding-bottom:14px}.export-tabs{border-bottom:1px solid #eeece6;gap:17px;margin-top:13px;display:flex}.export-tabs button{color:#99968e;background:0 0;border:0;border-bottom:2px solid #0000;padding:7px 0 8px;font-size:9px}.export-tabs button.active{color:#383731;border-bottom-color:#e47453}.code-box{color:#69675f;white-space:pre;background:#f8f7f4;border-radius:3px;height:98px;margin:10px 0;padding:10px 12px;font:9px/1.55 DM Mono,monospace;overflow:auto}.copy-button{justify-content:center;align-items:center;gap:7px;width:100%;color:#55534d!important;background:#fff!important;border:1px solid #e7e5df!important;border-radius:3px!important;padding:8px!important;font-size:10px!important;display:flex!important}.copy-button:hover{background:#f8f7f3!important}.history-section{border-top:1px solid #e9e7df;margin-top:44px;padding-top:23px}.history-heading{justify-content:space-between;align-items:flex-end;display:flex}.history-heading h2{font-size:19px}.history-count{letter-spacing:1px;color:#aaa69d;font:8px DM Mono,monospace}.history-empty{border:1px dashed #dfdcd3;border-radius:4px;align-items:center;min-height:83px;margin-top:14px;padding:14px 17px;display:flex}.empty-icon{color:#8a887f;background:#f0eee7;border-radius:50%;place-items:center;width:34px;height:34px;margin-right:12px;display:grid}.history-empty strong{color:#59574f;font-size:10px;font-weight:600}.history-empty p{color:#99968e;margin:3px 0 0;font-size:9px}.history-empty>button{color:#d66d4e;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;font-size:9px;display:flex}.history-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.history-card{background:#fff;border:1px solid #eeece6;border-radius:4px;align-items:center;gap:8px;min-width:0;padding:9px;display:flex}.history-open{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:block}.history-swatches{border-radius:2px;height:21px;display:flex;overflow:hidden}.history-swatches i{flex:1}.history-meta{justify-content:space-between;align-items:center;gap:5px;margin-top:8px;display:flex}.history-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:500;overflow:hidden}.history-meta small{color:#9a978f;white-space:nowrap;font:8px DM Mono,monospace}.history-delete{color:#aaa69e;background:0 0;border:0;padding:5px}.history-delete:hover{color:#d66d4e}.about-section{background:#f0eee7;border-radius:4px;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;margin:37px 0 42px;padding:24px 28px;display:grid}.about-flower{color:#d88161;font-size:29px}.about-section h2{margin-top:5px;font-size:17px}.about-section p{color:#77746d;max-width:610px;margin:8px 0;font-size:10px;line-height:1.65}.about-section a{color:#d66d4e;align-items:center;gap:6px;font-size:9px;display:inline-flex}.about-side-note{letter-spacing:1px;color:#aaa69b;text-align:right;font:8px/1.8 DM Mono,monospace}.site-footer{border-top:1px solid #e9e7df}.footer-inner{justify-content:space-between;align-items:center;min-height:69px;display:flex}.footer-brand{gap:6px;font-size:15px!important}.footer-brand .brand-icon{gap:1px;width:14px;height:14px}.footer-made{color:#9a978f;font-size:9px}.footer-made b{color:#df8a68;margin-left:4px;font-size:12px}.footer-links{color:#77756f;align-items:center;gap:20px;font-size:9px;display:flex}.footer-links a:last-child{align-items:center;gap:4px;display:flex}.copyright{color:#aaa69e;font:8px DM Mono,monospace}.toast-note{z-index:10;color:#fff;background:#2d2c29;border-radius:4px;align-items:center;gap:9px;padding:11px 14px;font-size:11px;animation:.2s toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.toast-note>svg{color:#9cb28f}.toast-note button{color:#b8b5ac;background:0 0;border:0;place-items:center;padding:0 0 0 9px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.privacy-page{flex-direction:column;min-height:100vh;display:flex}.privacy-content{flex:1;width:min(650px,100% - 48px);margin:66px auto 80px}.privacy-content h1{margin:16px 0 9px;font-size:41px}.privacy-content .privacy-updated{color:#aaa69e;margin-bottom:30px;font:9px DM Mono,monospace}.privacy-content p{color:#77746e;font-size:13px;line-height:1.8}.privacy-content h2{margin:26px 0 8px;font-size:16px;font-weight:600}.privacy-content a:not(.privacy-home){color:#d66d4e;text-decoration:underline}.privacy-home{align-items:center;gap:8px;margin-top:17px;border-radius:4px!important;padding:10px 13px!important;font-size:11px!important;display:inline-flex!important}.back-link{color:#77756e;font-size:11px}.back-link:hover{color:#d66d4e}@media(max-width:980px){.workspace-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.9fr);gap:21px}.app-container{padding-left:25px!important;padding-right:25px!important}.top-nav{gap:20px;margin-right:25px}.image-card{height:265px}.swatch-color{height:67px}.tool-card{padding-left:15px;padding-right:15px}.history-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.topbar{height:64px}.app-container{padding-left:19px!important;padding-right:19px!important}.top-nav{display:none}.brand-mark{font-size:19px!important}.header-button{padding:9px 11px!important}.main-content{padding-top:30px!important}.hero-heading-row{margin:13px 0 23px}.hero-heading-row h1{letter-spacing:-1.8px;font-size:38px}.hero-note{margin-right:0;font-size:10px}.note-scribble{font-size:21px}.intro-copy{max-width:270px;font-size:11px;line-height:1.5}.workspace-grid{flex-direction:column;gap:28px;display:flex}.left-column,.right-column{width:100%}.right-column{gap:11px;margin-top:0}.image-card{height:260px}.palette-title-row{margin-top:21px}.swatch-color{height:68px}.swatch-name,.swatch-hex{font-size:8px}.palette-strip{gap:6px}.palette-actions{gap:10px}.saved-inline{font-size:8px}.tool-card{padding:17px}.editor-card{order:0}.contrast-card{order:1}.export-card{order:2}.history-section{margin-top:34px}.history-empty{flex-wrap:wrap}.history-empty>button{margin-top:10px;margin-left:46px}.about-section{grid-template-columns:30px 1fr;margin:30px 0;padding:19px 17px}.about-side-note{display:none}.footer-inner{flex-wrap:wrap;gap:12px;min-height:0;padding-top:14px!important;padding-bottom:14px!important}.footer-made{order:3;width:100%}.footer-links{gap:12px}.copyright{display:none}.privacy-content{margin-top:44px}.privacy-content h1{font-size:34px}.history-grid{grid-template-columns:1fr}}@media(max-width:420px){.app-container{padding-left:15px!important;padding-right:15px!important}.hero-heading-row h1{font-size:34px}.hero-note{display:none}.image-card{height:225px}.source-footer{font-size:9px}.palette-strip{gap:4px}.swatch-color{height:57px}.swatch-name,.swatch-hex{font-size:7px}.palette-actions{gap:7px}.subtle-action{font-size:9px}.saved-inline{font-size:7px}.tool-card{padding:15px}.history-empty{padding:12px}.history-empty p{max-width:190px}}.steps-section{background:#fff;border:1px solid #eeece6;border-radius:4px;grid-template-columns:1.15fr repeat(3,1fr);align-items:center;gap:23px;margin:45px 0 40px;padding:25px 28px;display:grid}.steps-intro h2{letter-spacing:-.5px;margin:6px 0 0;font-size:19px;font-weight:500;line-height:1.2}.steps-intro h2 em{color:#e47758;font-family:Playfair Display,serif;font-weight:500}.step-item{border-left:1px solid #eeece6;flex-direction:column;align-items:flex-start;min-height:53px;padding-left:17px;display:flex}.step-item>span{color:#df7555;margin-bottom:5px;font:8px DM Mono,monospace}.step-item strong{font-size:10px;font-weight:600}.step-item p{color:#99968e;max-width:150px;margin:4px 0 0;font-size:9px;line-height:1.5}@media(max-width:720px){.steps-section{grid-template-columns:1fr 1fr;gap:19px 12px;margin:35px 0 30px;padding:20px}.steps-intro h2{font-size:17px}.step-item{padding-left:12px}.step-item:first-of-type{border-left:0;padding-left:0}}.empty-image-card{background:#f2f0e9;border:1px dashed #d7d3c9}.empty-dropzone{color:#34332e;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:absolute;inset:0}.empty-dropzone:hover .dropzone-icon,.empty-image-card.is-dragging .dropzone-icon{background:#f4dfd5;transform:translateY(-2px)}.dropzone-icon{color:#d67656;background:#e9e6dd;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .2s,background .2s;display:grid}.empty-dropzone strong{font-size:14px;font-weight:600}.empty-dropzone>span:not(.dropzone-icon){color:#8d8980;font-size:10px}.empty-dropzone u{color:#d66d4e;text-underline-offset:2px}.empty-dropzone small{color:#a7a399;margin-top:5px;font-size:9px}.preset-heading{letter-spacing:.9px;color:#a09c92;justify-content:space-between;align-items:center;margin:5px 0 9px;font:8px DM Mono,monospace;display:flex}.preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.preset-card{aspect-ratio:1.38;text-align:left;background:#e8e4dc;border:1px solid #0000;border-radius:4px;padding:0;display:block;position:relative;overflow:hidden}.preset-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.preset-card:after{content:"";background:linear-gradient(#0000,#191816a6);position:absolute;inset:25% 0 0}.preset-card:hover img{transform:scale(1.06)}.preset-card.active{border-color:#df7555;box-shadow:0 0 0 2px #df755522}.preset-number{z-index:1;color:#fff;background:#25242166;border-radius:2px;padding:2px 4px;font:7px DM Mono,monospace;position:absolute;top:5px;left:6px}.preset-title{z-index:1;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:8px;font-weight:500;position:absolute;bottom:5px;left:6px;right:4px;overflow:hidden}.preset-card:focus-visible,.empty-dropzone:focus-visible{outline-offset:2px;outline:2px solid #df7555}@media(max-width:720px){.preset-grid{gap:6px}.preset-title{font-size:7px;bottom:4px;left:4px;right:3px}.preset-card{aspect-ratio:1.1}.preset-number{top:4px;left:4px}.empty-dropzone strong{font-size:13px}}@media(max-width:420px){.preset-grid{gap:4px}.preset-title{font-size:6px}.empty-dropzone strong{font-size:12px}}.dropzone-privacy{color:#53684c;letter-spacing:.05px;background:#edf2e8;border:1px solid #dce6d5;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 9px auto;padding:7px 12px;font:600 12px DM Sans,sans-serif;display:flex;box-shadow:0 2px 8px #4b623e0f}.dropzone-privacy svg{color:#68825e;flex:none}.empty-dropzone small{display:none}@media(max-width:420px){.dropzone-privacy{padding:6px 10px;font-size:11px}}.share-button{justify-content:center;align-items:center;gap:7px;width:100%;margin-top:7px;color:#625f57!important;background:#f8f7f3!important;border:1px solid #e7e5df!important;border-radius:3px!important;padding:8px!important;font-size:10px!important;display:flex!important}.share-button:hover:not(:disabled){color:#d66d4e!important;background:#f0eee7!important}.share-button:disabled{opacity:.45;cursor:not-allowed}.share-note{text-align:center;color:#aaa69e;margin:7px 0 0;font-size:8px}.image-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 5px;display:grid}.image-actions .btn{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:36px;padding:7px 8px;font-size:10px;font-weight:600;display:flex}.image-tool-secondary:hover{color:#d66d4e!important;border-color:#d7a48f!important}@media(max-width:420px){.image-actions{gap:5px}.image-actions .btn{gap:4px;padding:7px 4px;font-size:8px}.image-actions svg{width:12px;height:12px}}.image-top-actions{align-items:center;gap:6px;display:flex}.image-top-actions .icon-button{border:1px solid #ffffff30}.image-top-actions .pick-active{color:#53684c;background:#ecf4e2ed}.source-image.pick-color-active{cursor:crosshair!important}.pick-mode-hint{pointer-events:none;align-items:center;gap:8px;display:flex;opacity:1!important}.color-format-bar{justify-content:space-between;align-items:center;gap:12px;margin:13px 0 2px;display:flex}.color-format-label{letter-spacing:.9px;color:#99968e;font:8px DM Mono,monospace}.color-format-switch{background:#f3f1eb;border:1px solid #eae7df;border-radius:4px;align-items:center;gap:2px;padding:3px;display:flex}.color-format-switch button{color:#8f8b82;background:0 0;border:0;border-radius:3px;padding:5px 9px;font:8px DM Mono,monospace;transition:background .15s,color .15s,box-shadow .15s}.color-format-switch button.active{color:#d46c4d;background:#fff;box-shadow:0 1px 3px #29251b14}.color-format-switch button:focus-visible{outline-offset:1px;outline:2px solid #df7555}@media(max-width:420px){.color-format-switch button{padding:5px 7px}.color-format-label{font-size:7px}}.templates-page{flex-direction:column;min-height:100vh;display:flex}.template-brand-stack small{letter-spacing:.2px;color:#89867f;font-size:9px;font-weight:500;line-height:1.1}.templates-content{flex:1;padding-top:47px!important;padding-bottom:56px!important}.templates-heading{justify-content:space-between;align-items:flex-end;margin:15px 0 27px;display:flex}.templates-heading h1{letter-spacing:-1.8px;color:#282724;margin:0;font-size:43px;font-weight:500;line-height:1.08}.templates-heading h1 em{color:#e47758;font-family:Playfair Display,serif;font-weight:500}.templates-heading p{color:#89867f;margin:12px 0 0;font-size:12px}.templates-total{letter-spacing:1px;color:#a09c92;padding-bottom:5px;font:9px DM Mono,monospace}.templates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.template-card{background:#fff;border:1px solid #eeece6;border-radius:5px;min-width:0;padding:11px 11px 12px;transition:transform .2s,box-shadow .2s,border-color .2s}.template-card:hover{border-color:#e7d9d0;transform:translateY(-2px);box-shadow:0 8px 22px #30271b0d}.template-swatches{border-radius:3px;height:79px;display:flex;overflow:hidden}.template-swatches span{flex:1;transition:flex .2s}.template-card:hover .template-swatches span:first-child{flex:1.2}.template-card-info{justify-content:space-between;align-items:center;margin:12px 1px 9px;display:flex}.template-index{letter-spacing:.5px;color:#a19d94;font:8px DM Mono,monospace;display:block}.template-card-info h2{letter-spacing:-.2px;color:#393832;margin:5px 0 0;font-size:15px;font-weight:600}.template-card-info button{color:#766f65;background:#faf9f6;border:1px solid #e9e6df;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;transition:background .2s,color .2s,border-color .2s;display:grid}.template-card-info button:hover{color:#fff;background:#2d2c29;border-color:#2d2c29}.template-hexes{border-top:1px solid #f0eee8;justify-content:space-between;gap:3px;padding:9px 1px 0;display:flex}.template-hexes span{color:#99958c;white-space:nowrap;font:7px DM Mono,monospace}@media(max-width:850px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.templates-content{padding-top:32px!important;padding-bottom:38px!important}.templates-heading h1{font-size:34px}.templates-heading{align-items:flex-end;margin-bottom:19px}.templates-heading p{max-width:280px;font-size:11px}.templates-total{font-size:8px}.templates-grid{gap:9px}.template-card{padding:7px}.template-swatches{height:60px}.template-card-info h2{font-size:12px}.template-index{font-size:7px}.template-card-info button{width:27px;height:27px}.template-hexes span{font-size:6px}}.templates-tabs{background:#efece4;border-radius:6px;gap:6px;width:fit-content;margin:0 0 22px;padding:4px;display:flex}.templates-tabs button{color:#7a776f;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:9px 16px;font:600 12px DM Sans,sans-serif;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.templates-tabs button.active{color:#d46c4d;background:#fff;box-shadow:0 1px 4px #29251b14}.templates-sentinel{color:#a09c92;letter-spacing:1px;justify-content:center;align-items:center;gap:8px;height:48px;margin:18px 0 8px;font:9px DM Mono,monospace;display:flex}.templates-sentinel .spin{border:2px solid #e7e5de;border-top-color:#d66d4e;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gradients-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.gradient-card{background:#fff;border:1px solid #eeece6;border-radius:5px;min-width:0;padding:11px;transition:transform .2s,box-shadow .2s,border-color .2s}.gradient-card:hover{border-color:#e7d9d0;transform:translateY(-2px);box-shadow:0 8px 22px #30271b0d}.gradient-preview{border-radius:3px;height:110px;position:relative;overflow:hidden}.gradient-card-info{justify-content:space-between;align-items:center;margin:12px 1px 8px;display:flex}.gradient-card-info h2{letter-spacing:-.2px;color:#393832;margin:5px 0 0;font-size:15px;font-weight:600}.gradient-card-info button{color:#766f65;cursor:pointer;background:#faf9f6;border:1px solid #e9e6df;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;transition:background .2s,color .2s,border-color .2s;display:grid}.gradient-card-info button:hover{color:#fff;background:#2d2c29;border-color:#2d2c29}.gradient-meta{color:#99958c;border-top:1px solid #f0eee8;justify-content:space-between;gap:6px;padding:9px 1px 0;font:7px DM Mono,monospace;display:flex}.gradient-stops{border-radius:2px;height:10px;margin-top:8px;display:flex;overflow:hidden}.gradient-stops span{flex:1}@media(max-width:850px){.gradients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.gradients-grid{gap:9px}.gradient-preview{height:88px}.gradient-card{padding:7px}.gradient-card-info h2{font-size:12px}.templates-tabs{width:100%}.templates-tabs button{flex:1;justify-content:center;padding:9px 10px;font-size:11px}}.calor-page{background:#f8f7f3;flex-direction:column;min-height:100vh;display:flex}.calor-content{flex:1;padding-top:36px!important;padding-bottom:56px!important}.calor-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.92fr);align-items:start;gap:28px;display:grid}.calor-preview-panel{background:#fff;border:1px solid #eeece6;border-radius:6px;padding:18px;position:sticky;top:20px;box-shadow:0 3px 14px #322f2606}.calor-preview-stage{border:1px solid #eeece6;border-radius:5px;height:280px;position:relative;overflow:hidden}.calor-preview-stage.is-palette{display:flex}.calor-preview-stage.is-palette>div{flex:1;transition:flex .25s}.calor-preview-stage.is-palette>div:hover{flex:1.35}.calor-mode-switch{background:#f3f1eb;border:1px solid #eae7df;border-radius:5px;gap:4px;width:fit-content;margin-bottom:14px;padding:3px;display:flex}.calor-mode-switch button{color:#8f8b82;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:8px 14px;font:600 11px DM Sans,sans-serif}.calor-mode-switch button.active{color:#d46c4d;background:#fff;box-shadow:0 1px 3px #29251b14}.calor-controls{flex-direction:column;gap:14px;display:flex}.calor-card{background:#fff;border:1px solid #eeece6;border-radius:5px;padding:16px 17px 14px;box-shadow:0 3px 14px #322f2606}.calor-card h3{color:#393832;margin:0 0 10px;font-size:14px;font-weight:600}.calor-field{margin-bottom:12px}.calor-field label{letter-spacing:.8px;color:#99968e;justify-content:space-between;margin-bottom:6px;font:8px DM Mono,monospace;display:flex}.calor-field label strong{color:#5a5750;font-weight:600}.calor-field input[type=range]{accent-color:#d66d4e;width:100%}.calor-field select,.calor-field input[type=text],.calor-field input[type=number]{color:#393832;background:#faf9f6;border:1px solid #e7e5de;border-radius:4px;width:100%;padding:8px 10px;font:12px DM Sans,sans-serif}.calor-stops-list{flex-direction:column;gap:8px;display:flex}.calor-stop-row{grid-template-columns:28px 1fr 72px 32px;align-items:center;gap:8px;display:grid}.calor-stop-row input[type=color]{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.calor-stop-row input[type=text]{background:#faf9f6;border:1px solid #e7e5de;border-radius:3px;padding:7px 8px;font:11px DM Mono,monospace}.calor-stop-row input[type=number]{background:#faf9f6;border:1px solid #e7e5de;border-radius:3px;padding:7px 6px;font:11px DM Mono,monospace}.calor-stop-row button{color:#8a867e;cursor:pointer;background:#f3f1eb;border:0;border-radius:3px;height:28px}.calor-stop-row button:hover{color:#d66d4e;background:#efe0d8}.calor-add-stop{color:#8a867e;cursor:pointer;background:0 0;border:1px dashed #ddd9d0;border-radius:4px;width:100%;margin-top:4px;padding:8px;font:600 11px DM Sans,sans-serif}.calor-add-stop:hover{color:#d66d4e;background:#fbf6f3;border-color:#e0b5a3}.calor-css-box{color:#e8e4dc;white-space:pre;background:#1e1d1b;border-radius:4px;height:160px;margin:0;padding:12px 14px;font:10px/1.55 DM Mono,monospace;overflow:auto}.calor-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.calor-actions .btn{flex:1;justify-content:center;align-items:center;gap:7px;min-width:120px;border-radius:4px!important;padding:10px 12px!important;font-size:11px!important;display:inline-flex!important}.calor-live-label{color:#fff;letter-spacing:.5px;background:#252421aa;border-radius:3px;padding:4px 7px;font:8px DM Mono,monospace;position:absolute;bottom:10px;left:10px}.calor-name-input{letter-spacing:-.6px;width:100%;margin-bottom:14px;font-weight:500;background:0 0!important;border:0!important;border-bottom:1px solid #eeece6!important;border-radius:0!important;padding:0 0 8px!important;font-size:22px!important}.calor-name-input:focus{outline:none;border-bottom-color:#d66d4e!important}.calor-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.calor-chip{color:#6e6b64;background:#f3f1eb;border:1px solid #eae7df;border-radius:3px;padding:5px 8px;font:8px DM Mono,monospace}@media(max-width:960px){.calor-layout{grid-template-columns:1fr}.calor-preview-panel{position:static}}@media(max-width:540px){.calor-preview-stage{height:200px}.calor-stop-row{grid-template-columns:28px 1fr 56px 28px}}.nav-links{align-items:center;gap:10px;display:flex}.nav-links .nav-text{color:#6e6b64;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:500}.nav-links .nav-text:hover{color:#d66d4e;background:#f0eee7}.nav-links .nav-text.active{color:#d46c4d}.palette-strip{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))!important}@media(min-width:721px){.palette-strip{grid-template-columns:repeat(var(--swatch-cols,6),minmax(0,1fr))!important}}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(100%,720px)}.nav-links .header-button{white-space:nowrap;flex:none}.topbar .app-container{flex-wrap:nowrap;gap:12px;min-width:0}.topbar .brand-mark{flex:none;min-width:0}.templates-heading{flex-wrap:wrap;gap:16px}.templates-heading>div{flex:1;min-width:0}.templates-total{flex:none}.howto-section .steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.howto-section .step-item{background:#fff;border:1px solid #eeece6;border-radius:5px;min-height:0;padding:16px;display:block}.howto-section .step-item strong{margin:8px 0 6px;font-size:13px;display:block}.howto-section .step-item p{color:#8a867e;max-width:none;margin:0;font-size:11px;line-height:1.55}@media(max-width:720px){.howto-section .steps-grid{grid-template-columns:1fr;gap:12px}.nav-links{max-width:100%}.privacy-pill{display:none}.templates-heading{flex-direction:column;align-items:flex-start}.template-card-info{gap:8px}.template-card-info h2{word-break:break-word}.template-hexes,.footer-links,.palette-actions,.pair-selectors{flex-wrap:wrap}.pair-on{padding-bottom:0}}@media(max-width:540px){.templates-grid,.gradients-grid{grid-template-columns:1fr!important}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.calor-layout{grid-template-columns:1fr!important}.calor-stop-row{grid-template-columns:28px 1fr 52px 28px!important}.calor-actions{flex-direction:column}.calor-actions .btn{width:100%}.nav-links .header-button{padding:8px 10px!important;font-size:11px!important}}html,body,#root,.templates-page,.calor-page,.privacy-page,.app-shell{max-width:100%;overflow-x:hidden}.template-hexes span,.gradient-meta span{text-overflow:ellipsis;overflow:hidden}.calor-preview-panel,.calor-controls,.workspace-grid,.left-column,.right-column{min-width:0}.image-card .icon-button,.image-top-actions{z-index:2}.hex-edit input{flex:1;width:auto;min-width:0}.hex-edit{max-width:100%}.code-box,.calor-css-box{word-break:normal;max-width:100%;overflow-x:auto}@media(max-width:960px){.calor-preview-panel{position:static!important}}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media(max-width:720px){.nav-actions .header-button{padding:8px 10px!important;font-size:11px!important}.nav-actions .btn-secondary.header-button{display:none!important}}.preset-grid{max-width:420px;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin-bottom:10px!important}.preset-card{aspect-ratio:1!important;border-radius:3px!important}.preset-number{padding:1px 3px!important;font-size:6px!important;top:3px!important;left:3px!important}.preset-title{font-size:6px!important;bottom:3px!important;left:3px!important;right:2px!important}.preset-heading{max-width:420px;margin:4px 0 6px!important}@media(max-width:720px){.preset-grid{max-width:100%;gap:4px!important}}@media(max-width:540px){.preset-grid{max-width:100%;grid-template-columns:repeat(5,minmax(0,1fr))!important}.preset-title{display:none}}.palette-strip{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}.swatch-color{border-radius:3px!important;height:48px!important}.swatch-name{margin-top:5px!important;font-size:8px!important}.swatch-hex{margin-top:2px!important;font-size:7px!important}.swatch-check{width:12px;height:12px}@media(max-width:720px){.swatch-color{height:42px!important}.palette-strip{gap:4px!important}}@media(max-width:420px){.palette-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}.swatch-color{height:38px!important}}.right-column{flex-direction:column;display:flex}.right-column .editor-card{order:1}.right-column .contrast-card{order:2}.right-column .export-card{order:3}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{scroll-behavior:smooth}@keyframes page-in{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.992)}to{opacity:1;filter:none;transform:none}}.brand-mark{align-items:center!important;gap:10px!important}.template-brand-stack{flex-direction:column;gap:1px;line-height:1.05;display:flex}.template-brand-stack small,.footer-brand-stack small{letter-spacing:.35px;text-transform:none;line-height:1.1;color:#8f8b82!important;font-size:8px!important;font-weight:500!important}.footer-brand-stack{gap:1px}.footer-brand{text-decoration:none}.brand-icon i{transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s}.brand-mark:hover .brand-icon i:first-child{transform:translate(-1px,-1px)}.brand-mark:hover .brand-icon i:nth-child(2){transform:translate(1px,-1px)}.brand-mark:hover .brand-icon i:nth-child(3){transform:translate(-1px,1px)}.brand-mark:hover .brand-icon i:nth-child(4){transform:translate(1px,1px)}.nav-text,.header-button,.btn,.ghost-button,.save-button,.preset-card,.template-card,.gradient-card,.swatch,.tool-card,.history-card,.calor-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .2s,background .2s,color .2s,opacity .2s!important}.nav-text:hover{transform:translateY(-1px)}.header-button:hover,.save-button:hover,.btn-dark:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2d2c2922}.template-card:hover,.gradient-card:hover,.history-card:hover,.tool-card:hover,.calor-card:hover{transform:translateY(-3px)}.swatch{transition:transform .2s cubic-bezier(.22,1,.36,1)}.swatch:active .swatch-color{transform:scale(.96)}.preset-card{transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .2s!important}.preset-card:hover{z-index:1;transform:translateY(-2px)scale(1.02)}.preset-card img{transition:transform .5s cubic-bezier(.22,1,.36,1)!important}.source-image{transition:transform .7s cubic-bezier(.22,1,.36,1)!important}.contrast-preview{transition:background .35s,color .35s}.calor-preview-stage{transition:background .4s cubic-bezier(.22,1,.36,1)}.calor-preview-stage.is-palette>div{transition:flex .35s cubic-bezier(.22,1,.36,1),filter .3s}.toast-note{animation:none!important}.templates-tabs button,.calor-mode-switch button,.color-format-switch button,.export-switch button{transition:background .2s,color .2s,box-shadow .2s,transform .2s!important}.templates-tabs button:active,.calor-mode-switch button:active{transform:scale(.97)}.empty-dropzone .dropzone-icon{transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s!important}@media(prefers-reduced-motion:reduce){.page-enter,.brand-icon i,.preset-card img,.source-image{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.empty-dropzone{justify-content:center;gap:10px;padding:18px 16px 20px}.dropzone-privacy.in-dropzone{z-index:2;pointer-events:none;width:max-content;max-width:calc(100% - 24px);animation:.5s cubic-bezier(.22,1,.36,1) both chip-in;position:absolute;top:12px;left:50%;transform:translate(-50%);margin:0!important}.empty-dropzone .dropzone-icon{margin-top:28px}@keyframes chip-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.workspace-grid>*{animation:.55s cubic-bezier(.16,1,.3,1) both rise-in}.workspace-grid>:first-child{animation-delay:40ms}.workspace-grid>:nth-child(2){animation-delay:.12s}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.swatch{animation:.4s cubic-bezier(.16,1,.3,1) both swatch-in}.swatch:first-child{animation-delay:20ms}.swatch:nth-child(2){animation-delay:50ms}.swatch:nth-child(3){animation-delay:80ms}.swatch:nth-child(4){animation-delay:.11s}.swatch:nth-child(5){animation-delay:.14s}.swatch:nth-child(6){animation-delay:.17s}.swatch:nth-child(7){animation-delay:.2s}.swatch:nth-child(8){animation-delay:.23s}.swatch:nth-child(9){animation-delay:.26s}.swatch:nth-child(10){animation-delay:.29s}.swatch:nth-child(11){animation-delay:.32s}.swatch:nth-child(12){animation-delay:.35s}@keyframes swatch-in{0%{opacity:0;transform:translateY(8px)scale(.92)}to{opacity:1;transform:none}}.preset-card{animation:.45s cubic-bezier(.16,1,.3,1) both fade-up}.preset-card:first-child{animation-delay:20ms}.preset-card:nth-child(2){animation-delay:50ms}.preset-card:nth-child(3){animation-delay:80ms}.preset-card:nth-child(4){animation-delay:.11s}.preset-card:nth-child(5){animation-delay:.14s}.preset-card:nth-child(6){animation-delay:.17s}.preset-card:nth-child(7){animation-delay:.2s}.preset-card:nth-child(8){animation-delay:.23s}.preset-card:nth-child(9){animation-delay:.26s}.preset-card:nth-child(10){animation-delay:.29s}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.template-card,.gradient-card{animation:.5s cubic-bezier(.16,1,.3,1) both card-pop}@keyframes card-pop{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.tool-card{animation:.5s cubic-bezier(.16,1,.3,1) both rise-in}.editor-card{animation-delay:80ms}.contrast-card{animation-delay:.14s}.export-card{animation-delay:.2s}.empty-dropzone .dropzone-icon{animation:2.8s ease-in-out infinite float-y}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.empty-dropzone:hover .dropzone-icon{background:#f4dfd5;animation:none;transform:translateY(-2px)scale(1.05)}.header-button{position:relative;overflow:hidden}.header-button:after{content:"";background:linear-gradient(120deg,#0000 20%,#ffffff2e,#0000 80%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.header-button:hover:after{transform:translate(120%)}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .3s;background:#f8f7f3f2!important}.topbar.scrolled,.topbar{box-shadow:0 1px #e9e7df}.nav-text{position:relative}.nav-text:after{content:"";transform-origin:0;background:#d46c4d;border-radius:2px;height:1.5px;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;left:10px;right:10px;transform:scaleX(0)}.nav-text:hover:after,.nav-text.active:after{transform:scaleX(1)}.calor-preview-stage,.contrast-preview,.template-swatches,.gradient-preview{transition:background .45s cubic-bezier(.16,1,.3,1),box-shadow .3s,transform .3s}.swatch:hover .swatch-color{box-shadow:0 8px 18px #00000018;transform:translateY(-4px)scale(1.03)!important}.toast-note{box-shadow:0 12px 40px #0003!important}@media(prefers-reduced-motion:reduce){.swatch,.preset-card,.template-card,.gradient-card,.tool-card,.workspace-grid>*,.dropzone-privacy.in-dropzone,.empty-dropzone .dropzone-icon{animation:none!important}}.footer-links{flex-wrap:wrap;gap:12px 16px!important}@media(max-width:900px){.nav-links .nav-text,.nav-links .privacy-pill{display:none}}@media(max-width:640px){.nav-links .nav-text{display:none}}.mixed-feed-label{letter-spacing:1px;color:#a09c92;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;font:8px DM Mono,monospace;display:flex}.mixed-feed-label>span:first-child,.mixed-feed-label>span:nth-child(3){color:#6e6b64;font-weight:600}.mixed-feed-dot{background:#d66d4e;border-radius:50%;width:4px;height:4px}.mixed-feed-hint{color:#c0bbb0;margin-left:auto}.feed-card{position:relative}.feed-kind-badge{z-index:2;letter-spacing:.8px;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#252421cc;border-radius:3px;padding:3px 6px;font:7px DM Mono,monospace;position:absolute;top:8px;left:8px}.feed-kind-palette{background:#d66d4ed9}.feed-kind-gradient{background:#435bc3d9}.mixed-feed-grid .gradient-preview{height:79px}.templates-tabs{display:none!important}.calor-preview-tabs{background:#f3f1eb;border:1px solid #eae7df;border-radius:5px;gap:2px;width:fit-content;margin-bottom:12px;padding:3px;display:flex}.calor-preview-tabs button{color:#8f8b82;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px 12px;font:600 11px DM Sans,sans-serif}.calor-preview-tabs button.active{color:#d46c4d;background:#fff;box-shadow:0 1px 3px #29251b14}.calor-ui-kit{border:1px solid #eeece6;border-radius:5px;flex-direction:column;justify-content:space-between;gap:14px;min-height:220px;padding:18px;display:flex}.calor-ui-card{border-radius:6px;max-width:280px;padding:16px;box-shadow:0 8px 24px #00000014}.calor-ui-card p{margin:8px 0 12px;font-size:12px;line-height:1.45}.calor-ui-row{border-radius:3px;height:14px;display:flex;overflow:hidden}.calor-ui-row span{flex:1}.calor-type-preview{border:1px solid #eeece6;border-radius:5px;flex-direction:column;justify-content:center;gap:8px;min-height:220px;padding:28px 22px;display:flex}.calor-type-display{margin:0;font:500 64px/1 Playfair Display,serif}.calor-type-body{max-width:280px;margin:0;font-size:15px;line-height:1.5}.calor-type-meta{letter-spacing:1px;opacity:.7;margin:8px 0 0;font:8px DM Mono,monospace}.calor-contrast-mini{border-top:1px solid #eeece6;margin-top:16px;padding-top:14px}.calor-contrast-mini h4{color:#6e6b64;margin:0 0 10px;font-size:11px;font-weight:600}.calor-contrast-row{align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.calor-contrast-swatch{border:1px solid #0001;border-radius:3px;width:36px;height:16px;display:flex;overflow:hidden}.calor-contrast-swatch i{flex:1}.calor-contrast-row strong{font:500 11px DM Mono,monospace}.calor-contrast-row .pass{color:#71866b}.calor-contrast-row .fail{color:#d66d4e}.calor-angle-presets{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.calor-angle-presets button{color:#8a867e;cursor:pointer;background:#faf9f6;border:1px solid #e7e5de;border-radius:3px;padding:4px 7px;font:8px DM Mono,monospace}.calor-angle-presets button.active,.calor-angle-presets button:hover{color:#d66d4e;background:#fff;border-color:#e0b5a3}.calor-stop-row-lock{grid-template-columns:28px 1fr 32px 32px!important}.calor-stop-row-lock .lock-on{color:#53684c;background:#edf2e8}.calor-fmt-switch{margin-bottom:10px}.calor-chip{cursor:pointer}.calor-chip:hover{background:#efe0d8;border-color:#e0b5a3}.calor-actions{flex-wrap:wrap;gap:8px;display:flex}.calor-actions .btn{flex:120px}.calor-actions{flex-wrap:wrap;margin-top:10px;display:flex;gap:5px!important}.calor-actions .btn{white-space:nowrap;justify-content:center;align-items:center;border-radius:3px!important;flex:auto!important;gap:4px!important;width:auto!important;min-width:0!important;padding:6px 8px!important;font-size:9px!important;font-weight:600!important;line-height:1.1!important;display:inline-flex!important}.calor-actions .btn svg{flex:none;width:12px!important;height:12px!important}.calor-preview-panel .calor-actions .btn{flex:calc(50% - 5px)!important}.calor-controls .calor-actions .btn{flex:calc(33.33% - 5px)!important}@media(max-width:540px){.calor-preview-panel .calor-actions .btn,.calor-controls .calor-actions .btn{flex:calc(50% - 5px)!important;padding:5px 6px!important;font-size:8px!important}}.tpl-filters{background:#fff;border:1px solid #eeece6;border-radius:6px;flex-direction:column;gap:10px;margin:0 0 20px;padding:12px 14px;animation:.5s cubic-bezier(.16,1,.3,1) both rise-in;display:flex;box-shadow:0 3px 14px #322f2606}.tpl-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tpl-filter-group{background:#f3f1eb;border:1px solid #eae7df;border-radius:5px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.tpl-filter-group button{color:#8f8b82;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 11px;font:600 11px DM Sans,sans-serif;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.tpl-filter-group button.active{color:#d46c4d;background:#fff;box-shadow:0 1px 3px #29251b14}.tpl-filter-group button:hover:not(.active){color:#5a5750}.tpl-search{background:#faf9f6;border:1px solid #e7e5de;border-radius:4px;flex:1;align-items:center;gap:7px;min-width:180px;height:34px;padding:0 10px;display:flex}.tpl-search svg{color:#aaa69e;flex:none}.tpl-search input{color:#393832;background:0 0;border:0;outline:0;flex:1;min-width:0;font:12px DM Sans,sans-serif}.tpl-select{color:#5a5750;background:#faf9f6;border:1px solid #e7e5de;border-radius:4px;height:34px;padding:0 10px;font:11px DM Sans,sans-serif}.tpl-chip{color:#8a867e;cursor:pointer;background:#faf9f6;border:1px solid #e7e5de;border-radius:999px;padding:5px 10px;font:600 10px DM Sans,sans-serif;transition:background .2s,color .2s,border-color .2s,transform .2s}.tpl-chip:hover{color:#d66d4e;border-color:#e0b5a3;transform:translateY(-1px)}.tpl-chip.active{color:#fff;background:#2d2c29;border-color:#2d2c29}.tpl-filter-label{letter-spacing:.8px;color:#a09c92;font:8px DM Mono,monospace}.tpl-empty{text-align:center;background:#faf9f6;border:1px dashed #dfdcd3;border-radius:6px;padding:36px 20px;animation:.4s both rise-in}.tpl-empty strong{margin-bottom:6px;font-size:14px;display:block}.tpl-empty p{color:#8a867e;margin:0 0 14px;font-size:12px}.tpl-mood-row{gap:6px}@keyframes soft-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shimmer-line{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter{animation:.6s cubic-bezier(.16,1,.3,1) both page-in}.feed-card{will-change:transform,opacity;animation:.55s cubic-bezier(.16,1,.3,1) both card-pop}.feed-card:hover{transform:translateY(-5px)scale(1.01)!important;box-shadow:0 14px 32px #30271b14!important}.feed-card .template-swatches span,.feed-card .gradient-stops span{transition:flex .35s cubic-bezier(.16,1,.3,1),filter .3s}.feed-card:hover .template-swatches span:hover{filter:brightness(1.05);flex:1.45}.gradient-preview{transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s!important}.feed-card:hover .gradient-preview{transform:scale(1.03)}.tpl-filters .tpl-chip,.tpl-filter-group button{transition:all .22s cubic-bezier(.16,1,.3,1)!important}.calor-preview-stage,.calor-ui-kit,.calor-type-preview{transition:background .5s cubic-bezier(.16,1,.3,1),background-image .5s,transform .35s,box-shadow .35s}.calor-preview-panel:hover .calor-preview-stage{box-shadow:0 8px 28px #0000000d}.swatch-color{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,filter .25s!important}.swatch:hover .swatch-color{filter:saturate(1.08)}.header-button,.btn-dark,.save-button{background-size:200% 100%;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s!important}.templates-sentinel .spin{animation:.65s linear infinite spin,1.6s ease-in-out infinite soft-float}.dropzone-privacy.in-dropzone{animation:.55s cubic-bezier(.16,1,.3,1) both chip-in,3.2s ease-in-out .6s infinite soft-float}.brand-icon{animation:4s ease-in-out infinite soft-float}.nav-text.active:after{transform:scaleX(1);box-shadow:0 0 8px #d46c4d55}@media(prefers-reduced-motion:reduce){.feed-card,.tpl-filters,.brand-icon,.dropzone-privacy.in-dropzone,.templates-sentinel .spin{animation:none!important}.feed-card:hover{transform:none!important}}.c-templates-glow{z-index:2;animation:1.8s ease-in-out infinite templates-glow-pulse;position:relative;background:linear-gradient(110deg,#2d2c29,#3a342f 40%,#d66d4e,#3a342f 60%,#2d2c29) 0 0/220% 100%!important;border-color:#e07a55!important;animation:1.8s ease-in-out infinite templates-glow-pulse,3.2s linear infinite templates-shimmer!important;box-shadow:0 0 #e969488c,0 4px 14px #e9694833!important}.c-templates-glow:hover{transform:translateY(-1px);background:#42413c!important;animation:none!important;box-shadow:0 0 18px #e9694866,0 6px 16px #2d2c2922!important}@keyframes templates-glow-pulse{0%,to{box-shadow:0 0 #e9694880,0 4px 12px #e9694830}50%{box-shadow:0 0 0 8px #e9694800,0 6px 22px #e9694855}}@keyframes templates-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.c-templates-nav-glow{animation:1.6s ease-in-out infinite nav-templates-blink;color:#d46c4d!important}@keyframes nav-templates-blink{0%,to{opacity:1;text-shadow:0 0 #0000}50%{opacity:1;text-shadow:0 0 10px #e9694888}}.image-actions{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 12px;position:relative;display:grid!important}.image-actions .btn{white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:36px;pointer-events:auto!important;border-radius:4px!important;padding:7px 8px!important;font-size:10px!important;font-weight:600!important;display:flex!important}.image-tool-primary{color:#fff!important;background:#2d2c29!important;border-color:#2d2c29!important}.image-tool-primary:hover{background:#44423c!important}.image-tool-secondary{color:#66635c!important;background:#fff!important;border:1px solid #e7e4dc!important}.image-tool-secondary:hover{color:#d66d4e!important;background:#fbf6f3!important;border-color:#d7a48f!important}.image-tool-secondary:focus-visible,.image-tool-primary:focus-visible{outline-offset:2px;outline:2px solid #df7555}@media(max-width:420px){.image-actions{gap:5px}.image-actions .btn{gap:4px;padding:7px 4px!important;font-size:8px!important}}@media(prefers-reduced-motion:reduce){.c-templates-glow,.c-templates-nav-glow{animation:none!important}}.scroll-top-btn{z-index:40;color:#fff;cursor:pointer;background:#2d2c29;border:1px solid #e7e5de;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .2s,background .2s,box-shadow .2s;display:grid;position:fixed;bottom:22px;right:18px;box-shadow:0 10px 28px #0000002e}#palette-colours{scroll-margin-top:88px}.c-templates-glow{isolation:isolate;letter-spacing:.2px;color:#fff!important;background:linear-gradient(110deg,#1f1e1c,#3a2f2a 35%,#e96948 50%,#f0a27a 55%,#3a2f2a 70%,#1f1e1c) 0 0/260% 100%!important;border:1px solid #f0a27a!important;animation:1.6s ease-in-out infinite templates-glow-pulse,2.4s linear infinite templates-shimmer,4s ease-in-out infinite templates-wiggle!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 #e969488c,0 0 20px #e9694859,0 6px 18px #e9694844!important}.c-templates-glow:before{content:"";border-radius:inherit;background:conic-gradient(from var(--angle,0deg),#e96948,#f5d2ba,#435bc3,#e96948);z-index:-1;opacity:.9;padding:1px;animation:2.8s linear infinite templates-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c-templates-glow:after{content:"✦";color:#f5d2ba;pointer-events:none;filter:drop-shadow(0 0 6px #e96948);font-size:11px;animation:1.4s ease-in-out infinite templates-spark;position:absolute;top:-6px;right:-4px}@keyframes templates-wiggle{0%,to{transform:rotate(0)scale(1)}30%{transform:rotate(-1.2deg)scale(1.03)}60%{transform:rotate(1.2deg)scale(1.02)}}@keyframes templates-spin{to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes templates-spark{0%,to{opacity:.35;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(18deg)}}.c-templates-nav-glow{animation:1.4s ease-in-out infinite nav-templates-blink;position:relative;color:#d46c4d!important;font-weight:700!important}.c-templates-nav-glow:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#e9694822,#0000) 0 0/200% 100%;border-radius:4px;animation:2s linear infinite templates-shimmer;position:absolute;inset:2px -2px}@media(prefers-reduced-motion:reduce){.c-templates-glow,.c-templates-nav-glow,.c-templates-glow:before,.c-templates-glow:after{animation:none!important}}.scroll-top-btn{cursor:pointer;justify-content:center;align-items:center;gap:4px;min-width:48px;z-index:50!important;color:#fff!important;background:#2d2c29!important;border:1px solid #e07a55!important;border-radius:999px!important;width:auto!important;height:48px!important;padding:0 12px!important;display:inline-flex!important;position:fixed!important;bottom:20px!important;right:16px!important;box-shadow:0 10px 28px #0003,0 0 0 3px #e9694822!important}.scroll-top-btn:hover{transform:translateY(-3px);background:#d66d4e!important}.tpl-save-on{color:#fff!important;background:#2d2c29!important;border-color:#2d2c29!important}.template-card-info button.tpl-save-on,.gradient-card-info button.tpl-save-on{color:#f5d2ba;background:#2d2c29;border-color:#2d2c29}.gradient-card-info{gap:8px}.gradient-card-info>div:last-child{align-items:center;gap:6px;display:flex}.scroll-top-btn{transform:none;z-index:9999!important;color:#fff!important;cursor:pointer!important;pointer-events:auto!important;background:#2d2c29!important;border:1px solid #e07a55!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:auto!important;min-width:52px!important;height:48px!important;margin:0!important;padding:0 14px!important;display:inline-flex!important;position:fixed!important;inset:auto 18px 22px auto!important;box-shadow:0 10px 28px #0003,0 0 0 3px #e9694822!important}.scroll-top-btn:hover{background:#d66d4e!important;transform:translateY(-3px)!important;box-shadow:0 14px 32px #d66d4e44!important}.scroll-top-label{letter-spacing:.3px;font:700 11px DM Sans,sans-serif!important}@media(max-width:480px){.scroll-top-btn{height:44px!important;padding:0 12px!important;bottom:16px!important;right:12px!important}}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-ease{syntax:"*";inherits:false}