/*! tailwindcss v4.1.11 | 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)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:host,:root{--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;--color-red-200:oklch(88.5% .062 18.334);--color-red-600:oklch(57.7% .245 27.325);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--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{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-0{top:calc(var(--spacing)*0)}.-right-0\.5{right:calc(var(--spacing)*-.5)}.right-0{right:calc(var(--spacing)*0)}.-bottom-0\.5{bottom:calc(var(--spacing)*-.5)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.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-2{margin-inline:calc(var(--spacing)*2)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1\.5{margin-block:calc(var(--spacing)*1.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-\[50px\]{height:50px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-96{min-height:calc(var(--spacing)*96)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-24{width:calc(var(--spacing)*24)}.w-\[50px\]{width:50px}.w-\[80px\]{width:80px}.w-\[90px\]{width:90px}.w-full{width:100%}.w-px{width:1px}.w-xs{width:var(--container-xs)}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[50px\]{min-width:50px}.min-w-\[250px\]{min-width:250px}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.translate-x-2{--tw-translate-x:calc(var(--spacing)*2)}.translate-x-2,.translate-y-\[-1px\]{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-1px\]{--tw-translate-y:-1px}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%}.scale-90,.scale-95{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%}.scale-\[1\.01\]{scale:1.01}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.content-start{align-content:flex-start}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#331f28\]{border-color:#331f28}.border-\[\#b47a3e\]\/20{border-color:oklab(62.736% .0449894 .095006/.2)}.border-\[\#b47a3e\]\/40{border-color:oklab(62.736% .0449894 .095006/.4)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-800{border-color:var(--color-amber-800)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-800{border-color:var(--color-gray-800)}.border-green-600{border-color:var(--color-green-600)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-\[\#5c3a21\]{background-color:#5c3a21}.bg-\[\#b47a3e\]\/20{background-color:oklab(62.736% .0449894 .095006/.2)}.bg-\[\#e18d3c\]{background-color:#e18d3c}.bg-\[\#fffcf0\]{background-color:#fffcf0}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-white{background-color:var(--color-white)}.stroke-\[2\.5px\]{stroke-width:2.5px}.object-contain{object-fit:contain}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#5c3a21\]{color:#5c3a21}.text-\[\#331f28\]{color:#331f28}.text-\[\#805030\]{color:#805030}.text-\[\#b47a3e\]{color:#b47a3e}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-600{color:var(--color-green-600)}.text-orange-600{color:var(--color-orange-600)}.text-red-600{color:var(--color-red-600)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#00000008)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.03\)\],.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000d)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d)}.shadow-inner,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-sm{--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)}.blur{--tw-blur:blur(8px)}.blur,.grayscale-\[20\%\]{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,)}.grayscale-\[20\%\]{--tw-grayscale:grayscale(20%)}.grayscale-\[30\%\]{--tw-grayscale:grayscale(30%)}.grayscale-\[30\%\],.invert{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{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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-amber-600:hover{border-color:var(--color-amber-600)}.hover\:bg-\[\#ffc677\]:hover{background-color:#ffc677}.hover\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}}.focus\:border-\[\#805030\]:focus{border-color:#805030}.focus\:border-amber-500:focus{border-color:var(--color-amber-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}}@font-face{font-family:pixel;src:url(/fonts/fusion-pixel.woff2)format("woff2");font-display:swap}:root{--bg:#faf6f0;--bg-soft:#f3ede4;--surface:#fffdf9;--surface-strong:#fff;--text:#2f2924;--muted:#746b63;--line:#ded4c8;--line-strong:#aa8c73;--primary:#3f9b55;--primary-dark:#2f7f43;--primary-soft:#e9f4e8;--sky:#6ec1e4;--gold:#e3ad58;--danger:#b85d58;--shadow:0 16px 42px #5b463217;--canvas-panel-surface:var(--surface);--canvas-panel-raised:var(--surface-strong);--canvas-panel-subtle:var(--bg-soft);--canvas-panel-input:var(--surface-strong);--canvas-panel-text:var(--text);--canvas-panel-muted:var(--muted);--canvas-panel-border:var(--line);--canvas-panel-accent:var(--primary);--canvas-panel-accent-strong:var(--primary-dark);--canvas-panel-hover:var(--primary-soft);--canvas-panel-selected:#dfeee0;--canvas-stage-surface:#eeeae3;--canvas-control-surface:#fffcf0f5;--canvas-control-button:#f2d49a;--canvas-control-button-hover:#ffc677;--canvas-control-text:#5c3a21;--canvas-modal-surface:#ffc677;--canvas-modal-input:#f8ba65;--canvas-modal-border:#331f28;--canvas-modal-text:#331f28;--canvas-modal-accent:#8b4513;--canvas-modal-accent-text:#fff}:root[data-theme=dark]{--bg:#1c211c;--bg-soft:#242b24;--surface:#282e27;--surface-strong:#30382f;--text:#f5efe5;--muted:#b8b0a5;--line:#465044;--line-strong:#7d8b76;--primary:#74bd7c;--primary-dark:#8bcb91;--primary-soft:#2b432f;--shadow:0 18px 48px #0000003d;--canvas-panel-surface:var(--surface);--canvas-panel-raised:var(--surface-strong);--canvas-panel-subtle:var(--bg-soft);--canvas-panel-input:var(--surface-strong);--canvas-panel-text:var(--text);--canvas-panel-muted:var(--muted);--canvas-panel-border:var(--line);--canvas-panel-accent:var(--primary);--canvas-panel-accent-strong:var(--primary-dark);--canvas-panel-hover:var(--primary-soft);--canvas-panel-selected:#36513a;--canvas-stage-surface:#151d18;--canvas-control-surface:#263129fa;--canvas-control-button:#5c543c;--canvas-control-button-hover:#756a49;--canvas-control-text:#f5e4c7;--canvas-modal-surface:#2d3a30;--canvas-modal-input:#1e271f;--canvas-modal-border:#b99868;--canvas-modal-text:#f5efe5;--canvas-modal-accent:#6b9c68;--canvas-modal-accent-text:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.pixel-character{image-rendering:pixelated;object-fit:contain}.pixel-character-fallback{place-items:center;font-size:36px;display:grid}.pixelated,canvas.pixelated,img.pixelated,svg.pixelated{image-rendering:pixelated}.card-editor-page{width:min(1440px,100% - 28px);margin:14px auto 32px}.editor-topbar{border:1px solid var(--line);background:var(--surface);border-radius:13px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:58px;padding:8px 12px;display:grid;box-shadow:0 5px 18px #533e2c0b}.editor-history-actions,.editor-primary-actions{align-items:center;gap:6px;display:flex}.editor-primary-actions{justify-content:flex-end}.editor-history-actions button{width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;display:grid}.editor-history-actions button:hover:not(:disabled){color:var(--text);border-color:var(--line);background:var(--bg-soft)}.editor-history-actions button:disabled{opacity:.3;cursor:not-allowed}.editor-history-actions svg{width:17px;height:17px}.card-editor-layout{border:1px solid var(--line);background:var(--surface);min-height:690px;box-shadow:var(--shadow);border-radius:16px;grid-template-columns:84px 270px minmax(480px,1fr) 230px;margin-top:10px;display:grid;overflow:hidden}.editor-tabs{border-right:1px solid var(--line);background:var(--bg-soft);gap:5px;padding:12px 8px}.editor-tabs,.editor-tabs button{flex-direction:column;display:flex}.editor-tabs button{min-height:62px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:9px;font-weight:700}.editor-tabs button:hover{color:var(--text);background:var(--surface)}.editor-tabs button.is-active{color:var(--primary-dark);background:var(--surface);border-color:#afd1b2;box-shadow:0 4px 12px #486e4812}.editor-tabs svg{width:19px;height:19px}.editor-control-panel{border-right:1px solid var(--line);background:var(--surface);min-width:0;overflow:auto}.control-panel-content{padding:18px}.control-panel-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.control-panel-title>span{align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.control-panel-title svg{width:16px;height:16px;color:var(--primary)}.control-panel-title small{color:var(--muted);font-size:8px}.template-list{gap:8px;display:grid}.template-list button{text-align:left;min-height:68px;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:38px 1fr 16px;align-items:center;gap:9px;padding:10px;display:grid}.template-list button:hover{border-color:var(--primary)}.template-list button.is-active{border-color:var(--primary);background:var(--primary-soft)}.template-list button>span{background:var(--bg-soft);border-radius:8px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.template-list button div{flex-direction:column;gap:4px;display:flex}.template-list strong{font-size:10px}.template-list small{color:var(--muted);font-size:8px}.template-list button>svg{width:14px;color:var(--primary);opacity:0}.template-list button.is-active>svg{opacity:1}.background-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.background-grid button{color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px}.background-grid button.is-active{border:2px solid var(--primary)}.background-grid button span{border-radius:7px;height:70px;display:block}.background-grid strong{padding:7px 2px 2px;font-size:9px;display:block}.background-grid .is-farm span{background:url(/images/bg.jpg) 50% 75%/cover}.background-grid .is-spring span{background:linear-gradient(145deg,#d8efbd,#75b96b)}.background-grid .is-fall span{background:linear-gradient(145deg,#ffd593,#b96848)}.background-grid .is-winter span{background:linear-gradient(145deg,#eff9ff,#78acc9)}.character-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.character-grid button{min-height:116px;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:9px;display:flex}.character-grid button.is-active,.character-grid button:hover{border-color:var(--primary);background:var(--primary-soft)}.character-grid strong{font-size:9px}.control-panel-content>label,.restore-code-input{color:var(--muted);gap:6px;margin-bottom:12px;font-size:9px;font-weight:750;display:grid}.control-panel-content input,.control-panel-content textarea,.restore-code-input input{width:100%;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:8px;outline:0;padding:9px 10px;font-size:11px}.control-panel-content input:focus,.control-panel-content textarea:focus,.restore-code-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.control-panel-content input:focus,.control-panel-content textarea:focus,.restore-code-input input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)12%,transparent)}}.control-panel-content textarea{resize:vertical;min-height:78px}.decoration-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.decoration-grid button{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);border-radius:9px;font-size:20px}.decoration-grid button.is-active,.decoration-grid button:hover{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.saved-work-list{gap:10px;display:grid}.saved-work-list>button{text-align:left;color:var(--text);border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:88px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.saved-work-list>button:hover{border-color:var(--primary)}.saved-work-list>button>div:last-child{flex-direction:column;gap:4px;display:flex}.saved-work-list strong{font-size:9px}.saved-work-list small{color:var(--muted);font-size:7px}.panel-empty{min-height:220px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.panel-empty svg{width:32px;height:32px}.panel-empty strong{color:var(--text);font-size:12px}.panel-empty span{font-size:9px}.editor-canvas-area{background:#f2eee8;flex-direction:column;align-items:center;min-width:0;padding:16px;display:flex}:root[data-theme=dark] .editor-canvas-area{background:#20251f}.canvas-label{width:min(100%,620px);color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:8px;display:flex}.canvas-label span{color:var(--text);font-weight:800}.farm-card-preview{aspect-ratio:4/5;color:#4b2d1a;background-position:50%;background-size:cover;border:1px solid #b79b7c;border-radius:8px;flex-direction:column;justify-content:center;width:min(100%,620px);padding:7%;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #4d38262e}.farm-card-preview.background-farm{background-image:linear-gradient(#ffffff14,#fff4d40d),url(/images/bg.jpg);background-position:50% 72%}.farm-card-preview.background-spring{background:linear-gradient(155deg,#dff0c7,#83be78)}.farm-card-preview.background-fall{background:linear-gradient(155deg,#ffd69b,#c57751)}.farm-card-preview.background-winter{background:linear-gradient(155deg,#f0f9ff,#8fbcd4)}.farm-card-preview__frame{background:#fff8daf0;border:5px double #7c5637;border-radius:5px;min-height:70%;padding:6%;position:relative;box-shadow:0 10px 24px #43291724}.farm-card-preview__title{text-align:center;border-bottom:2px solid #b88d61;justify-content:center;align-items:center;gap:10px;padding-bottom:4%;display:flex}.farm-card-preview__title strong{font-family:pixel;font-size:clamp(18px,2.3vw,34px)}.farm-card-preview__title span{color:#b4873d}.farm-card-preview__body{grid-template-columns:1fr 36%;align-items:center;gap:4%;min-height:52%;padding-top:5%;display:grid}.farm-card-preview dl{gap:9px;margin:0;display:grid}.farm-card-preview dl div{border-bottom:1px solid #7c56374d;grid-template-columns:35% 1fr;gap:7px;padding-bottom:7px;display:grid}.farm-card-preview dt{color:#9b714e;font-size:clamp(8px,.8vw,11px);font-weight:800}.farm-card-preview dd{margin:0;font-size:clamp(10px,1vw,14px);font-weight:750}.farm-card-preview__body .pixel-character-fallback,.farm-card-preview__body img{justify-self:center;max-height:170px;width:100%!important;height:auto!important}.farm-card-preview__frame>p{color:#75513a;border-top:1px solid #7c56374d;margin:3% 0 0;padding:3% 0 0;font-size:clamp(8px,.85vw,11px);line-height:1.55}.farm-card-preview__decorations{gap:5px;font-size:clamp(14px,1.5vw,20px);display:flex;position:absolute;bottom:3.5%;right:5%}.farm-card-watermark{color:#6b4d36;white-space:nowrap;background:#ffffffb8;border-radius:4px;padding:4px 8px;font-size:clamp(6px,.55vw,8px);position:absolute;bottom:2.1%;left:50%;transform:translate(-50%)}.farm-card-preview.is-compact{width:100%;box-shadow:none;border-width:1px;border-radius:5px;padding:5%}.farm-card-preview.is-compact .farm-card-preview__frame{border-width:2px}.farm-card-preview.is-compact .farm-card-preview__title strong{font-size:7px}.farm-card-preview.is-compact .farm-card-watermark,.farm-card-preview.is-compact dd,.farm-card-preview.is-compact dt,.farm-card-preview.is-compact p{font-size:4px}.farm-card-preview.is-compact .farm-card-preview__decorations{font-size:7px}.canvas-quick-actions{justify-content:center;gap:7px;width:min(100%,620px);margin-top:10px;display:flex}.canvas-quick-actions button{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:5px;padding:8px 10px;font-size:8px;display:flex}.canvas-quick-actions button:hover{color:var(--primary-dark);border-color:var(--primary)}.canvas-quick-actions svg{width:13px;height:13px}.editor-summary-panel{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:12px;padding:15px;display:flex}.app-editor-promo,.layers-card,.summary-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px}.layers-card h2,.summary-card h2{align-items:center;gap:6px;margin:0 0 12px;font-size:10px;display:flex}.summary-card dl{gap:9px;margin:0;display:grid}.summary-card dl div{justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex}.summary-card dt{color:var(--muted)}.summary-card dd{text-align:right;margin:0;font-weight:750}.layers-card>div{color:var(--muted);border-top:1px solid var(--line);grid-template-columns:12px 1fr auto;align-items:center;gap:6px;padding:8px 0;font-size:8px;display:grid}.layers-card svg{width:11px;height:11px}.app-editor-promo{background:var(--primary-soft);flex-direction:column;gap:7px;margin-top:auto;display:flex}.app-editor-promo strong{font-size:10px}.app-editor-promo span{color:var(--muted);font-size:8px;line-height:1.6}.app-editor-promo a{color:var(--primary-dark);font-size:8px;font-weight:800}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#251f1a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.toolbox-modal{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:17px;width:min(520px,100%);padding:34px;position:relative;box-shadow:0 28px 80px #19120c47}.toolbox-modal:has(.export-modal-layout){text-align:left;width:min(790px,100%)}.modal-close{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--bg-soft)}.modal-close svg{width:17px;height:17px}.modal-heading-icon,.modal-success-icon{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid}.modal-heading-icon{color:var(--primary-dark);background:var(--primary-soft)}.modal-heading-icon svg,.modal-success-icon svg{width:30px;height:30px}.toolbox-modal>h2{margin:0 0 7px;font-family:pixel;font-size:22px}.toolbox-modal>p{color:var(--muted);margin:0 0 20px;font-size:10px;line-height:1.6}.work-code{text-align:left;border:1px dashed var(--line-strong);background:var(--bg-soft);border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin:18px 0;padding:16px;display:grid}.work-code small{color:var(--muted);font-size:8px}.work-code strong{letter-spacing:.08em;grid-column:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.work-code button{color:var(--primary-dark);background:0 0;border:0;grid-area:1/2/span 2;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.work-code svg{width:14px;height:14px}.modal-actions,.success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.restore-code-input{text-align:left;margin:20px 0}.restore-code-input input{text-align:center;text-transform:uppercase;letter-spacing:.1em;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.form-error{color:var(--danger)!important;margin:-8px 0 12px!important;font-size:9px!important}.export-modal-layout{grid-template-columns:1fr 280px;align-items:center;gap:28px;display:grid}.export-modal-layout h2{margin:7px 0 15px;font-family:pixel;font-size:24px}.export-modal-layout h3{margin:18px 0 9px;font-size:10px}.export-options{gap:7px;display:grid}.export-options label{min-height:42px;color:var(--muted);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:10px;display:flex}.export-options label.is-active{color:var(--text);border-color:var(--primary);background:var(--primary-soft)}.export-options input{accent-color:var(--primary)}.format-options{gap:7px;display:flex}.format-options button{min-width:70px;color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 13px;font-size:10px}.format-options button.is-active{color:var(--primary-dark);border-color:var(--primary);background:var(--primary-soft)}.personal-use-note{color:var(--muted);background:var(--bg-soft);border-radius:9px;align-items:flex-start;gap:8px;margin:16px 0;padding:10px;font-size:8px;line-height:1.5;display:flex}.personal-use-note svg{width:16px;height:16px;color:var(--primary);flex:none}.personal-use-note strong{color:var(--text);display:block}.export-preview{text-align:center;border:1px solid var(--line);background:var(--bg-soft);border-radius:12px;padding:14px}.export-preview>small{color:var(--muted);margin-top:10px;font-size:8px;display:block}.success-app-promo{text-align:left;background:var(--primary-soft);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:20px;padding:12px;display:grid}.success-app-promo>svg{width:20px;height:20px;color:var(--primary-dark)}.success-app-promo div{flex-direction:column;gap:3px;display:flex}.success-app-promo strong{font-size:9px}.success-app-promo span{color:var(--muted);font-size:7px}.success-app-promo a{color:var(--primary-dark);font-size:8px;font-weight:800}.canvas-diy-page{width:min(1500px,100% - 28px);margin:0 auto;padding:12px 0}.editor-toolbar{grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;display:grid}.editor-toolbar--embedded{flex:none;gap:6px;width:auto;display:flex}.editor-toolbar__group{align-items:center;gap:3px;display:flex}.editor-toolbar__group:nth-child(2){border-inline:1px solid var(--line);padding:0 8px}.tool-button{min-width:58px;height:42px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:8px;font-weight:750;display:flex}.tool-button:hover:not(:disabled){color:var(--text);border-color:var(--line);background:var(--bg-soft)}.tool-button.is-disabled,.tool-button:disabled{opacity:.32;cursor:not-allowed}.tool-button svg{width:16px;height:16px}.tool-button--export,.tool-button--import{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.tool-button.is-active{color:var(--primary-dark);border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.tool-button.is-active{border-color:color-mix(in srgb,var(--primary)45%,var(--line))}}.tool-button.is-active{background:var(--primary-soft)}.tool-button--clear{color:#9a5448}.toolbar-divider{background:var(--line);width:1px;height:24px;margin:0 2px}.export-menu-container{z-index:80;border:1px solid var(--line);background:var(--surface);width:128px;box-shadow:var(--shadow);border-radius:9px;gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.export-menu-container button{text-align:left;color:var(--text);background:0 0;border:0;border-radius:6px;padding:9px;font-size:9px}.export-menu-container button:hover{background:var(--primary-soft)}.canvas-mobile-nav{display:none}.canvas-diy-layout{border:1px solid var(--line);background:var(--surface);height:clamp(560px,100dvh - 96px,760px);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:300px minmax(520px,1fr) 250px;display:grid;overflow:hidden}.canvas-diy-materials{border-right:1px solid var(--line);min-width:0;min-height:0}.canvas-diy-layers{border-left:1px solid var(--line);min-width:0;min-height:0}.editor-panel{color:var(--text);background:var(--surface)}.editor-panel__header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:9px;min-height:58px;padding:8px 13px;display:flex}.editor-panel__header>svg{width:19px;height:19px;color:var(--primary)}.editor-panel__heading{flex-direction:column;gap:2px;display:flex}.editor-panel__heading strong{font-size:10px}.editor-panel__heading span{color:var(--muted);font-size:7px}.material-categories{position:relative}.material-categories:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--surface)72%);width:34px;transition:opacity .15s;position:absolute;top:8px;bottom:14px;right:0}.material-categories.has-more-right:after{opacity:1}.material-categories__scroller{scroll-snap-type:x proximity}.material-categories__scroller>*{scroll-snap-align:start}.material-categories__control-slot{z-index:2;align-items:center;height:50px;display:flex;position:absolute;top:.5rem}.material-categories__control-slot.is-left{left:2px}.material-categories__control-slot.is-right{right:2px}.material-categories__control{width:25px;height:30px;color:var(--primary-dark);border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;display:grid;box-shadow:0 4px 12px #3c2d201f}.material-categories__control:hover{border-color:var(--primary);background:var(--primary-soft)}.material-categories__control svg{width:15px;height:15px}.editor-panel__body{color:var(--text);background:var(--surface)}.canvas-diy-stage{background:var(--canvas-stage-surface);flex-direction:column;min-width:0;display:flex}.canvas-diy-stage-header{justify-content:flex-start;padding-top:7px;padding-bottom:8px}.canvas-diy-stage-header>.editor-panel__heading{margin-right:auto}.canvas-diy-stage-body{flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.canvas-responsive-frame{width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.canvas-zoom-controls{z-index:5;border:1px solid var(--canvas-panel-accent);background:var(--canvas-control-surface);border-radius:8px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 18px #00000038}.canvas-zoom-controls button{min-width:28px;height:26px;color:var(--canvas-control-text);background:var(--canvas-control-button);border:0;border-radius:5px;padding:0 7px;font:700 10px/1 sans-serif}.canvas-zoom-controls button:hover{background:var(--canvas-control-button-hover)}.canvas-zoom-controls span{min-width:42px;color:var(--canvas-control-text);text-align:center;font:700 9px/1 sans-serif}.canvas-panel-divider{background:var(--canvas-panel-accent)}@supports (color:color-mix(in lab,red,red)){.canvas-panel-divider{background:color-mix(in srgb,var(--canvas-panel-accent)24%,transparent)}}.canvas-material-search__icon{color:var(--canvas-panel-muted)}.canvas-material-search__input{border:1px solid var(--canvas-panel-border);color:var(--canvas-panel-text);background:var(--canvas-panel-raised)}.canvas-material-search__input::placeholder{color:var(--canvas-panel-muted)}.canvas-material-search__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.canvas-material-search__input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)12%,transparent)}}.canvas-decoration-list,.canvas-material-grid{scrollbar-color:var(--canvas-panel-border)var(--canvas-panel-surface);scrollbar-width:thin}.canvas-material-group-title{color:var(--canvas-panel-accent-strong);border-bottom:1px solid var(--canvas-panel-accent)}@supports (color:color-mix(in lab,red,red)){.canvas-material-group-title{border-bottom:1px solid color-mix(in srgb,var(--canvas-panel-accent)30%,transparent)}}.canvas-material-card{color:var(--canvas-panel-text);border:1px solid var(--canvas-panel-border);background:var(--canvas-panel-raised);box-shadow:0 1px 2px #0f172a14}.canvas-material-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.canvas-material-card:hover{border-color:color-mix(in srgb,var(--primary)65%,var(--canvas-panel-border))}}.canvas-material-card:hover{background:var(--canvas-panel-hover);box-shadow:0 7px 18px var(--primary)}@supports (color:color-mix(in lab,red,red)){.canvas-material-card:hover{box-shadow:0 7px 18px color-mix(in srgb,var(--primary)12%,transparent)}}.canvas-material-card:hover{transform:translateY(-1px)}.canvas-material-empty,.canvas-material-status{color:var(--canvas-panel-muted)}.canvas-settings-input{border:1px solid var(--canvas-modal-border);background:var(--canvas-modal-input);color:var(--canvas-modal-text)}.canvas-settings-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary)}@supports (color:color-mix(in lab,red,red)){.canvas-settings-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)18%,transparent)}}.canvas-settings-label{color:var(--canvas-modal-text)}.canvas-diy-page .editor-panel,.canvas-diy-page .editor-panel__body,.canvas-diy-page .editor-panel__header{color:var(--canvas-panel-text);background:var(--canvas-panel-surface)}.canvas-diy-page .canvas-panel-divider,.canvas-diy-page .editor-panel__body,.canvas-diy-page .editor-panel__header{border-color:var(--canvas-panel-border)}.canvas-diy-page .canvas-material-panel .material-categories__scroller{scrollbar-color:var(--canvas-panel-border)var(--canvas-panel-surface)}.canvas-diy-page .canvas-material-category{color:var(--canvas-panel-muted)!important;border-color:var(--canvas-panel-border)!important;background:var(--canvas-panel-subtle)!important;box-shadow:none!important}.canvas-diy-page .canvas-material-category:hover{color:var(--canvas-panel-accent-strong)!important;border-color:var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-material-category:hover{border-color:color-mix(in srgb,var(--primary)50%,var(--canvas-panel-border))!important}}.canvas-diy-page .canvas-material-category:hover{background:var(--canvas-panel-hover)!important}.canvas-diy-page .canvas-material-category.is-active{color:var(--canvas-panel-accent-strong)!important;border-color:var(--primary)!important;background:var(--canvas-panel-hover)!important;box-shadow:0 0 0 1px var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-material-category.is-active{box-shadow:0 0 0 1px color-mix(in srgb,var(--primary)16%,transparent)!important}}.canvas-diy-page .canvas-material-category svg{color:var(--canvas-panel-accent-strong)!important}.canvas-diy-page .canvas-material-card{border-color:var(--canvas-panel-border);background:var(--canvas-panel-raised)}.canvas-diy-page .canvas-material-card:hover{border-color:var(--primary);background:var(--canvas-panel-hover)}.canvas-diy-page .canvas-layer-panel .canvas-decoration-empty__text,.canvas-diy-page .canvas-layer-panel .canvas-decoration-empty__title,.canvas-diy-page .canvas-layer-panel .canvas-decoration-heading,.canvas-diy-page .canvas-layer-panel .canvas-section-title,.canvas-diy-page .canvas-layer-panel h4,.canvas-diy-page .canvas-layer-panel label{color:var(--canvas-panel-muted)!important;border-color:var(--canvas-panel-border)!important;background:var(--canvas-panel-surface)!important}.canvas-diy-page .canvas-layer-panel input,.canvas-diy-page .canvas-layer-panel select,.canvas-diy-page .canvas-layer-panel textarea{color:var(--canvas-panel-text)!important;border-color:var(--canvas-panel-border)!important;background:var(--canvas-panel-input)!important}.canvas-diy-page .canvas-layer-panel input:focus,.canvas-diy-page .canvas-layer-panel select:focus,.canvas-diy-page .canvas-layer-panel textarea:focus{box-shadow:0 0 0 3px var(--primary);border-color:var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-layer-panel input:focus,.canvas-diy-page .canvas-layer-panel select:focus,.canvas-diy-page .canvas-layer-panel textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)12%,transparent)}}.canvas-diy-page .canvas-base-layer button,.canvas-diy-page .canvas-group-item button,.canvas-diy-page .canvas-layer-action{color:var(--canvas-panel-muted)!important;background:0 0!important}.canvas-diy-page .canvas-base-layer button:hover,.canvas-diy-page .canvas-group-item button:hover,.canvas-diy-page .canvas-layer-action:hover{background:var(--canvas-panel-hover)!important}.canvas-diy-page .canvas-layer-action--danger:hover{background:var(--danger)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-layer-action--danger:hover{background:color-mix(in srgb,var(--danger)14%,transparent)!important}}.canvas-diy-page .canvas-layer-panel .canvas-base-layer button svg,.canvas-diy-page .canvas-layer-panel .canvas-group-item [title]>svg,.canvas-diy-page .canvas-layer-panel .canvas-group-item button svg,.canvas-diy-page .canvas-layer-panel .canvas-layer-action svg{color:var(--canvas-panel-muted)!important}.canvas-diy-page .canvas-layer-panel .canvas-layer-action--danger svg{color:var(--danger)!important}.canvas-diy-page .canvas-base-layer,.canvas-diy-page .canvas-decoration-item,.canvas-diy-page .canvas-group-item{color:var(--canvas-panel-text)!important;border-color:var(--canvas-panel-border)!important;background:var(--canvas-panel-subtle)!important}.canvas-diy-page .canvas-base-layer:hover,.canvas-diy-page .canvas-decoration-item:hover,.canvas-diy-page .canvas-group-item:hover{border-color:var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-base-layer:hover,.canvas-diy-page .canvas-decoration-item:hover,.canvas-diy-page .canvas-group-item:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--canvas-panel-border))!important}}.canvas-diy-page .canvas-base-layer:hover,.canvas-diy-page .canvas-decoration-item:hover,.canvas-diy-page .canvas-group-item:hover{background:var(--canvas-panel-hover)!important}.canvas-diy-page .canvas-decoration-item.is-selected,.canvas-diy-page .canvas-group-item.is-selected{color:var(--canvas-panel-text)!important;border-color:var(--primary)!important;background:var(--canvas-panel-selected)!important;box-shadow:inset 3px 0 0 var(--primary),0 3px 10px var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-decoration-item.is-selected,.canvas-diy-page .canvas-group-item.is-selected{box-shadow:inset 3px 0 0 var(--primary),0 3px 10px color-mix(in srgb,var(--primary)10%,transparent)!important}}.canvas-diy-page .canvas-base-layer>span,.canvas-diy-page .canvas-decoration-item span,.canvas-diy-page .canvas-group-item span{color:var(--canvas-panel-text)!important}.canvas-diy-page .canvas-decoration-count{color:var(--canvas-panel-accent-strong)!important;background:var(--canvas-panel-hover)!important}.canvas-diy-page .canvas-no-selection{color:var(--canvas-panel-muted)!important;border:1px solid var(--canvas-panel-accent)!important}@supports (color:color-mix(in lab,red,red)){.canvas-diy-page .canvas-no-selection{border:1px solid color-mix(in srgb,var(--canvas-panel-accent)30%,transparent)!important}}.canvas-diy-page .canvas-no-selection{background:var(--canvas-panel-hover)!important}.canvas-diy-page .canvas-layer-tip{color:var(--canvas-panel-muted)!important;border-color:var(--canvas-panel-border)!important}.canvas-diy-page .canvas-layer-tip__icon{color:var(--canvas-panel-accent-strong)!important}.stardew-calendar-panel{width:296px;color:var(--text);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:14px}.calendar-header,.calendar-year-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-header{margin-bottom:12px}.calendar-year-nav{margin-bottom:10px}.calendar-nav-button{border:1px solid var(--line);background:var(--surface);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.calendar-year-title{font-size:11px;font-weight:800}.calendar-month-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.calendar-month-button,.season-button{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:8px 5px;font-size:8px}.calendar-month-button.selected,.calendar-month-button:hover,.season-button.selected,.season-button:hover{color:var(--primary-dark);border-color:var(--primary);background:var(--primary-soft)}.season-button{flex-direction:column;align-items:center;gap:4px;display:flex}.season-image{object-fit:contain;width:30px;height:30px;image-rendering:pixelated}.season-name{font-size:8px}@media (max-width:1180px){.card-editor-layout{grid-template-columns:72px 240px minmax(420px,1fr)}.editor-summary-panel{display:none}.canvas-diy-layout{grid-template-columns:255px minmax(480px,1fr) 220px}.tool-button{min-width:42px;padding:0 7px}.tool-button span{display:none}}@media (max-width:900px){.card-editor-page{width:min(100% - 16px,760px)}.editor-topbar{grid-template-columns:1fr auto}.editor-history-actions{display:none}.editor-primary-actions .secondary-button{width:42px;padding:0}.editor-primary-actions .secondary-button svg{margin:0}.editor-primary-actions .secondary-button{font-size:0}.card-editor-layout{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;overflow:visible}.editor-tabs{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(6,1fr);padding:5px;display:grid;position:sticky;top:70px;box-shadow:0 8px 20px #3c2d2014}.editor-tabs button{min-height:48px}.editor-tabs button span{display:none}.editor-control-panel{max-height:310px}.editor-canvas-area,.editor-control-panel{border:1px solid var(--line);border-radius:12px;margin-top:8px}.farm-card-preview{max-width:590px}.canvas-diy-page{width:min(100% - 16px,760px);padding:8px 0}.editor-toolbar{grid-template-columns:auto auto auto;justify-content:space-between;overflow-x:auto}.editor-toolbar--embedded{display:flex;overflow:visible}.editor-toolbar__group:nth-child(2){padding:0 5px}.tool-button{min-width:43px}.canvas-mobile-nav{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:8px;padding:5px;display:grid}.canvas-mobile-nav button{min-height:42px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:750;display:flex}.canvas-mobile-nav button.is-active{color:var(--primary-dark);background:var(--primary-soft);border-color:#c5ddc2}.canvas-mobile-nav svg{width:15px;height:15px}.canvas-diy-layout{height:max(460px,100dvh - 138px);max-height:650px;display:block;overflow:hidden}.canvas-diy-layout>*{height:100%}.canvas-mobile-hidden{display:none!important}.canvas-diy-layers,.canvas-diy-materials{border:0}.canvas-diy-stage-body{padding:10px}}@media (max-width:680px){.editor-topbar{padding:7px}.editor-topbar .back-link{font-size:9px}.editor-primary-actions .primary-button{padding:0 12px}.editor-tabs{top:65px}.control-panel-title{flex-direction:column;align-items:flex-start}.editor-canvas-area{padding:8px}.farm-card-preview{padding:6%}.farm-card-preview__frame{border-width:3px}.farm-card-preview__body{grid-template-columns:1fr 34%}.farm-card-preview__title strong{font-size:17px}.farm-card-preview dt{font-size:6px}.farm-card-preview dd{font-size:8px}.farm-card-preview__frame>p{font-size:6px}.canvas-quick-actions{grid-template-columns:repeat(3,1fr);display:grid}.canvas-quick-actions button{justify-content:center;font-size:0}.canvas-quick-actions svg{width:16px;height:16px}.toolbox-modal{padding:30px 20px 22px}.export-modal-layout{grid-template-columns:1fr}.export-preview{display:none}.success-app-promo{grid-template-columns:auto 1fr}.success-app-promo a{text-align:center;grid-column:1/-1}.editor-toolbar{gap:2px}.editor-toolbar--embedded{gap:1px}.editor-toolbar--embedded .editor-toolbar__group{gap:0}.editor-toolbar--embedded .editor-toolbar__group:nth-child(2){padding:0 2px}.tool-button{min-width:35px;height:39px;padding:0 4px}.tool-button svg{width:15px;height:15px}.toolbar-divider{height:20px}.canvas-diy-stage-header{gap:6px;padding-inline:9px}.canvas-diy-stage-header>.editor-panel__heading span{display:none}.canvas-diy-layout{height:max(440px,100dvh - 133px);max-height:555px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}.toolbox-site{min-height:100svh;display:flex;flex-direction:column}.toolbox-header{position:sticky;top:0;z-index:60;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px)}.toolbox-header__inner{width:min(1180px,calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;gap:28px}.toolbox-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.toolbox-brand__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;overflow:hidden;box-shadow:0 3px 8px rgba(0,0,0,.15);flex-shrink:0}.toolbox-brand__mark img,.toolbox-brand__mark-img{width:100%;height:100%;object-fit:cover;border-radius:10px}.toolbox-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.toolbox-brand strong{font-family:pixel,sans-serif;font-size:16px;letter-spacing:.02em}.toolbox-brand small{margin-top:5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.06em}.toolbox-nav{display:flex;align-items:center;gap:4px}.toolbox-nav a{position:relative;padding:10px 13px;color:var(--muted);border-radius:9px;font-size:14px;font-weight:650}.toolbox-nav a:hover{color:var(--text);background:var(--surface)}.toolbox-nav a.is-active{color:var(--primary-dark)}.toolbox-nav a.is-active:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;background:var(--primary)}.toolbox-header__actions{display:flex;align-items:center;gap:8px}.icon-button,.mobile-menu-button{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);border:1px solid transparent;border-radius:10px;background:transparent}.icon-button:hover,.mobile-menu-button:hover{color:var(--text);border-color:var(--line);background:var(--surface)}.icon-button svg,.mobile-menu-button svg{width:18px;height:18px}.lang-button{height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid transparent;border-radius:10px;background:transparent;font-size:13px;font-weight:700}.lang-button:hover{color:var(--text);border-color:var(--line);background:var(--surface)}.mobile-menu-button{display:none}.header-app-button{display:flex;align-items:center;gap:7px;padding:10px 14px;color:#fff;border-radius:10px;background:var(--primary);font-size:13px;font-weight:750;box-shadow:0 6px 16px rgba(63,155,85,.19)}.header-app-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.header-app-button svg{width:16px;height:16px}.toolbox-hero{width:min(1080px,calc(100% - 40px));min-height:480px;margin:52px auto 24px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary-dark);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow svg{width:15px;height:15px}.about-card h1,.app-download-hero h1,.page-intro h1,.tool-detail-hero h1,.toolbox-hero h1{margin:16px 0 18px;font-family:pixel,sans-serif;font-size:clamp(38px,5vw,62px);line-height:1.16;letter-spacing:-.025em}.toolbox-hero h1 em{color:var(--primary);font-style:normal}.toolbox-hero__copy>p{max-width:550px;margin:0;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.text-button{min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:750;transition:.16s ease}.primary-button{color:#fff;background:var(--primary);box-shadow:0 8px 18px rgba(63,155,85,.17)}.primary-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary-button{color:var(--text);border-color:var(--line-strong);background:var(--surface)}.secondary-button:hover{color:var(--primary-dark);border-color:var(--primary);background:var(--primary-soft)}.text-button{min-height:36px;padding:0 8px;color:var(--primary-dark);border:0;background:transparent}.primary-button svg,.secondary-button svg{width:16px;height:16px}.primary-button.is-full,.secondary-button.is-full{width:100%}.hero-proof{margin-top:24px;display:flex;flex-wrap:wrap;gap:15px;color:var(--muted);font-size:12px}.hero-proof span{display:inline-flex;align-items:center;gap:5px}.hero-proof svg{width:13px;height:13px;color:var(--primary)}.app-tools-section,.tools-section{width:min(1080px,calc(100% - 40px));margin:64px auto 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{margin:8px 0 0;font-family:pixel;font-size:clamp(24px,3vw,34px)}.section-heading>a{display:inline-flex;align-items:center;gap:6px;color:var(--primary-dark);font-size:13px;font-weight:750}.section-heading>a svg{width:15px;height:15px}.filter-tabs{display:flex;align-items:center;gap:6px;margin-bottom:20px;padding-bottom:2px;overflow-x:auto}.filter-tabs button{flex:0 0 auto;padding:9px 13px;color:var(--muted);border:1px solid transparent;border-radius:9px;background:transparent;font-size:12px;font-weight:700}.filter-tabs button:hover{color:var(--text);background:var(--surface)}.filter-tabs button.is-active{color:var(--primary-dark);border-color:var(--line);background:var(--surface);box-shadow:0 3px 10px rgba(88,67,47,.05)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-height:252px;padding:19px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 6px 22px rgba(85,65,46,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tool-card__app-mark{position:absolute;top:-8px;right:14px;padding:3px 8px;color:#71593f;border:1px solid #e0cdaa;border-radius:999px;background:var(--surface-strong);box-shadow:0 3px 8px rgba(85,65,46,.08);font-size:10px;font-weight:800}.tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tool-accent) 60%,var(--line));box-shadow:var(--shadow)}.tool-card.is-coming-soon:hover{transform:none;border-color:var(--line);box-shadow:0 6px 22px rgba(85,65,46,.045)}.tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tool-card__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--tool-accent);border-radius:12px;background:color-mix(in srgb,var(--tool-accent) 13%,var(--surface))}.tool-card__icon svg{width:23px;height:23px}.tool-card__pixel-icon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(60,40,20,.15))}.tool-card__pixel-placeholder{width:28px;height:28px;display:inline-block}.mini-tool-card>span .tool-card__pixel-icon{width:26px;height:26px}.mini-tool-card>span .tool-card__pixel-placeholder{width:26px;height:26px;display:inline-block}.tool-detail-icon .tool-card__pixel-icon{width:36px;height:36px}.tool-detail-icon .tool-card__pixel-placeholder{width:36px;height:36px;display:inline-block}.tool-badge{padding:5px 7px;border-radius:6px;font-size:10px;font-weight:800}.tool-badge.is-web{color:#2f7c42;background:#e7f4e7}.tool-badge.is-app{color:#71593f;background:#f0e7db}.tool-badge.is-coming-soon{color:#8a6728;background:#fff2cf}.tool-card h3{margin:19px 0 8px;font-size:16px}.tool-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.tool-card__cta{margin-top:auto;padding-top:19px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);font-size:12px;font-weight:750}.tool-card__cta.is-primary,.tool-card__cta:hover{color:var(--primary-dark)}.tool-card__cta.is-disabled{color:#8a6728}.inner-page{width:min(1080px,calc(100% - 40px));flex:1;margin:0 auto;padding:54px 0 72px}.page-intro{max-width:680px;margin-bottom:34px}.about-card h1,.app-download-hero h1,.page-intro h1,.tool-detail-hero h1{font-size:clamp(34px,4vw,50px)}.about-card p,.app-download-hero p,.page-intro p,.tool-detail-hero>div>p{color:var(--muted);font-size:15px;line-height:1.85}.tools-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.tool-search{width:260px;min-height:40px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.tool-search svg{width:16px;height:16px;color:var(--muted)}.tool-search input{width:100%;color:var(--text);border:0;outline:0;background:transparent;font-size:13px}.empty-state{min-height:340px;padding:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line-strong);border-radius:16px;background:var(--surface)}.empty-state>svg{width:38px;height:38px;color:var(--muted)}.empty-state h2{margin:16px 0 6px;font-size:18px}.empty-state p{margin:0 0 18px;color:var(--muted);font-size:13px}.app-download-hero{min-height:560px;display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:70px}.check-list{margin:24px 0;padding:0;display:grid;gap:10px;list-style:none}.check-list li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.check-list svg{width:17px;height:17px;color:var(--primary)}.store-buttons{display:flex;flex-wrap:wrap;gap:10px}.store-button{min-width:142px;padding:9px 12px;display:flex;align-items:center;gap:9px;color:#fff;border:1px solid #111;border-radius:10px;background:#171717}.store-button svg{width:22px;height:22px}.store-button span{display:flex;flex-direction:column;line-height:1.05}.store-button small{font-size:10px}.store-button strong{margin-top:3px;font-size:13px}.screenshot-showcase{position:relative;width:320px;height:520px;margin:0 auto}.screenshot-showcase__phone{position:absolute;margin:0;overflow:hidden;border:3px solid #3f352d;border-radius:26px;background:linear-gradient(180deg,#ffa726,#f7e8c0 18%,#faf6f0);box-shadow:0 18px 40px rgba(50,37,27,.22)}.screenshot-showcase__phone img{display:block;width:100%;height:auto}.screenshot-showcase__phone--center{width:220px;left:50%;top:0;transform:translateX(-50%);z-index:3}.screenshot-showcase__phone--left{width:180px;left:-10px;top:50px;transform:rotate(-5deg);z-index:1;opacity:.88}.screenshot-showcase__phone--right{width:180px;right:-10px;top:50px;transform:rotate(5deg);z-index:1;opacity:.88}.app-screenshot-frame{margin:0;overflow:hidden;border:3px solid #3f352d;border-radius:26px;background:linear-gradient(180deg,#ffa726,#f7e8c0 18%,#faf6f0);box-shadow:0 24px 48px rgba(50,37,27,.2)}.app-screenshot-frame img{display:block;width:100%;height:auto}.app-screenshot-frame--detail{width:min(100%,300px);margin:0 auto;border-radius:30px}.app-screenshot-frame--detail figcaption{padding:9px 10px 11px;color:var(--muted);background:var(--surface);font-size:11px;text-align:center}.tool-detail-screenshot{width:100%}.mini-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-tool-card{padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.mini-tool-card:hover{border-color:var(--primary);transform:translateY(-1px)}.mini-tool-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.mini-tool-card>span svg{width:20px;height:20px}.mini-tool-card div{display:flex;flex-direction:column;gap:4px}.mini-tool-card strong{font-size:13px}.mini-tool-card small{color:var(--muted);font-size:11px;line-height:1.5}.mini-tool-card>svg{width:15px;height:15px;color:var(--muted)}.about-page{display:grid;gap:18px}.about-card{padding:52px;display:grid;grid-template-columns:1fr 270px;align-items:center;gap:55px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.about-card p{font-size:15px}.developer-portrait{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(180deg,#dcefd8,#f4e8c8)}.developer-portrait__image{width:150px;height:150px;object-fit:contain;image-rendering:pixelated}.developer-portrait span{margin-top:8px;color:#4d3524;font-family:pixel;font-size:13px}.developer-portrait small{margin-top:4px;color:#80664e;font-size:9px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principles-grid article{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.principles-grid svg{width:24px;height:24px;color:var(--primary)}.principles-grid h2{margin:14px 0 7px;font-size:14px}.principles-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.legal-disclaimer{padding:28px 30px;display:grid;grid-template-columns:minmax(190px,.36fr) 1fr;gap:30px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}.legal-disclaimer__heading h2{margin:10px 0 0;font-family:pixel;font-size:22px;line-height:1.35}.legal-disclaimer__body{display:grid;gap:10px;color:var(--muted);font-size:12px;line-height:1.8}.legal-disclaimer__body p{margin:0}.legal-disclaimer__source{padding-top:4px;font-size:11px}.legal-disclaimer__source a{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;font-weight:700}.back-link:hover{color:var(--primary-dark)}.back-link svg{width:15px;height:15px}.tool-detail-hero{min-height:560px;margin-top:24px;padding:44px 58px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:60px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--tool-accent) 11%,var(--surface)))}.tool-detail-icon{width:58px;height:58px;margin-right:10px;display:inline-grid;place-items:center;color:var(--tool-accent);border-radius:15px;background:color-mix(in srgb,var(--tool-accent) 16%,var(--surface));vertical-align:middle}.tool-detail-icon svg{width:30px;height:30px}.tool-detail-hero .tool-badge{vertical-align:middle}.tool-detail-hero h1{margin-top:24px}.web-data-notice{max-width:430px;margin:0 0 20px;padding:11px 12px;display:flex;align-items:flex-start;gap:9px;color:var(--muted);border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:11px;line-height:1.55}.web-data-notice svg{width:17px;height:17px;flex:0 0 auto;color:var(--primary)}.web-data-notice strong{display:block;color:var(--text)}.toolbox-footer{width:min(1080px,calc(100% - 40px));margin:auto auto 0;padding:26px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;color:var(--muted);border-top:1px solid var(--line)}.toolbox-footer__brand{display:flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:800}.toolbox-footer__brand svg{width:17px;height:17px;color:var(--primary)}.toolbox-footer__brand img,.toolbox-footer__brand-img{width:20px;height:20px;border-radius:5px;object-fit:cover}.toolbox-footer p{margin:8px 0 0;font-size:11px}.toolbox-footer__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px;font-size:11px}.toolbox-footer__links a:hover{color:var(--primary-dark)}.toolbox-footer.is-compact{padding-top:18px;padding-bottom:22px}@media (max-width:900px){.toolbox-header__inner{width:min(100% - 24px,720px);min-height:64px;gap:10px}.toolbox-nav{position:fixed;left:12px;right:12px;top:70px;padding:8px;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.toolbox-nav.is-open{display:flex}.toolbox-nav a{padding:12px}.toolbox-nav a.is-active:after{display:none}.mobile-menu-button{display:grid}.header-app-button span{display:none}.header-app-button{width:38px;height:38px;padding:0;justify-content:center}.toolbox-hero{min-height:0;margin-top:34px;grid-template-columns:1fr;gap:34px}.tool-grid{grid-template-columns:repeat(2,1fr)}.app-download-hero{grid-template-columns:1fr;gap:40px;text-align:center}.app-download-hero .check-list{justify-items:center}.app-download-hero .store-buttons{justify-content:center}.screenshot-showcase{width:260px;height:440px}.screenshot-showcase__phone--center{width:190px}.screenshot-showcase__phone--left,.screenshot-showcase__phone--right{width:150px}.about-card{grid-template-columns:1fr;padding:34px}.developer-portrait{min-height:240px}.legal-disclaimer{grid-template-columns:1fr;padding:24px;gap:14px}.tool-detail-hero{grid-template-columns:1fr;padding:36px}}@media (max-width:680px){.toolbox-brand strong{font-size:13px}.toolbox-brand small{font-size:10px}.toolbox-brand__mark{width:36px;height:36px}.toolbox-header__actions{gap:3px}.app-tools-section,.inner-page,.toolbox-footer,.toolbox-hero,.tools-section{width:min(100% - 24px,620px)}.toolbox-hero h1{font-size:39px}.toolbox-hero__copy>p{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column}.mini-tool-grid,.principles-grid,.tool-grid,.tool-grid--all{grid-template-columns:1fr}.tool-card{min-height:225px}.tools-toolbar{align-items:stretch;flex-direction:column}.tools-toolbar .filter-tabs{margin-bottom:0}.tool-search{width:100%}.about-card{padding:24px}.tool-detail-hero{padding:26px 20px}.toolbox-footer{align-items:flex-start;flex-direction:column}.toolbox-footer__links{justify-content:flex-start}.screenshot-showcase{width:200px;height:380px}.screenshot-showcase__phone--left,.screenshot-showcase__phone--right{display:none}.screenshot-showcase__phone--center{width:200px}}.hero-scene{position:relative;height:380px}.hero-canvas-mockup,.hero-scene{overflow:hidden;border-radius:20px;box-shadow:var(--shadow)}.hero-canvas-mockup{position:absolute;inset:0;width:100%;height:100%;border:1px solid var(--line);background:#141923;display:flex;flex-direction:column;z-index:2;transition:box-shadow .3s ease}.hero-canvas-mockup:hover{box-shadow:0 24px 56px rgba(0,0,0,.28)}.hero-canvas-mockup__topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(10,14,20,.95);border-bottom:1px solid rgba(255,255,255,.08);user-select:none}.topbar-dots{display:flex;gap:6px}.topbar-dots .dot{width:9px;height:9px;border-radius:50%}.dot--red{background:#ff5f56}.dot--yellow{background:#ffbd2e}.dot--green{background:#27c93f}.topbar-title{font-size:11px;font-weight:600;color:rgba(255,255,255,.85)}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-badge{color:#eedca4;background:rgba(238,220,164,.12);border:1px solid rgba(238,220,164,.25);padding:2px 8px;border-radius:999px}.topbar-badge,.topbar-zoom{font-size:10px;font-weight:700}.topbar-zoom{color:rgba(255,255,255,.5);background:rgba(255,255,255,.08);padding:2px 7px;border-radius:4px}.hero-canvas-mockup__body{position:relative;flex:1;overflow:hidden;background:#171d26}.mockup-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 0);background-size:18px 18px}.mockup-stage{position:absolute;inset:0;pointer-events:none}.mockup-element{position:absolute;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));user-select:none}.pixel-sprite{display:block;object-fit:contain;image-rendering:pixelated}.el-junimo{left:14%;top:25%}.el-junimo img{width:76px;height:auto}.el-scarecrow{left:56%;top:45%}.el-scarecrow img{width:36px;height:auto}.el-chest{left:36%;top:56%}.el-chest img{width:40px;height:auto}.el-strawberry{left:76%;top:54%}.el-strawberry img{width:42px;height:auto}.el-stardrop{left:45%;top:24%}.el-stardrop img{width:52px;height:auto}.mockup-element.is-selected{z-index:5}.mockup-element.is-selected .mockup-selection{position:absolute;inset:-6px;border:1.5px dashed #3b82f6;border-radius:6px;pointer-events:none;animation:selection-pulse 2.4s ease-in-out infinite alternate}@keyframes selection-pulse{0%{border-color:#3b82f6;box-shadow:0 0 0 0 rgba(59,130,246,.2)}to{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(59,130,246,.25)}}.mockup-selection .handle{position:absolute;width:7px;height:7px;background:#ffffff;border:1.5px solid #3b82f6;border-radius:2px}.handle--tl{top:-4px;left:-4px}.handle--tr{top:-4px;right:-4px}.handle--bl{bottom:-4px;left:-4px}.handle--br{bottom:-4px;right:-4px}.selection-label{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#3b82f6;color:#ffffff;font-size:9px;font-weight:700;padding:1px 7px;border-radius:4px;font-family:monospace;white-space:nowrap;box-shadow:0 2px 8px rgba(59,130,246,.4)}.stardrop-glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.5) 0,rgba(59,130,246,.28) 50%,transparent 70%);filter:blur(8px);z-index:-1;pointer-events:none;animation:glow-pulse 3s ease-in-out infinite alternate}@keyframes glow-pulse{0%{opacity:.45;transform:scale(.92)}to{opacity:.9;transform:scale(1.1)}}.mockup-guide-x{left:10%;right:10%;top:30%;height:1px;border-top:1px dashed #06b6d4}.mockup-guide-x,.mockup-guide-y{position:absolute;opacity:.75;pointer-events:none;z-index:3;animation:guide-pulse 2.5s ease-in-out infinite alternate}.mockup-guide-y{top:15%;bottom:15%;left:48.5%;width:1px;border-left:1px dashed #06b6d4}@keyframes guide-pulse{0%{opacity:.45}to{opacity:.85}}.mockup-guide-distance{position:absolute;left:48.5%;top:42%;transform:translate(-50%,-50%);background:rgba(6,182,212,.95);color:#ffffff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:3px;font-family:monospace;z-index:4;box-shadow:0 2px 6px rgba(6,182,212,.4)}.mockup-cursor{position:absolute;left:50.5%;top:31%;display:flex;align-items:center;gap:4px;z-index:10;pointer-events:none;animation:cursor-loop 4s ease-in-out infinite alternate}.cursor-icon{color:#ffffff;fill:#3b82f6;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.cursor-pill{background:#3b82f6;color:#ffffff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;box-shadow:0 3px 10px rgba(59,130,246,.5);white-space:nowrap}@keyframes cursor-loop{0%{transform:translate(0)}50%{transform:translate(8px,-6px)}to{transform:translate(0)}}.mockup-palette{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(12,17,26,.92);border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(8px);z-index:4;white-space:nowrap;max-width:calc(100% - 20px)}.palette-title{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);padding-right:6px;border-right:1px solid rgba(255,255,255,.12);white-space:nowrap;flex-shrink:0}.palette-icons{display:flex}.palette-icons,.palette-item{align-items:center;gap:4px;white-space:nowrap}.palette-item{font-size:10px;font-weight:600;color:rgba(255,255,255,.75);display:inline-flex;padding:3px 8px;border-radius:6px;cursor:pointer;opacity:.65;transition:all .2s;flex-shrink:0}.palette-item.is-active,.palette-item:hover{opacity:1;color:#ffffff;background:rgba(255,255,255,.14)}.mockup-toolbar{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:5px;padding:5px;background:rgba(12,17,26,.85);border:1px solid rgba(255,255,255,.12);border-radius:8px;backdrop-filter:blur(8px);z-index:3}.toolbar-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:all .2s ease}.toolbar-btn:hover{color:#ffffff;background:rgba(255,255,255,.1)}.toolbar-btn.is-active{background:#3b82f6;color:#ffffff;box-shadow:0 2px 6px rgba(59,130,246,.4)}.capability-strip{width:min(1080px,calc(100% - 40px));margin:20px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.capability-item{padding:18px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.capability-item svg{width:22px;height:22px;color:var(--primary)}.capability-item strong{font-size:14px}.capability-item span{color:var(--muted);font-size:12px;line-height:1.7}.how-it-works{width:min(1080px,calc(100% - 40px));margin:64px auto 0}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step-card{position:relative;padding:22px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.step-card__no{position:absolute;top:16px;right:18px;color:color-mix(in srgb,var(--primary) 38%,var(--surface));font-family:pixel;font-size:34px;line-height:1}.step-card svg{width:22px;height:22px;color:var(--primary)}.step-card strong{font-size:15px}.step-card span{color:var(--muted);font-size:12px;line-height:1.7}.home-download{width:min(1080px,calc(100% - 40px));margin:64px auto 70px;padding:40px 48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px;border:1px solid #b9d9b8;border-radius:18px;background:linear-gradient(135deg,var(--primary-soft),var(--surface))}.home-download__copy h2{margin:12px 0 10px;font-family:pixel;font-size:clamp(24px,3vw,34px)}.home-download__copy>p{max-width:460px;margin:0;color:var(--muted);font-size:14px;line-height:1.85}.home-download__more{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;color:var(--primary-dark);font-size:13px;font-weight:750}.home-download__more svg{width:15px;height:15px}@media (max-width:900px){.hero-scene{height:300px}.capability-strip{grid-template-columns:repeat(2,1fr)}.home-download,.how-it-works__steps{grid-template-columns:1fr}.home-download{padding:30px;text-align:center}.home-download__copy .check-list{justify-items:center}.home-download__copy>p{margin:0 auto}.home-download__copy .store-buttons{justify-content:center}}@media (max-width:680px){.hero-scene{height:250px;border-radius:18px 8px}.hero-scene__card{left:12px;bottom:12px;padding:9px 12px}.hero-scene__card strong{font-size:16px}.capability-strip,.home-download,.how-it-works{width:min(100% - 24px,620px)}.capability-strip{grid-template-columns:1fr}.home-download{padding:24px 18px;gap:26px}}.home-web-tools{margin-top:56px}.home-web-tools .section-heading h2{margin:6px 0 0;font-family:inherit;font-size:clamp(22px,2.5vw,28px);font-weight:800;color:var(--text)}.home-web-tools .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-web-tools .tool-card{max-width:360px}.section-heading__note{color:var(--muted);font-size:12px}.home-app-bridge{width:min(1080px,calc(100% - 40px));margin:64px auto 70px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #b9d9b8;border-radius:16px;background:linear-gradient(135deg,var(--primary-soft),var(--surface))}.home-app-bridge__copy{min-width:0}.home-app-bridge h2{margin:12px 0 9px;font-family:pixel;font-size:clamp(24px,3vw,34px)}.home-app-bridge p{max-width:660px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.home-app-bridge__features{margin:18px 0 20px;display:flex;flex-wrap:wrap;gap:8px 16px}.home-app-bridge__features span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.home-app-bridge__features svg{width:14px;height:14px;color:var(--primary)}.home-app-bridge__link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;color:var(--primary-dark);font-size:12px;font-weight:800}.home-app-bridge__link svg{width:15px;height:15px}@media (max-width:900px){.home-web-tools .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-app-bridge{align-items:flex-start;flex-direction:column;padding:28px}}@media (max-width:680px){.home-app-bridge,.home-web-tools{width:min(100% - 24px,620px)}.home-web-tools .tool-grid{grid-template-columns:1fr}.home-web-tools .tool-card{max-width:none}.home-app-bridge{margin-top:48px;margin-bottom:52px;padding:24px 18px}.home-app-bridge__link{margin-top:2px}}.directory-intro{max-width:760px;margin-bottom:26px}.directory-intro h1{margin-bottom:13px}.directory-intro p{max-width:700px}.directory-category-nav{margin-bottom:38px;padding:6px;display:flex;align-items:center;gap:5px;overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 5px 18px rgba(85,65,46,.04);scrollbar-width:thin}.directory-category-nav button{flex:0 0 auto;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:750;white-space:nowrap}.directory-category-nav button:hover{color:var(--text);background:var(--bg-soft)}.directory-category-nav button.is-active{color:var(--primary-dark);border-color:var(--line);background:var(--primary-soft)}.directory-category-nav svg{width:15px;height:15px}.directory-site-groups{display:grid;gap:42px}.directory-group{scroll-margin-top:94px}.directory-group__heading{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.directory-group__heading>div{display:flex;align-items:center;gap:9px}.directory-group__heading h2{margin:0;font-family:pixel;font-size:22px}.directory-group__heading>span{color:var(--muted);font-size:11px}.directory-group__icon{width:34px;height:34px;display:grid;place-items:center;color:var(--primary-dark);border-radius:9px;background:var(--primary-soft)}.directory-group__icon svg{width:18px;height:18px}.directory-site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:13px}.directory-site-card{min-height:214px;padding:18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 6px 22px rgba(85,65,46,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.directory-site-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--directory-accent) 60%,var(--line));box-shadow:var(--shadow)}.directory-site-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.directory-site-card__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--directory-accent);border-radius:12px;background:color-mix(in srgb,var(--directory-accent) 13%,var(--surface))}.directory-site-card__icon svg{width:22px;height:22px}.directory-site-card__top>svg{width:16px;height:16px;color:var(--muted)}.directory-site-card__domain{margin-top:14px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.03em}.directory-site-card__category{width:max-content;margin-top:6px;padding:3px 6px;color:var(--directory-accent);border-radius:5px;background:color-mix(in srgb,var(--directory-accent) 11%,var(--surface));font-size:9px;font-weight:800}.directory-site-card h3{margin:8px 0 7px;font-size:16px}.directory-site-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.directory-site-card__cta{margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:var(--primary-dark);border-top:1px solid var(--line);font-size:11px;font-weight:800}.directory-site-card__cta svg{width:15px;height:15px}@media (max-width:680px){.directory-category-nav{margin-bottom:30px}.directory-site-groups{gap:34px}.directory-group__heading h2{font-size:20px}.directory-site-card{min-height:204px}}