@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.18ql67ww2ii1-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f2jdebwxs8i-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.1ygs37po_4mpd.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2ojkkrs9oa5rc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1_6ayb0k2-vor.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0w5z4e7s8jfe5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer theme{:root,:host{--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-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;-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{.visible{visibility:visible}.fixed{position:fixed}.flex{display:flex}.grid{display:grid}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#f4f2ec;--foreground:#242b28;--muted:#68736d;--line:#dedbd2;--line-strong:#cbc7bd;--surface:#fbfaf6;--surface-soft:#f0eee7;--surface-tint:#eef5f1;--accent:#2f8f6a;--accent-dark:#237554;--accent-blue:#2f7fcb;--rust:#c66d55;--shadow:0 18px 50px #423a2e1f}*{box-sizing:border-box}html{min-width:320px}body{background:linear-gradient(180deg, #ffffffb8, #f4f2eceb), var(--background);color:var(--foreground);font-family:var(--font-geist-sans), "Yu Gothic UI", "Hiragino Sans", "Meiryo", Arial, sans-serif;margin:0}button,input,select{font:inherit}button{color:inherit}.palette-shell{background:var(--surface);min-height:100vh;color:var(--foreground);grid-template-columns:minmax(280px,360px) minmax(420px,1fr) minmax(300px,360px);display:grid}.side-panel{background:#fbfaf6f0;flex-direction:column;min-height:100vh;display:flex}.left-panel{border-right:1px solid var(--line)}.inspector-panel{border-left:1px solid var(--line)}.brand-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;min-height:78px;padding:18px 22px;display:flex}.brand-mark{border:1px solid var(--line-strong);color:#315c4c;background:#f8f6ee;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;display:grid}.brand-row h1,.canvas-header h2,.selected-color h3{letter-spacing:0;margin:0}.brand-row h1{font-size:19px;font-weight:720;line-height:1.25}.brand-row p,.eyebrow,.profile-text,.canvas-footer,.brand-row p{color:var(--muted)}.brand-row p{margin:3px 0 0;font-size:13px}.control-section,.inspector-section{border-bottom:1px solid var(--line);padding:22px}.section-title,.inspector-heading{color:#2d3732;align-items:center;gap:8px;font-size:14px;font-weight:680;display:flex}.section-title{margin-bottom:14px}.section-title .text-button{margin-left:auto}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.preset,.secondary-action,.icon-button,.icon-text-button,.small-copy,.copy-field,.hex-row,.export-button,.text-input-row input{border:1px solid var(--line);background:#fffefa;border-radius:8px;transition:border-color .16s,background-color .16s,color .16s,transform .16s}.preset{color:#3c4741;min-height:42px;padding:0 12px;font-size:13px;font-weight:620}.preset:hover,.icon-text-button:hover,.small-copy:hover,.copy-field:hover,.hex-row:hover,.secondary-action:hover,.export-button.neutral:hover,.icon-button:hover{background:#f4faf6;border-color:#b9cabe}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.48}.preset.active{color:#246495;background:#edf7ff;border-color:#4e96c8}.profile-text{margin:12px 0 0;font-size:12px}.parameter-section{flex-direction:column;gap:16px;display:flex}.generation-section{gap:14px;display:grid}.generation-section .section-title,.generation-section .profile-text{margin-bottom:0}.select-row{gap:8px;display:grid}.select-row span,.text-input-row span{color:#313c36;font-size:14px;font-weight:650}.select-row select,.text-input-row input{color:#28322d;width:100%;height:42px;padding:0 12px}.text-input-row{gap:8px;display:grid}.range-row{gap:9px;display:grid}.range-row span{color:#313c36;justify-content:space-between;align-items:center;font-size:14px;display:flex}.range-row strong{color:#4c5852;font-size:13px;font-weight:650}.range-row input{width:100%;accent-color:var(--accent-blue)}.gradient-controls{border:1px solid var(--line);background:#fffefa;border-radius:8px;gap:12px;padding:12px;display:grid}.compact-range-row{gap:7px}.compact-range-row span{font-size:13px}.text-button{color:var(--accent-blue);background:0 0;border:0;font-size:12px;font-weight:680}.seed-row{grid-template-columns:1fr 42px;gap:10px;display:grid}.seed-row input{border:1px solid var(--line);color:#28322d;background:#fffefa;border-radius:8px;min-width:0;height:42px;padding:0 12px}.icon-button{place-items:center;height:42px;display:grid}.toggle-row{color:#46514c;align-items:center;gap:9px;margin-top:14px;font-size:13px;display:flex}.toggle-row input{width:16px;height:16px;accent-color:var(--accent)}.mode-toggle{margin-top:0}.settings-library-section{gap:12px;display:grid}.settings-library-section .section-title{margin-bottom:0}.settings-library-section .text-input-row{grid-template-columns:1fr;gap:8px;display:grid}.settings-library-section .text-input-row input,.settings-library-section .select-row select,.settings-library-section .secondary-action,.full-width{width:100%}.library-actions{grid-template-columns:minmax(0,1fr) 42px;gap:10px;display:grid}.library-actions .secondary-action{min-height:42px}.danger-button{color:#8f3a2f}.danger-button:hover{background:#fff3ef;border-color:#dfb7af}.action-stack{border-top:1px solid var(--line);gap:12px;margin-top:auto;padding:22px;display:grid}.primary-action,.secondary-action,.icon-text-button,.small-copy,.export-button{justify-content:center;align-items:center;gap:9px;display:inline-flex}.primary-action{border:1px solid var(--accent);background:linear-gradient(180deg, #3dad80, var(--accent));color:#fff;border-radius:8px;min-height:46px;font-weight:720}.primary-action:hover,.export-button:hover,.icon-text-button.accent:hover{transform:translateY(-1px)}.secondary-action{color:#35413b;min-height:44px;font-weight:650}.canvas-panel{flex-direction:column;gap:26px;min-width:0;padding:24px 30px 28px;display:flex}.canvas-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.eyebrow{text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.canvas-header h2{font-size:clamp(20px,2vw,28px);font-weight:760;line-height:1.2}.canvas-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.icon-text-button{color:#31413a;white-space:nowrap;min-height:40px;padding:0 13px;font-size:13px;font-weight:680}.icon-text-button.accent{color:#fff;background:#2f7fcb;border-color:#2c88ca}.canvas-frame{aspect-ratio:1;width:min(100%,760px);box-shadow:var(--shadow);background:#f8f4ea;border:1px solid #d7d3c9;border-radius:8px;align-self:center;overflow:hidden}.canvas-frame canvas{cursor:crosshair;width:100%;height:100%;display:block}.canvas-frame canvas:focus-visible{outline-offset:-3px;outline:3px solid #2f7fcb4d}.canvas-footer{flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;display:flex}.canvas-footer span{border:1px solid var(--line);background:#fffefab8;border-radius:999px;padding:7px 12px}.inspector-heading{justify-content:space-between;margin-bottom:14px}.selected-color{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:14px;display:grid}.selected-swatch{aspect-ratio:1;border:1px solid #242b281f;border-radius:8px;width:104px;box-shadow:inset 0 0 0 1px #ffffff42}.selected-color h3{margin-bottom:12px;font-size:16px;font-weight:720}.copy-field{color:#26302c;width:100%;min-height:42px;font-family:var(--font-geist-mono), "Consolas", monospace;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 11px;font-size:13px;display:grid}.copy-field span,.hex-code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.color-values{gap:10px;margin:16px 0 0;display:grid}.color-values div{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;display:grid}.color-values dt{color:var(--muted);font-size:12px;font-weight:700}.color-values dd{border:1px solid var(--line);color:#3d4742;min-width:0;font-family:var(--font-geist-mono), "Consolas", monospace;background:#fffefa;border-radius:8px;margin:0;padding:9px 10px;font-size:12px}.small-copy{color:#35413b;min-height:34px;padding:0 10px;font-size:12px;font-weight:680}.hex-section{flex-direction:column;flex:1;min-height:0;display:flex}.hex-list{gap:6px;max-height:min(46vh,520px);padding-right:4px;display:grid;overflow:auto}.hex-row{color:#303b36;text-align:left;grid-template-columns:30px 26px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:38px;padding:0 10px;display:grid}.hex-row.selected{color:#1d5f92;background:#eef8ff;border-color:#83bde9}.hex-index{color:#69756f;font-size:12px;font-weight:700}.mini-swatch{border:1px solid #1f26231f;border-radius:5px;width:24px;height:24px}.hex-code{font-family:var(--font-geist-mono), "Consolas", monospace;font-size:12px;font-weight:620}.export-section{gap:10px;display:grid}.export-button{color:#fff;background:#2f7fcb;border-color:#2f7fcb;width:100%;min-height:44px;font-weight:720}.export-button.neutral{border-color:var(--line);color:#35413b;background:#fffefa}.toast{z-index:20;min-width:220px;box-shadow:var(--shadow);color:#254034;opacity:0;pointer-events:none;background:#fffefaf5;border:1px solid #23755438;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:700;transition:opacity .16s,transform .16s;position:fixed;bottom:24px;right:24px;transform:translateY(18px)}.toast.visible{opacity:1;transform:translateY(0)}@media (max-width:1180px){.palette-shell{grid-template-columns:minmax(270px,320px) minmax(420px,1fr)}.inspector-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr) minmax(260px,.8fr);min-height:auto;display:grid}.inspector-section{border-right:1px solid var(--line);border-bottom:0}.inspector-section:last-child{border-right:0}.hex-list{max-height:330px}}@media (max-width:860px){.palette-shell,.inspector-panel{display:block}.side-panel,.canvas-panel{min-height:auto}.left-panel,.inspector-panel,.inspector-section{border-left:0;border-right:0}.canvas-panel{padding:22px 16px}.canvas-header,.canvas-actions{flex-direction:column;align-items:stretch}.canvas-actions{justify-content:stretch}.icon-text-button{width:100%}.hex-list{max-height:420px}}@media (max-width:520px){.brand-row,.control-section,.inspector-section,.action-stack{padding-left:16px;padding-right:16px}.preset-grid{grid-template-columns:1fr}.selected-color{grid-template-columns:84px minmax(0,1fr)}.selected-swatch{width:84px}.canvas-footer{justify-content:flex-start}.toast{bottom:16px;left:16px;right:16px}}