/*! tailwindcss v4.3.3 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-lime-400:oklch(84.1% .238 128.85);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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);--color-surface:var(--guide-bg-base);--color-surface-subtle:var(--guide-bg-surface-light);--color-foreground:var(--guide-text-primary);--color-muted:var(--guide-text-secondary);--spacing-ds-control:var(--guide-sp-md)}}@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,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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:where(:not(iframe)){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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-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}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.-top-8{top:calc(var(--spacing) * -8)}.-right-8{right:calc(var(--spacing) * -8)}.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}}.m-0{margin:0}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-1{margin-bottom:var(--spacing)}.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)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.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-44{height:calc(var(--spacing) * 44)}.h-full{height:100%}.min-h-\[260px\]{min-height:260px}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.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-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-28{width:calc(var(--spacing) * 28)}.w-44{width:calc(var(--spacing) * 44)}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%}.scale-100,.scale-90{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-md{gap:var(--guide-gap-md)}: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}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.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-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-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--guide-color-olive\)\]{border-color:var(--guide-color-olive)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.border-black\/10{border-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab,red,red)){.border-black\/15{border-color:color-mix(in oklab,var(--color-black) 15%,transparent)}}.border-butter-yellow{border-color:var(--guide-color-butter-yellow)}.border-fresh-olive{border-color:var(--guide-color-fresh-olive)}.border-light{border-color:var(--guide-line-light)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-olive{border-color:var(--guide-text-brand)}.border-red-400{border-color:var(--color-red-400)}.border-strong{border-color:var(--guide-line-strong)}.bg-\[var\(--guide-color-olive\)\]{background-color:var(--guide-color-olive)}.bg-base{background-color:var(--guide-bg-base)}.bg-butter-yellow,.bg-butter-yellow\/15{background-color:var(--guide-color-butter-yellow)}@supports (color:color-mix(in lab,red,red)){.bg-butter-yellow\/15{background-color:color-mix(in oklab,var(--guide-color-butter-yellow) 15%,transparent)}}.bg-fresh-olive,.bg-fresh-olive\/10{background-color:var(--guide-color-fresh-olive)}@supports (color:color-mix(in lab,red,red)){.bg-fresh-olive\/10{background-color:color-mix(in oklab,var(--guide-color-fresh-olive) 10%,transparent)}}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-olive{background-color:var(--guide-text-brand)}.bg-surface-light{background-color:var(--guide-bg-surface-light)}.bg-surface-main{background-color:var(--guide-bg-main)}.bg-surface-warm{background-color:var(--guide-bg-surface-warm)}.bg-tomato-coral{background-color:var(--guide-color-tomato-coral)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle\,rgba\(127\,148\,69\,0\.15\)_0\%\,transparent_70\%\)\]{background-image:radial-gradient(circle,#7f944526 0,#0000 70%)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-sp-md{padding:var(--guide-sp-md)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-butter-yellow{color:var(--guide-color-butter-yellow)}.text-deep-ink{color:var(--guide-text-primary)}.text-fresh-olive{color:var(--guide-color-fresh-olive)}.text-muted{color:var(--guide-text-secondary)}.text-neutral-500{color:var(--color-neutral-500)}.text-olive{color:var(--guide-text-brand)}.text-primary{color:var(--guide-text-primary)}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--guide-text-secondary)}.text-tomato-coral{color:var(--guide-color-tomato-coral)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d)}.shadow-inner,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring-2,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-strong:hover{border-color:var(--guide-line-strong)}.hover\:bg-surface-light:hover{background-color:var(--guide-bg-surface-light)}.hover\:text-olive:hover{color:var(--guide-text-brand)}.hover\:text-primary:hover{color:var(--guide-text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-olive:focus-visible{outline-color:var(--guide-text-brand)}.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)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media (prefers-color-scheme:dark){.dark\:border-neutral-800{border-color:var(--color-neutral-800)}.dark\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.dark\:border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/25{border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.dark\:bg-neutral-900{background-color:var(--color-neutral-900)}.dark\:text-lime-400{color:var(--color-lime-400)}.dark\:text-red-400{color:var(--color-red-400)}}}:root{--guide-font-sans:var(--font-pretendard),system-ui,sans-serif;--guide-font-code:"SFMono-Regular",Consolas,monospace;--guide-size-40:40px;--guide-size-36:36px;--guide-size-32:32px;--guide-size-30:30px;--guide-size-28:28px;--guide-size-26:26px;--guide-size-24:24px;--guide-size-22:22px;--guide-size-20:20px;--guide-size-18:18px;--guide-size-17:17px;--guide-size-16:16px;--guide-size-15:15px;--guide-size-14:14px;--guide-size-13:13px;--guide-size-12:12px;--guide-size-11:11px;--guide-fw-700:700;--guide-fw-600:600;--guide-fw-500:500;--guide-fw-400:400;--guide-lh-130:1.3;--guide-lh-150:1.5;--guide-neutral-0:#fff;--guide-neutral-50:#f8fafc;--guide-neutral-100:#f1f5f9;--guide-neutral-200:#e2e8f0;--guide-neutral-300:#cbd5e1;--guide-neutral-400:#94a3b8;--guide-neutral-500:#64748b;--guide-neutral-600:#475569;--guide-neutral-700:#334155;--guide-neutral-800:#1e293b;--guide-neutral-900:#0f172a;--guide-color-olive:#38471d;--guide-color-fresh-olive:#7f9445;--guide-color-butter-yellow:#f5ca45;--guide-color-cream:#fff8e5;--guide-color-deep-ink:#23281d;--guide-color-tomato-coral:#e66f4f;--guide-brand-50:#f5f7f0;--guide-brand-100:#e7edd9;--guide-brand-200:#cedcb3;--guide-brand-300:#abc284;--guide-brand-400:#6b843e;--guide-brand-500:#4d6129;--guide-brand-600:#38471d;--guide-brand-700:#2b3716;--guide-brand-800:#1f2710;--guide-brand-900:#161c0c;--guide-brand-logo-base:#38471d;--guide-dark-bg-base:#0f130d;--guide-dark-bg-surface:#181f14;--guide-dark-bg-warm:#232d1d;--guide-dark-bg-main:#141a11;--guide-dark-line-light:#2f3d27;--guide-dark-line-strong:#495d3c;--guide-dark-line-control:#697764;--guide-red-50:#fef2f2;--guide-red-400:#f87171;--guide-red-500:#ef4444;--guide-red-600:#dc2626;--guide-green-50:#f6f8f1;--guide-green-100:#eaf0de;--guide-green-200:#d5e2bd;--guide-green-300:#bad196;--guide-green-400:#9dbf6f;--guide-green-500:#7f9445;--guide-green-600:#677a35;--guide-green-700:#506028;--guide-amber-50:#fef4f1;--guide-amber-100:#fde6e0;--guide-amber-200:#fbcbc1;--guide-amber-300:#f7a998;--guide-amber-400:#f08870;--guide-amber-500:#e66f4f;--guide-amber-600:#cc5636;--guide-amber-700:#aa4226;--guide-yellow-50:#fffdf7;--guide-yellow-100:#fff8e5;--guide-yellow-200:#feeec2;--guide-yellow-300:#fedd8a;--guide-yellow-400:#f9d45f;--guide-yellow-500:#f5ca45;--guide-yellow-600:#d9ad26;--guide-yellow-700:#b3881c;--guide-space-0:0px;--guide-space-2:2px;--guide-space-4:4px;--guide-space-8:8px;--guide-space-12:12px;--guide-space-16:16px;--guide-space-20:20px;--guide-space-24:24px;--guide-space-32:32px;--guide-space-40:40px;--guide-space-48:48px;--guide-space-64:64px;--guide-space-80:80px;--guide-height-24:24px;--guide-height-32:32px;--guide-height-40:40px;--guide-height-48:48px;--guide-height-56:56px;--guide-radius-0:0px;--guide-radius-2:2px;--guide-radius-4:4px;--guide-radius-6:6px;--guide-radius-8:8px;--guide-radius-10:10px;--guide-radius-16:16px;--guide-radius-full:999px;--guide-border-1:1px;--guide-border-2:2px;--guide-border-3:3px;--guide-icon-12:12px;--guide-icon-14:14px;--guide-icon-18:18px;--guide-icon-24:24px;--guide-icon-36:36px;--guide-icon-48:48px;--guide-stroke-1:1;--guide-stroke-1-25:1.25;--guide-stroke-1-5:1.5;--guide-stroke-2:2;--guide-touch-32:32px;--guide-touch-44:44px;--guide-touch-48:48px;--guide-opacity-40:.4;--guide-opacity-60:.6;--guide-opacity-80:.8;--guide-container-1280:1280px;--guide-grid-columns-12:12;--guide-grid-columns-8:8;--guide-grid-columns-4:4;--guide-breakpoint-360:360px;--guide-breakpoint-767:767px;--guide-breakpoint-768:768px;--guide-breakpoint-1024:1024px;--guide-breakpoint-1280:1280px;--guide-breakpoint-1920:1920px;--guide-tit-display-hero:var(--guide-size-36);--guide-tit-main-page:var(--guide-size-32);--guide-tit-page-title:var(--guide-size-28);--guide-tit-section-title:var(--guide-size-22);--guide-tit-component-header:var(--guide-size-16);--guide-tit-banner:var(--guide-size-26);--guide-tit-promo-bar:var(--guide-size-18);--guide-tit-card-title:var(--guide-size-15);--guide-tit-deal-card:var(--guide-size-18);--guide-txt-body-main:var(--guide-size-16);--guide-txt-body-sub:var(--guide-size-14);--guide-txt-caption:var(--guide-size-12);--guide-txt-desc:var(--guide-size-14);--guide-txt-banner-sub:var(--guide-size-14);--guide-nav-menu:var(--guide-size-14);--guide-nav-tab-label:var(--guide-size-11);--guide-nav-util:var(--guide-size-16);--guide-nav-mega-cat:var(--guide-size-14);--guide-nav-mega-group:var(--guide-size-16);--guide-nav-mega-item:var(--guide-size-14);--guide-nav-breadcrumb:var(--guide-size-13);--guide-price-main:var(--guide-size-18);--guide-price-original:var(--guide-size-14);--guide-price-convert:var(--guide-size-13);--guide-badge-tag:var(--guide-size-13);--guide-card-compact-title:var(--guide-size-14);--guide-tab-item:var(--guide-size-14);--guide-form-label:var(--guide-size-13);--guide-sp-3xs:var(--guide-space-4);--guide-sp-2xs:var(--guide-space-4);--guide-sp-xs:var(--guide-space-8);--guide-sp-sm:var(--guide-space-12);--guide-sp-md:var(--guide-space-16);--guide-sp-lg:var(--guide-space-24);--guide-sp-xl:var(--guide-space-32);--guide-sp-2xl:var(--guide-space-32);--guide-sp-3xl:var(--guide-space-40);--guide-sp-4xl:var(--guide-space-80);--guide-gap-xxs:var(--guide-space-4);--guide-gap-xs:var(--guide-space-4);--guide-gap-sm:var(--guide-space-8);--guide-gap-md:var(--guide-space-12);--guide-gap-lg:var(--guide-space-16);--guide-gap-xl:var(--guide-space-16);--guide-gap-xxl:var(--guide-space-24);--guide-gap-3xl:var(--guide-space-40);--guide-gap-4xl:var(--guide-space-64);--guide-gap-5xl:var(--guide-space-80);--guide-breakpoint-min:var(--guide-breakpoint-360);--guide-breakpoint-max:var(--guide-breakpoint-767);--guide-container-max:var(--guide-breakpoint-360);--guide-margin-container:var(--guide-space-16);--guide-grid-card-4col:302px;--guide-grid-card-3col:227px;--guide-grid-card-1col:328px;--guide-grid-card-2col:156px;--guide-grid-desktop:var(--guide-grid-columns-12);--guide-grid-tablet:var(--guide-grid-columns-8);--guide-grid-mobile:var(--guide-grid-columns-4);--guide-text-primary:var(--guide-color-deep-ink);--guide-text-body:var(--guide-color-deep-ink);--guide-text-secondary:var(--guide-neutral-700);--guide-text-tertiary:var(--guide-neutral-600);--guide-text-muted:var(--guide-neutral-500);--guide-text-disabled:var(--guide-neutral-400);--guide-text-point:var(--guide-color-tomato-coral);--guide-text-link:var(--guide-color-olive);--guide-text-brand:var(--guide-color-olive);--guide-text-on-image:var(--guide-neutral-0);--guide-text-on-image-sub:var(--guide-neutral-200);--guide-text-on-solid:var(--guide-neutral-0);--guide-text-on-disabled:var(--guide-neutral-500);--guide-text-success:var(--guide-green-500);--guide-text-warning:var(--guide-amber-500);--guide-text-error:var(--guide-red-500);--guide-bg-base:var(--guide-neutral-0);--guide-bg-surface-light:var(--guide-neutral-50);--guide-bg-surface-warm:var(--guide-color-cream);--guide-bg-main:var(--guide-neutral-100);--guide-bg-promo:var(--guide-color-butter-yellow);--guide-bg-disabled:var(--guide-neutral-300);--guide-bg-success-tint:var(--guide-green-50);--guide-bg-warning-tint:var(--guide-amber-50);--guide-bg-error-tint:var(--guide-red-50);--guide-bg-info-tint:var(--guide-brand-50);--guide-line-light:var(--guide-neutral-200);--guide-line-strong:var(--guide-neutral-300);--guide-line-heading:var(--guide-color-deep-ink);--guide-line-on-image:var(--guide-neutral-0);--guide-line-point:var(--guide-color-tomato-coral);--guide-line-focus:var(--guide-color-olive);--guide-line-hover:var(--guide-neutral-400);--guide-line-default:var(--guide-neutral-300);--guide-line-error:var(--guide-red-500);--guide-line-checked:var(--guide-color-olive);--guide-line-accent:var(--guide-color-fresh-olive);--guide-icon-strong-color:var(--guide-neutral-900);--guide-icon-default-color:var(--guide-neutral-600);--guide-icon-muted-color:var(--guide-neutral-400);--guide-icon-on-solid-color:var(--guide-neutral-0);--guide-icon-point-color:var(--guide-red-500);--guide-icon-3xs-size:var(--guide-icon-12);--guide-icon-3xs-stroke:var(--guide-stroke-1);--guide-icon-2xs-size:var(--guide-icon-14);--guide-icon-2xs-stroke:var(--guide-stroke-1-25);--guide-icon-xs-size:var(--guide-icon-18);--guide-icon-xs-stroke:var(--guide-stroke-1-25);--guide-icon-sm-size:var(--guide-icon-24);--guide-icon-sm-stroke:var(--guide-stroke-1-5);--guide-icon-md-size:var(--guide-icon-36);--guide-icon-md-stroke:var(--guide-stroke-2);--guide-icon-lg-size:var(--guide-icon-48);--guide-icon-lg-stroke:var(--guide-stroke-2);--guide-icon-3xs-svg-stroke:26.667px;--guide-icon-2xs-svg-stroke:28.571px;--guide-icon-xs-svg-stroke:22.222px;--guide-icon-sm-svg-stroke:20px;--guide-icon-md-svg-stroke:17.778px;--guide-icon-lg-svg-stroke:13.333px;--guide-brand-logo:var(--guide-brand-logo-base);--guide-brand-logo-frame:var(--guide-brand-logo-base);--guide-overlay-scrim:#0f172aa3;--guide-font-base:var(--guide-font-sans);--guide-fw-heading:var(--guide-fw-700);--guide-fw-strong:var(--guide-fw-600);--guide-fw-title:var(--guide-fw-500);--guide-fw-body:var(--guide-fw-400);--guide-lh-tight:var(--guide-lh-130);--guide-lh-base:var(--guide-lh-150);--guide-media-play-button:var(--guide-space-80);--guide-control-box:var(--guide-size-20);--guide-control-mark:var(--guide-size-12);--guide-radius-square:var(--guide-radius-0);--guide-radius-badge:var(--guide-radius-6);--guide-radius-button:var(--guide-radius-8);--guide-radius-input:var(--guide-radius-8);--guide-radius-card:var(--guide-radius-10);--guide-radius-modal:var(--guide-radius-16);--guide-radius-chip:var(--guide-radius-full);--guide-radius-avatar:var(--guide-radius-full);--guide-touch-compact:var(--guide-touch-32);--guide-touch-min:var(--guide-touch-44);--guide-touch-comfortable:var(--guide-touch-48);--guide-border-default:var(--guide-border-1);--guide-border-divider:var(--guide-border-1);--guide-border-focus:var(--guide-border-1);--guide-border-tab-active:var(--guide-border-2);--guide-opacity-disabled:var(--guide-opacity-40);--guide-opacity-dim:var(--guide-opacity-60);--guide-shadow-header:0 1px 0 0 #0f172a14;--guide-shadow-sm:0 1px 2px 0 #0f172a14;--guide-shadow-md:0 8px 20px -6px #0f172a2e;--guide-shadow-lg:0 18px 40px -12px #0f172a3d;--guide-shadow-quick-menu:0 0 50px 0 #0000001a;--guide-scrim-banner-bottom:linear-gradient(180deg,#21212100 30%,#212121cc)}@media (min-width:768px){:root{--guide-tit-display-hero:var(--guide-size-40);--guide-tit-main-page:var(--guide-size-36);--guide-tit-page-title:var(--guide-size-30);--guide-tit-section-title:var(--guide-size-24);--guide-tit-component-header:var(--guide-size-18);--guide-tit-banner:var(--guide-size-28);--guide-tit-promo-bar:var(--guide-size-20);--guide-tit-card-title:var(--guide-size-16);--guide-tit-deal-card:var(--guide-size-24);--guide-txt-body-main:var(--guide-size-16);--guide-txt-body-sub:var(--guide-size-14);--guide-txt-caption:var(--guide-size-12);--guide-nav-menu:var(--guide-size-16);--guide-sp-sm:var(--guide-space-12);--guide-sp-md:var(--guide-space-16);--guide-sp-xl:var(--guide-space-32);--guide-sp-2xl:var(--guide-space-40);--guide-sp-3xl:var(--guide-space-40);--guide-gap-lg:var(--guide-space-16);--guide-gap-xl:var(--guide-space-16);--guide-gap-xxl:var(--guide-space-24);--guide-breakpoint-min:var(--guide-breakpoint-768);--guide-breakpoint-max:var(--guide-breakpoint-1024);--guide-container-max:var(--guide-breakpoint-768);--guide-margin-container:var(--guide-space-24);--guide-shadow-quick-menu:0 0 8px 0 #0000000f}}@media (min-width:1280px){:root{--guide-tit-display-hero:var(--guide-size-40);--guide-tit-main-page:var(--guide-size-36);--guide-tit-page-title:var(--guide-size-30);--guide-tit-section-title:var(--guide-size-24);--guide-tit-component-header:var(--guide-size-18);--guide-sp-sm:var(--guide-space-12);--guide-sp-md:var(--guide-space-16);--guide-sp-3xl:var(--guide-space-40);--guide-gap-lg:var(--guide-space-16);--guide-gap-xl:var(--guide-space-16);--guide-gap-xxl:var(--guide-space-24);--guide-breakpoint-min:var(--guide-breakpoint-1280);--guide-breakpoint-max:var(--guide-breakpoint-1920);--guide-container-max:var(--guide-container-1280);--guide-margin-container:var(--guide-space-0)}}[data-theme=dark]{--guide-text-primary:var(--guide-neutral-50);--guide-text-body:var(--guide-neutral-100);--guide-text-secondary:var(--guide-neutral-300);--guide-text-tertiary:var(--guide-neutral-400);--guide-text-muted:var(--guide-neutral-400);--guide-text-disabled:var(--guide-neutral-600);--guide-text-point:var(--guide-color-tomato-coral);--guide-text-link:var(--guide-brand-300);--guide-text-brand:var(--guide-brand-300);--guide-text-on-image:var(--guide-neutral-0);--guide-text-on-image-sub:var(--guide-neutral-300);--guide-text-on-solid:var(--guide-neutral-0);--guide-text-on-disabled:var(--guide-neutral-500);--guide-text-success:var(--guide-green-400);--guide-text-warning:var(--guide-color-butter-yellow);--guide-text-error:var(--guide-red-400);--guide-bg-base:var(--guide-dark-bg-base);--guide-bg-surface-light:var(--guide-dark-bg-surface);--guide-bg-surface-warm:var(--guide-dark-bg-warm);--guide-bg-main:var(--guide-dark-bg-main);--guide-bg-promo:var(--guide-brand-700);--guide-bg-disabled:#22291e;--guide-bg-success-tint:#182618;--guide-bg-warning-tint:#2c2411;--guide-bg-error-tint:#2b1414;--guide-bg-info-tint:#192415;--guide-line-light:var(--guide-dark-line-light);--guide-line-strong:var(--guide-dark-line-strong);--guide-line-heading:var(--guide-neutral-100);--guide-line-on-image:var(--guide-neutral-0);--guide-line-point:var(--guide-color-tomato-coral);--guide-line-focus:var(--guide-brand-300);--guide-line-hover:var(--guide-neutral-400);--guide-line-default:var(--guide-dark-line-control);--guide-line-error:var(--guide-red-400);--guide-line-checked:var(--guide-brand-300);--guide-line-accent:var(--guide-brand-300);--guide-icon-strong-color:var(--guide-neutral-50);--guide-icon-default-color:var(--guide-neutral-300);--guide-icon-muted-color:var(--guide-neutral-500);--guide-icon-on-solid-color:var(--guide-neutral-0);--guide-icon-point-color:var(--guide-red-400);--guide-brand-logo:var(--guide-neutral-100);--guide-brand-logo-frame:var(--guide-neutral-100);--guide-overlay-scrim:#000000bf;--guide-shadow-header:0 1px 0 0 #ffffff0f;--guide-shadow-sm:0 1px 2px 0 #0006;--guide-shadow-md:0 8px 20px -6px #00000080;--guide-shadow-lg:0 18px 40px -12px #0009;--guide-shadow-quick-menu:0 0 50px 0 #0006}:root{--guide-component-xs-height:var(--guide-height-24);--guide-component-xs-padding-x:var(--guide-space-8);--guide-component-xs-font-size:var(--guide-size-12);--guide-component-sm-height:var(--guide-height-32);--guide-component-sm-padding-x:var(--guide-space-12);--guide-component-sm-font-size:var(--guide-size-14);--guide-component-md-height:var(--guide-height-40);--guide-component-md-padding-x:var(--guide-space-16);--guide-component-md-font-size:var(--guide-size-14);--guide-component-lg-height:var(--guide-height-48);--guide-component-lg-padding-x:var(--guide-space-20);--guide-component-lg-font-size:var(--guide-size-16);--guide-component-xl-height:var(--guide-height-56);--guide-component-xl-padding-x:var(--guide-space-24);--guide-component-xl-font-size:var(--guide-size-16);--guide-button-primary-default-bg:var(--guide-brand-600);--guide-button-primary-default-border:var(--guide-brand-600);--guide-button-primary-default-text:var(--guide-text-on-solid);--guide-button-primary-hover-bg:var(--guide-brand-700);--guide-button-primary-hover-border:var(--guide-brand-700);--guide-button-primary-hover-text:var(--guide-text-on-solid);--guide-button-primary-pressed-bg:var(--guide-brand-800);--guide-button-primary-pressed-border:var(--guide-brand-800);--guide-button-primary-pressed-text:var(--guide-text-on-solid);--guide-button-secondary-default-bg:var(--guide-neutral-600);--guide-button-secondary-default-border:var(--guide-neutral-600);--guide-button-secondary-default-text:var(--guide-text-on-solid);--guide-button-secondary-hover-bg:var(--guide-neutral-700);--guide-button-secondary-hover-border:var(--guide-neutral-700);--guide-button-secondary-hover-text:var(--guide-text-on-solid);--guide-button-secondary-pressed-bg:var(--guide-neutral-800);--guide-button-secondary-pressed-border:var(--guide-neutral-800);--guide-button-secondary-pressed-text:var(--guide-text-on-solid);--guide-button-outline-default-bg:transparent;--guide-button-outline-default-border:var(--guide-line-default);--guide-button-outline-default-text:var(--guide-text-primary);--guide-button-outline-hover-bg:var(--guide-bg-surface-warm);--guide-button-outline-hover-border:var(--guide-line-hover);--guide-button-outline-hover-text:var(--guide-text-primary);--guide-button-outline-pressed-bg:var(--guide-bg-main);--guide-button-outline-pressed-border:var(--guide-line-strong);--guide-button-outline-pressed-text:var(--guide-text-primary);--guide-button-ghost-default-bg:transparent;--guide-button-ghost-default-border:transparent;--guide-button-ghost-default-text:var(--guide-text-primary);--guide-button-ghost-hover-bg:var(--guide-bg-surface-warm);--guide-button-ghost-hover-border:transparent;--guide-button-ghost-hover-text:var(--guide-text-primary);--guide-button-ghost-pressed-bg:var(--guide-bg-main);--guide-button-ghost-pressed-border:transparent;--guide-button-ghost-pressed-text:var(--guide-text-primary);--guide-button-danger-default-bg:var(--guide-red-600);--guide-button-danger-default-border:var(--guide-red-600);--guide-button-danger-default-text:var(--guide-text-on-solid);--guide-button-danger-hover-bg:#b91c1c;--guide-button-danger-hover-border:#b91c1c;--guide-button-danger-hover-text:var(--guide-text-on-solid);--guide-button-danger-pressed-bg:#991b1b;--guide-button-danger-pressed-border:#991b1b;--guide-button-danger-pressed-text:var(--guide-text-on-solid);--guide-button-disabled-bg:var(--guide-bg-disabled);--guide-button-disabled-border:var(--guide-bg-disabled);--guide-button-disabled-text:var(--guide-text-on-disabled);--guide-select-default-bg:var(--guide-bg-base);--guide-select-default-border:var(--guide-line-default);--guide-select-default-text:var(--guide-text-primary);--guide-select-default-icon:var(--guide-icon-default-color);--guide-select-focus-border:var(--guide-line-focus);--guide-select-focus-text:var(--guide-text-primary);--guide-select-focus-icon:var(--guide-icon-strong-color);--guide-select-error-border:var(--guide-line-error);--guide-select-error-text:var(--guide-text-error);--guide-select-readonly-bg:var(--guide-bg-surface-light);--guide-select-readonly-border:var(--guide-line-default);--guide-select-readonly-text:var(--guide-text-primary);--guide-select-readonly-icon:var(--guide-icon-muted-color);--guide-select-disabled-bg:var(--guide-bg-disabled);--guide-select-disabled-border:var(--guide-line-default);--guide-select-disabled-text:var(--guide-text-on-disabled);--guide-select-disabled-icon:var(--guide-icon-muted-color);--guide-input-default-bg:var(--guide-bg-base);--guide-input-default-border:var(--guide-line-default);--guide-input-default-text:var(--guide-text-primary);--guide-input-default-icon:var(--guide-icon-default-color);--guide-input-focus-border:var(--guide-line-focus);--guide-input-focus-text:var(--guide-text-primary);--guide-input-focus-icon:var(--guide-icon-strong-color);--guide-input-error-border:var(--guide-line-error);--guide-input-error-text:var(--guide-text-error);--guide-input-readonly-bg:var(--guide-bg-surface-light);--guide-input-readonly-border:var(--guide-line-default);--guide-input-readonly-text:var(--guide-text-primary);--guide-input-readonly-icon:var(--guide-icon-muted-color);--guide-input-disabled-bg:var(--guide-bg-disabled);--guide-input-disabled-border:var(--guide-line-default);--guide-input-disabled-text:var(--guide-text-on-disabled);--guide-input-disabled-icon:var(--guide-icon-muted-color)}.text-tit-display-hero{font-size:var(--guide-tit-display-hero)}.text-tit-display-hero,.text-tit-main-page{font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.04em}.text-tit-main-page{font-size:var(--guide-tit-main-page)}.text-tit-page-title{font-size:var(--guide-tit-page-title)}.text-tit-page-title,.text-tit-section-title{font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.03em}.text-tit-section-title{font-size:var(--guide-tit-section-title)}.text-tit-component-header{font-size:var(--guide-tit-component-header);font-weight:var(--guide-fw-title);line-height:var(--guide-lh-tight);letter-spacing:-.03em}.text-tit-banner{font-size:var(--guide-tit-banner)}.text-tit-banner,.text-tit-promo-bar{font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.03em}.text-tit-promo-bar{font-size:var(--guide-tit-promo-bar)}.text-tit-deal-card{font-size:var(--guide-tit-deal-card);font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.02em}.text-price-main{font-size:var(--guide-price-main)}.text-price-main,.text-txt-number-lg{font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.03em}.text-txt-number-lg{font-size:var(--guide-tit-section-title)}.text-nav-menu{font-weight:var(--guide-fw-title)}.text-nav-menu,.text-nav-menu-active{font-size:var(--guide-nav-menu);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-nav-menu-active{font-weight:var(--guide-fw-heading)}.text-nav-util{font-size:var(--guide-nav-util)}.text-nav-mega-cat,.text-nav-util{font-weight:var(--guide-fw-body);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-nav-mega-cat{font-size:var(--guide-nav-mega-cat)}.text-nav-mega-group{font-size:var(--guide-nav-mega-group);font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.02em}.text-nav-mega-item{font-size:var(--guide-nav-mega-item);letter-spacing:-.02em}.text-nav-breadcrumb,.text-nav-mega-item{font-weight:var(--guide-fw-body);line-height:var(--guide-lh-base)}.text-nav-breadcrumb{font-size:var(--guide-nav-breadcrumb);letter-spacing:-.01em}.text-nav-tab-label{font-size:var(--guide-nav-tab-label);font-weight:var(--guide-fw-body);letter-spacing:-.12px;line-height:1.4}.text-txt-card-title{font-weight:var(--guide-fw-title)}.text-txt-card-title,.text-txt-card-title-semibold{font-size:var(--guide-tit-card-title);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-txt-card-title-semibold{font-weight:var(--guide-fw-strong)}.text-txt-card-title-bold{font-size:var(--guide-tit-card-title);font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-txt-body-main{font-weight:var(--guide-fw-body)}.text-txt-body-main,.text-txt-body-main-medium{font-size:var(--guide-txt-body-main);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-txt-body-main-medium{font-weight:var(--guide-fw-title)}.text-txt-body-main-bold{font-size:var(--guide-txt-body-main);font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-txt-body-sub{font-weight:var(--guide-fw-body)}.text-txt-body-sub,.text-txt-body-sub-medium{font-size:var(--guide-txt-body-sub);line-height:var(--guide-lh-base);letter-spacing:-.01em}.text-txt-body-sub-medium{font-weight:var(--guide-fw-title)}.text-txt-body-sub-semibold{font-weight:var(--guide-fw-strong)}.text-txt-body-sub-bold,.text-txt-body-sub-semibold{font-size:var(--guide-txt-body-sub);line-height:var(--guide-lh-base);letter-spacing:-.01em}.text-txt-body-sub-bold{font-weight:var(--guide-fw-heading)}.text-txt-caption{font-weight:var(--guide-fw-body)}.text-txt-caption,.text-txt-promo-label{font-size:var(--guide-txt-caption);line-height:var(--guide-lh-base);letter-spacing:-.01em}.text-txt-promo-label{font-weight:var(--guide-fw-heading)}.text-txt-desc{font-size:var(--guide-txt-desc)}.text-txt-banner-sub,.text-txt-desc{font-weight:var(--guide-fw-body);line-height:var(--guide-lh-base);letter-spacing:-.02em}.text-txt-banner-sub{font-size:var(--guide-txt-banner-sub)}.text-price-original{font-size:var(--guide-price-original);letter-spacing:-.02em;text-decoration-line:line-through}.text-price-convert,.text-price-original{font-weight:var(--guide-fw-body);line-height:var(--guide-lh-base)}.text-price-convert{font-size:var(--guide-price-convert);letter-spacing:-.01em}.text-badge-tag{font-size:var(--guide-badge-tag);letter-spacing:-.01em}.text-badge-tag,.text-card-compact-title{font-weight:var(--guide-fw-title);line-height:var(--guide-lh-base)}.text-card-compact-title{font-size:var(--guide-card-compact-title);letter-spacing:-.02em}.text-tab-item{font-size:var(--guide-tab-item);letter-spacing:-.02em}.text-form-label,.text-tab-item{font-weight:var(--guide-fw-body);line-height:var(--guide-lh-base)}.text-form-label{font-size:var(--guide-form-label);letter-spacing:-.01em}.ds-button{justify-content:center;align-items:center;gap:var(--guide-gap-xs);min-height:var(--button-height);padding:0 var(--button-padding);border:var(--guide-border-default) solid var(--button-border);border-radius:var(--guide-radius-button);background:var(--button-bg);color:var(--button-text);font-family:var(--guide-font-base);font-size:var(--button-font-size);font-weight:var(--guide-fw-strong);line-height:var(--guide-lh-base);letter-spacing:-.01em;cursor:pointer;flex-shrink:0;transition:background-color .12s,border-color .12s,color .12s,transform .12s;display:inline-flex}.ds-button svg{color:currentColor}.ds-button.example-focus,.ds-button:focus-visible{outline:var(--guide-border-2) solid var(--guide-line-accent);outline-offset:2px}.ds-button:active:not(:disabled){transform:translateY(1px)}.ds-button[data-icon-only=true]{width:var(--button-height);aspect-ratio:1;padding:0}.ds-button[data-size=xs]{--button-height:var(--guide-component-xs-height);--button-padding:var(--guide-component-xs-padding-x);--button-font-size:var(--guide-component-xs-font-size)}.ds-button[data-size=sm]{--button-height:var(--guide-component-sm-height);--button-padding:var(--guide-component-sm-padding-x);--button-font-size:var(--guide-component-sm-font-size)}.ds-button[data-size=md]{--button-height:var(--guide-component-md-height);--button-padding:var(--guide-component-md-padding-x);--button-font-size:var(--guide-component-md-font-size)}.ds-button[data-size=lg]{--button-height:var(--guide-component-lg-height);--button-padding:var(--guide-component-lg-padding-x);--button-font-size:var(--guide-component-lg-font-size)}.ds-button[data-size=xl]{--button-height:var(--guide-component-xl-height);--button-padding:var(--guide-component-xl-padding-x);--button-font-size:var(--guide-component-xl-font-size)}.ds-button[data-variant=primary]{--button-bg:var(--guide-button-primary-default-bg);--button-border:var(--guide-button-primary-default-border);--button-text:var(--guide-button-primary-default-text)}.ds-button[data-variant=secondary]{--button-bg:var(--guide-button-secondary-default-bg);--button-border:var(--guide-button-secondary-default-border);--button-text:var(--guide-button-secondary-default-text)}.ds-button[data-variant=outline]{--button-bg:var(--guide-button-outline-default-bg);--button-border:var(--guide-button-outline-default-border);--button-text:var(--guide-button-outline-default-text)}.ds-button[data-variant=ghost]{--button-bg:var(--guide-button-ghost-default-bg);--button-border:var(--guide-button-ghost-default-border);--button-text:var(--guide-button-ghost-default-text)}.ds-button[data-variant=danger]{--button-bg:var(--guide-button-danger-default-bg);--button-border:var(--guide-button-danger-default-border);--button-text:var(--guide-button-danger-default-text)}.ds-button[data-variant=primary].example-hover,.ds-button[data-variant=primary]:hover:not(:disabled){--button-bg:var(--guide-button-primary-hover-bg);--button-border:var(--guide-button-primary-hover-border);--button-text:var(--guide-button-primary-hover-text)}.ds-button[data-variant=secondary]:hover:not(:disabled){--button-bg:var(--guide-button-secondary-hover-bg);--button-border:var(--guide-button-secondary-hover-border);--button-text:var(--guide-button-secondary-hover-text)}.ds-button[data-variant=outline]:hover:not(:disabled){--button-bg:var(--guide-button-outline-hover-bg);--button-border:var(--guide-button-outline-hover-border);--button-text:var(--guide-button-outline-hover-text)}[data-theme=dark] .ds-button[data-variant=outline]:hover:not(:disabled){--button-border:var(--guide-line-focus)}.ds-button[data-variant=ghost]:hover:not(:disabled){--button-bg:var(--guide-button-ghost-hover-bg);--button-border:var(--guide-button-ghost-hover-border);--button-text:var(--guide-button-ghost-hover-text)}.ds-button[data-variant=danger]:hover:not(:disabled){--button-bg:var(--guide-button-danger-hover-bg);--button-border:var(--guide-button-danger-hover-border);--button-text:var(--guide-button-danger-hover-text)}.ds-button[data-variant=primary].example-pressed,.ds-button[data-variant=primary]:active:not(:disabled){--button-bg:var(--guide-button-primary-pressed-bg);--button-border:var(--guide-button-primary-pressed-border);--button-text:var(--guide-button-primary-pressed-text)}.ds-button[data-variant=secondary]:active:not(:disabled){--button-bg:var(--guide-button-secondary-pressed-bg);--button-border:var(--guide-button-secondary-pressed-border);--button-text:var(--guide-button-secondary-pressed-text)}.ds-button[data-variant=outline]:active:not(:disabled){--button-bg:var(--guide-button-outline-pressed-bg);--button-border:var(--guide-button-outline-pressed-border);--button-text:var(--guide-button-outline-pressed-text)}.ds-button[data-variant=ghost]:active:not(:disabled){--button-bg:var(--guide-button-ghost-pressed-bg);--button-border:var(--guide-button-ghost-pressed-border);--button-text:var(--guide-button-ghost-pressed-text)}.ds-button[data-variant=danger]:active:not(:disabled){--button-bg:var(--guide-button-danger-pressed-bg);--button-border:var(--guide-button-danger-pressed-border);--button-text:var(--guide-button-danger-pressed-text)}.ds-button:disabled{--button-bg:var(--guide-button-disabled-bg);--button-border:var(--guide-button-disabled-border);--button-text:var(--guide-button-disabled-text);cursor:not-allowed;transform:none}@media (prefers-reduced-motion:reduce){.ds-button{transition:none}}@media (max-width:767px){.ds-button{min-height:var(--guide-touch-compact)}.ds-button[data-size=sm]{--button-height:36px;--button-padding:var(--guide-space-12)}.ds-button[data-size=md]{--button-height:var(--guide-touch-min);--button-padding:var(--guide-space-16)}.ds-button[data-size=lg]{--button-height:var(--guide-touch-comfortable);--button-padding:var(--guide-space-20)}.ds-button[data-size=xl]{--button-height:var(--guide-height-56);--button-padding:var(--guide-space-24)}}.ds-field-layout{flex-direction:column;width:100%;min-width:0;display:flex}.ds-field-header{justify-content:space-between;align-items:flex-start;gap:var(--guide-space-8);margin-bottom:var(--guide-space-8);display:flex}.ds-field-label{overflow-wrap:anywhere;min-width:0;color:var(--guide-text-primary);font-weight:var(--guide-fw-title)}.ds-field-label[data-weight=bold]{font-weight:var(--guide-fw-heading)}.ds-field-indicator,.ds-field-optional{margin-left:var(--guide-space-4)}.ds-field-count[data-exceeded],.ds-field-error,.ds-field-indicator{color:var(--guide-text-error)}.ds-field-optional{color:var(--guide-text-secondary);font-size:var(--guide-txt-caption);font-weight:var(--guide-fw-body)}.ds-field-suffix{flex-shrink:0}.ds-field-footer{align-items:flex-start;column-gap:var(--guide-space-12);row-gap:var(--guide-space-4);font-size:var(--guide-txt-caption);color:var(--guide-text-secondary);flex-wrap:wrap;display:flex}.ds-field-footer[data-has-content]{margin-top:var(--guide-space-8)}.ds-field-message{overflow-wrap:anywhere;flex:1;min-width:0}.ds-field-count{font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.ds-field-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-field{align-items:center;gap:var(--guide-space-8);border:var(--guide-border-default) solid var(--field-border);border-radius:var(--guide-radius-input);background:var(--field-bg);width:100%;min-width:0;color:var(--field-text);height:var(--field-height);padding-inline:var(--field-padding);font:var(--guide-fw-body) var(--field-font)/var(--guide-lh-base) var(--guide-font-base);letter-spacing:-.02em;display:flex;position:relative}.ds-field>input:not([type=hidden]),.ds-field>select,.ds-field>textarea{width:100%;min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:0;outline:none;padding:0;display:block}.ds-field>input:focus,.ds-field>input:focus-visible,.ds-field>select:focus,.ds-field>select:focus-visible,.ds-field>textarea:focus,.ds-field>textarea:focus-visible{outline:none}.ds-field input::placeholder,.ds-field textarea::placeholder{color:var(--guide-text-muted);opacity:1}.ds-field:focus-within{outline:none}.ds-field[data-state=default]:focus-within{outline:var(--guide-border-focus) solid var(--guide-line-focus);outline-offset:0}.ds-field[data-state=error]:focus-within{outline:var(--guide-border-focus) solid var(--guide-line-error);outline-offset:0}.ds-field :disabled,.ds-field[data-state=disabled]{cursor:not-allowed}.field-icon{color:var(--field-icon);flex-shrink:0;align-items:center;display:inline-flex}.field-icon svg{width:1em;height:1em}.ds-select>select{appearance:none;padding-right:var(--guide-space-24);cursor:pointer}.ds-select option{background:var(--guide-bg-base);color:var(--guide-text-primary)}.ds-select option:disabled{color:var(--guide-text-disabled)}.select-indicator{right:var(--field-padding);pointer-events:none;position:absolute}.ds-field>input[type=hidden]{display:none}.ds-textarea{align-items:stretch;padding:0;overflow:hidden}.ds-textarea,.ds-textarea>textarea{height:auto;min-height:calc(var(--field-height) * 2)}.ds-textarea>textarea{padding:var(--guide-space-8) var(--field-padding);scrollbar-width:thin;scrollbar-color:var(--guide-neutral-300) transparent;overflow:hidden auto}.ds-textarea>textarea::-webkit-scrollbar{width:6px}.ds-textarea>textarea::-webkit-scrollbar-track{background:0 0}.ds-textarea>textarea::-webkit-scrollbar-thumb{background:var(--guide-neutral-300);border-radius:var(--guide-radius-full)}.ds-textarea>textarea::-webkit-scrollbar-thumb:hover{background:var(--guide-neutral-400)}.ds-textarea[data-resize=vertical]>textarea{resize:vertical}.ds-textarea[data-resize=none]>textarea{resize:none}.textarea-meta{justify-content:space-between;align-items:flex-start;gap:var(--guide-space-12);color:var(--guide-text-secondary);font-size:var(--guide-txt-caption);display:flex}.textarea-meta .field-help{margin-right:auto}.textarea-meta>span{margin-top:var(--guide-space-8);flex-shrink:0}.field-demo{width:min(100%,320px)}.field-label{font-weight:var(--guide-fw-title);margin-bottom:var(--guide-space-8);color:var(--guide-text-primary);display:block}.field-help{margin-top:var(--guide-space-8);color:var(--guide-text-secondary);font-size:var(--guide-txt-caption)}.field-error{color:var(--guide-text-error)}.field-examples{gap:var(--guide-space-24);margin:var(--guide-space-20) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.field-example{padding:var(--guide-space-16);border:1px solid var(--guide-line-light);border-radius:var(--guide-radius-card);min-width:0}.field-size-list{gap:var(--guide-space-16);margin:var(--guide-space-20) 0;display:grid}.field-size-list>div{align-items:center;gap:var(--guide-space-12);grid-template-columns:48px minmax(0,1fr) 44px;display:grid}@media (forced-colors:active){.ds-field{border-color:buttontext}.ds-field[data-state=disabled]{color:graytext;border-color:graytext}.ds-select>select{appearance:auto}.select-indicator{display:none}}.ds-field[data-size=sm]{--field-height:var(--guide-component-sm-height);--field-padding:var(--guide-component-sm-padding-x);--field-font:var(--guide-component-sm-font-size)}.ds-field[data-size=md]{--field-height:var(--guide-component-md-height);--field-padding:var(--guide-component-md-padding-x);--field-font:var(--guide-component-md-font-size)}.ds-field[data-size=lg]{--field-height:var(--guide-component-lg-height);--field-padding:var(--guide-component-lg-padding-x);--field-font:var(--guide-component-lg-font-size)}.ds-field[data-size=xl]{--field-height:var(--guide-component-xl-height);--field-padding:var(--guide-component-xl-padding-x);--field-font:var(--guide-component-xl-font-size)}.ds-input[data-state=default]{--field-bg:var(--guide-input-default-bg);--field-border:var(--guide-input-default-border);--field-text:var(--guide-input-default-text);--field-icon:var(--guide-input-default-icon)}.ds-input[data-state=readonly]{--field-bg:var(--guide-input-readonly-bg);--field-border:var(--guide-input-readonly-border);--field-text:var(--guide-input-readonly-text);--field-icon:var(--guide-input-readonly-icon)}.ds-input[data-state=disabled]{--field-bg:var(--guide-input-disabled-bg);--field-border:var(--guide-input-disabled-border);--field-text:var(--guide-input-disabled-text);--field-icon:var(--guide-input-disabled-icon)}.ds-input[data-state=error]{--field-bg:var(--guide-input-default-bg);--field-border:var(--guide-input-error-border);--field-text:var(--guide-input-error-text);--field-icon:var(--guide-input-default-icon)}.ds-input[data-state=default]:focus-within{--field-border:var(--guide-input-focus-border);--field-text:var(--guide-input-focus-text);--field-icon:var(--guide-input-focus-icon)}.ds-select[data-state=default]{--field-bg:var(--guide-select-default-bg);--field-border:var(--guide-select-default-border);--field-text:var(--guide-select-default-text);--field-icon:var(--guide-select-default-icon)}.ds-select[data-state=readonly]{--field-bg:var(--guide-select-readonly-bg);--field-border:var(--guide-select-readonly-border);--field-text:var(--guide-select-readonly-text);--field-icon:var(--guide-select-readonly-icon)}.ds-select[data-state=disabled]{--field-bg:var(--guide-select-disabled-bg);--field-border:var(--guide-select-disabled-border);--field-text:var(--guide-select-disabled-text);--field-icon:var(--guide-select-disabled-icon)}.ds-select[data-state=error]{--field-bg:var(--guide-select-default-bg);--field-border:var(--guide-select-error-border);--field-text:var(--guide-select-error-text);--field-icon:var(--guide-select-default-icon)}.ds-select[data-state=default]:focus-within{--field-border:var(--guide-select-focus-border);--field-text:var(--guide-select-focus-text);--field-icon:var(--guide-select-focus-icon)}.ds-select[data-state=default][data-placeholder]>select{color:var(--guide-text-muted)}.ds-select-root{width:100%;position:relative}.ds-select-root[data-open]{z-index:1000;position:relative}.ds-select-native-hidden{clip:rect(0,0,0,0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--guide-space-8);outline:none;width:100%;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.ds-select-trigger .select-indicator{right:auto;position:static!important}.ds-select-root[data-open] .ds-select-trigger[data-state=default],.ds-select-trigger:focus-visible,.ds-select-trigger[data-open=true][data-state=default]{outline:var(--guide-border-focus) solid var(--guide-line-focus);outline-offset:0}.ds-select-trigger[data-state=disabled]{cursor:not-allowed;opacity:var(--guide-opacity-disabled)}.ds-select-prefix{color:var(--field-icon);flex-shrink:0;align-items:center;display:inline-flex}.ds-select-content-area{min-width:0;margin-right:var(--guide-space-4);flex:1;align-items:center;display:flex;overflow:hidden}.ds-select-placeholder{color:var(--guide-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-select-summary-text,.ds-select-value-text{color:var(--guide-text-primary);font-weight:var(--guide-fw-title);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ds-select-tag-list{flex-wrap:nowrap;max-width:100%;display:flex;overflow:hidden}.ds-select-tag,.ds-select-tag-list{align-items:center;gap:var(--guide-space-4)}.ds-select-tag{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:var(--guide-radius-badge);padding:2px var(--guide-space-8);font-size:var(--guide-txt-caption);line-height:var(--guide-lh-tight);color:var(--guide-text-primary);flex-shrink:0;max-width:120px;display:inline-flex}.ds-select-tag-icon{flex-shrink:0;align-items:center;display:inline-flex}.ds-select-tag-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-select-tag-remove{cursor:pointer;color:var(--guide-text-muted);border-radius:var(--guide-radius-full);background:0 0;border:0;justify-content:center;align-items:center;margin-left:2px;padding:0;display:inline-flex}.ds-select-tag-remove:hover{color:var(--guide-text-primary);background:#00000014}[data-theme=dark] .ds-select-tag{background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .ds-select-tag-remove:hover{background:#ffffff29}.ds-select-tag-overflow{font-size:var(--guide-txt-caption);font-weight:var(--guide-fw-heading);color:var(--guide-text-secondary);background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:var(--guide-radius-badge);padding:2px var(--guide-space-8);flex-shrink:0;align-items:center;display:inline-flex}[data-theme=dark] .ds-select-tag-overflow{background:#ffffff14;border-color:#ffffff1f}.ds-select-actions{gap:var(--guide-space-4);margin-left:auto}.ds-select-actions,.ds-select-clear-btn{align-items:center;flex-shrink:0;display:inline-flex}.ds-select-clear-btn{border-radius:var(--guide-radius-full);cursor:pointer;width:18px;height:18px;color:var(--guide-text-muted);background:0 0;border:0;justify-content:center;padding:0;transition:color .15s,background .15s}.ds-select-clear-btn:hover{color:var(--guide-text-primary);background:var(--guide-neutral-200)}[data-theme=dark] .ds-select-clear-btn:hover{background:#ffffff29}.ds-select-chevron{color:var(--field-icon);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.ds-select-chevron.is-open{transform:rotate(180deg)}.ds-select-popover{z-index:1000;background:var(--guide-bg-base);border:1px solid var(--guide-line-default);border-radius:var(--guide-radius-input);width:max-content;min-width:100%;max-width:min(100vw - 32px,360px);box-shadow:var(--guide-shadow-lg);flex-direction:column;display:flex;position:absolute;left:0;overflow:hidden}.ds-select-popover[data-placement=bottom]{top:calc(100% + var(--guide-space-4));bottom:auto}.ds-select-popover[data-placement=top]{bottom:calc(100% + var(--guide-space-4));top:auto;box-shadow:0 -8px 24px -6px #0f172a3d}[data-theme=dark] .ds-select-popover[data-placement=top]{box-shadow:0 -8px 24px -6px #0009}.ds-select-search-wrap{align-items:center;gap:var(--guide-space-8);padding:var(--guide-space-8) var(--guide-space-12);border-bottom:1px solid var(--guide-line-light);background:var(--guide-bg-surface-light);display:flex}.ds-select-search-icon{color:var(--guide-text-muted);flex-shrink:0;align-items:center;display:inline-flex}.ds-select-search-input{min-width:0;font-size:var(--guide-txt-body-sub);color:var(--guide-text-primary);background:0 0;border:0;outline:none;flex:1;padding:0}.ds-select-search-input::placeholder{color:var(--guide-text-muted)}.ds-select-search-clear{cursor:pointer;color:var(--guide-text-muted);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.ds-select-search-clear:hover{color:var(--guide-text-primary)}.ds-select-listbox{max-height:240px;padding:var(--guide-space-4);scrollbar-width:thin;scrollbar-color:var(--guide-neutral-300) transparent;overflow-y:auto}.ds-select-empty{padding:var(--guide-space-20) var(--guide-space-16);text-align:center;color:var(--guide-text-muted);font-size:var(--guide-txt-body-sub)}.ds-select-group{padding:0}.ds-select-group:not(:first-child){border-top:1px solid var(--guide-line-light);margin-top:var(--guide-space-4);padding-top:var(--guide-space-4)}.ds-select-group-header{padding:var(--guide-space-4) var(--guide-space-8);font-size:var(--guide-txt-caption);font-weight:var(--guide-fw-heading);color:var(--guide-text-muted);letter-spacing:.04em;text-transform:uppercase}.ds-select-item{justify-content:space-between;align-items:center;gap:var(--guide-space-8);padding:var(--guide-space-8) var(--guide-space-12);border-radius:var(--guide-radius-button);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--guide-text-primary);transition:background .12s,color .12s;display:flex}.ds-select-item.is-focused:not(.is-disabled),.ds-select-item:hover:not(.is-disabled){background:var(--guide-bg-surface-light)}.ds-select-item.is-selected{background:var(--guide-select-selected-bg,#7f94451f);color:var(--guide-text-brand)}.ds-select-item.is-selected.is-focused:not(.is-disabled){background:var(--guide-select-focused-bg,#7f944538);box-shadow:inset 0 0 0 1px var(--guide-line-focus)}.ds-select-item.is-disabled{cursor:not-allowed;opacity:var(--guide-opacity-disabled);color:var(--guide-text-disabled)}.ds-select-item-left{align-items:center;gap:var(--guide-space-8);flex:1;min-width:0;display:flex}.ds-select-item-icon{color:var(--guide-icon-default-color);flex-shrink:0;align-items:center;display:inline-flex}.ds-select-item-text{flex-direction:column;min-width:0;display:flex}.ds-select-item-label{font-size:var(--guide-txt-body-sub);font-weight:var(--guide-fw-title)}.ds-select-item-desc,.ds-select-item-label{line-height:var(--guide-lh-tight);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-select-item-desc{font-size:var(--guide-txt-caption);color:var(--guide-text-secondary);margin-top:2px}.ds-select-item-check{color:var(--guide-line-checked);flex-shrink:0;align-items:center;display:inline-flex}[data-theme=dark] .ds-select-item.is-focused:not(.is-disabled),[data-theme=dark] .ds-select-item:hover:not(.is-disabled){background:#ffffff14}[data-theme=dark] .ds-select-item.is-selected{background:var(--guide-select-selected-bg,#7f944538);color:var(--guide-text-brand,var(--guide-brand-300))}@media (max-width:767px){.ds-field{min-height:var(--guide-touch-compact)}.ds-field[data-size=sm]{--field-height:36px;--field-padding:var(--guide-space-12)}.ds-field[data-size=md]{--field-height:var(--guide-touch-min);--field-padding:var(--guide-space-16);--field-font:var(--guide-size-16)}.ds-field[data-size=lg]{--field-height:var(--guide-touch-comfortable);--field-padding:var(--guide-space-20)}.ds-select-trigger{min-height:var(--guide-touch-min)}}.ds-checkbox-wrapper{align-items:center;gap:var(--guide-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--guide-lh-base);font-family:var(--guide-font-base);vertical-align:middle;display:inline-flex;position:relative}.ds-checkbox-wrapper:has(.ds-checkbox-desc){align-items:flex-start}.ds-checkbox-wrapper[data-state=disabled]{cursor:not-allowed}.ds-checkbox-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;position:absolute}.ds-checkbox-box{box-sizing:border-box;background:var(--guide-bg-base);border:var(--guide-border-default) solid var(--guide-line-default);border-radius:var(--guide-radius-input);color:var(--guide-text-on-solid);flex-shrink:0;justify-content:center;align-items:center;margin-top:0;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.ds-checkbox-wrapper[data-size=sm]{font-size:var(--guide-size-13)}.ds-checkbox-wrapper[data-size=sm] .ds-checkbox-box{width:var(--guide-size-16);height:var(--guide-size-16);border-radius:var(--guide-radius-2)}.ds-checkbox-wrapper:has(.ds-checkbox-desc)[data-size=sm] .ds-checkbox-box{margin-top:2px}.ds-checkbox-wrapper[data-size=sm] .ds-checkbox-icon{width:var(--guide-size-12);height:var(--guide-size-12)}.ds-checkbox-wrapper[data-size=md]{font-size:var(--guide-size-14)}.ds-checkbox-wrapper[data-size=md] .ds-checkbox-box{width:var(--guide-control-box);height:var(--guide-control-box);border-radius:var(--guide-radius-input)}.ds-checkbox-wrapper:has(.ds-checkbox-desc)[data-size=md] .ds-checkbox-box{margin-top:1px}.ds-checkbox-wrapper[data-size=md] .ds-checkbox-icon{width:var(--guide-control-mark);height:var(--guide-control-mark)}.ds-checkbox-wrapper[data-size=lg]{font-size:var(--guide-size-16)}.ds-checkbox-wrapper[data-size=lg] .ds-checkbox-box{width:var(--guide-size-24);height:var(--guide-size-24);border-radius:var(--guide-radius-input)}.ds-checkbox-wrapper:has(.ds-checkbox-desc)[data-size=lg] .ds-checkbox-box{margin-top:0}.ds-checkbox-wrapper[data-size=lg] .ds-checkbox-icon{width:var(--guide-size-16);height:var(--guide-size-16)}.ds-checkbox-box[data-checked=true],.ds-checkbox-box[data-indeterminate=true]{background:var(--guide-line-checked);border-color:var(--guide-line-checked);color:var(--guide-text-on-solid)}[data-theme=dark] .ds-checkbox-box:is([data-checked=true],[data-indeterminate=true]){color:var(--guide-color-deep-ink)}.ds-checkbox-input:focus-visible+.ds-checkbox-box{outline:var(--guide-border-focus) solid var(--guide-line-focus);outline-offset:2px}.ds-checkbox-wrapper[data-state=error] .ds-checkbox-box{border-color:var(--guide-line-error)}.ds-checkbox-wrapper[data-state=error] .ds-checkbox-box[data-checked=true],.ds-checkbox-wrapper[data-state=error] .ds-checkbox-box[data-indeterminate=true]{background:var(--guide-line-error);border-color:var(--guide-line-error)}.ds-checkbox-wrapper[data-state=error] .ds-checkbox-label{color:var(--guide-text-error)}.ds-checkbox-wrapper[data-state=disabled] .ds-checkbox-box{background:var(--guide-bg-disabled);border-color:var(--guide-line-default);color:var(--guide-icon-muted-color)}.ds-checkbox-wrapper[data-state=disabled] .ds-checkbox-desc,.ds-checkbox-wrapper[data-state=disabled] .ds-checkbox-label{color:var(--guide-text-disabled)}.ds-checkbox-content{gap:var(--guide-space-2);flex-direction:column;min-width:0;display:flex}.ds-checkbox-label{color:var(--guide-text-primary);font-weight:var(--guide-fw-body);word-break:keep-all;line-height:1.4}.ds-checkbox-desc{color:var(--guide-text-muted);font-size:var(--guide-size-12);word-break:keep-all;line-height:1.4}.ds-checkbox-icon{stroke-width:2.5px;flex-shrink:0;display:block}@media (max-width:767px){.ds-checkbox-wrapper{min-height:var(--guide-touch-min);padding-block:var(--guide-space-4);align-items:center;display:inline-flex}.ds-checkbox-wrapper:has(.ds-checkbox-desc){padding-block:var(--guide-space-8);align-items:flex-start}.ds-checkbox-wrapper:has(.ds-checkbox-desc) .ds-checkbox-box{margin-top:1px}.ds-checkbox-box{width:var(--guide-size-22);height:var(--guide-size-22)}.ds-checkbox-icon{width:var(--guide-size-14);height:var(--guide-size-14)}}.ds-radio-group{display:flex}.ds-radio-group[data-direction=vertical]{gap:var(--guide-space-12);flex-direction:column}.ds-radio-group[data-direction=horizontal]{align-items:center;gap:var(--guide-space-20);flex-flow:wrap}.ds-radio-wrapper{align-items:center;gap:var(--guide-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--guide-lh-base);font-family:var(--guide-font-base);vertical-align:middle;display:inline-flex;position:relative}.ds-radio-wrapper:has(.ds-radio-desc){align-items:flex-start}.ds-radio-wrapper[data-state=disabled]{cursor:not-allowed}.ds-radio-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;position:absolute}.ds-radio-circle{box-sizing:border-box;background:var(--guide-bg-base);border:var(--guide-border-default) solid var(--guide-line-default);flex-shrink:0;justify-content:center;align-items:center;margin-top:0;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.ds-radio-circle,.ds-radio-dot{border-radius:var(--guide-radius-full)}.ds-radio-dot{background:0 0;transition:transform .15s,background-color .15s;display:block;transform:scale(0)}.ds-radio-wrapper[data-size=sm]{font-size:var(--guide-size-13)}.ds-radio-wrapper[data-size=sm] .ds-radio-circle{width:var(--guide-size-16);height:var(--guide-size-16)}.ds-radio-wrapper:has(.ds-radio-desc)[data-size=sm] .ds-radio-circle{margin-top:2px}.ds-radio-wrapper[data-size=sm] .ds-radio-dot{width:var(--guide-size-8,8px);height:var(--guide-size-8,8px)}.ds-radio-wrapper[data-size=md]{font-size:var(--guide-size-14)}.ds-radio-wrapper[data-size=md] .ds-radio-circle{width:var(--guide-control-box);height:var(--guide-control-box)}.ds-radio-wrapper:has(.ds-radio-desc)[data-size=md] .ds-radio-circle{margin-top:1px}.ds-radio-wrapper[data-size=md] .ds-radio-dot{width:10px;height:10px}.ds-radio-wrapper[data-size=lg]{font-size:var(--guide-size-16)}.ds-radio-wrapper[data-size=lg] .ds-radio-circle{width:var(--guide-size-24);height:var(--guide-size-24)}.ds-radio-wrapper:has(.ds-radio-desc)[data-size=lg] .ds-radio-circle{margin-top:0}.ds-radio-wrapper[data-size=lg] .ds-radio-dot{width:var(--guide-control-mark);height:var(--guide-control-mark)}.ds-radio-circle[data-checked=true]{border-color:var(--guide-line-checked)}.ds-radio-circle[data-checked=true] .ds-radio-dot{background:var(--guide-line-checked);transform:scale(1)}.ds-radio-input:focus-visible+.ds-radio-circle{outline:var(--guide-border-focus) solid var(--guide-line-focus);outline-offset:2px}.ds-radio-wrapper[data-state=error] .ds-radio-circle,.ds-radio-wrapper[data-state=error] .ds-radio-circle[data-checked=true]{border-color:var(--guide-line-error)}.ds-radio-wrapper[data-state=error] .ds-radio-circle[data-checked=true] .ds-radio-dot{background:var(--guide-line-error)}.ds-radio-wrapper[data-state=error] .ds-radio-label{color:var(--guide-text-error)}.ds-radio-wrapper[data-state=disabled] .ds-radio-circle{background:var(--guide-bg-disabled);border-color:var(--guide-line-default)}.ds-radio-wrapper[data-state=disabled] .ds-radio-circle[data-checked=true] .ds-radio-dot{background:var(--guide-icon-muted-color)}.ds-radio-wrapper[data-state=disabled] .ds-radio-desc,.ds-radio-wrapper[data-state=disabled] .ds-radio-label{color:var(--guide-text-disabled)}.ds-radio-content{gap:var(--guide-space-2);flex-direction:column;min-width:0;display:flex}.ds-radio-label{color:var(--guide-text-primary);font-weight:var(--guide-fw-body)}.ds-radio-desc,.ds-radio-label{word-break:keep-all;line-height:1.4}.ds-radio-desc{color:var(--guide-text-muted);font-size:var(--guide-size-12)}@media (max-width:767px){.ds-radio-wrapper{min-height:var(--guide-touch-min);padding-block:var(--guide-space-4);align-items:center;display:inline-flex}.ds-radio-wrapper:has(.ds-radio-desc){padding-block:var(--guide-space-8);align-items:flex-start}.ds-radio-wrapper:has(.ds-radio-desc) .ds-radio-circle{margin-top:1px}.ds-radio-circle{width:var(--guide-size-22);height:var(--guide-size-22)}.ds-radio-dot{width:var(--guide-size-12);height:var(--guide-size-12)}}.ds-switch-wrapper{align-items:flex-start;gap:var(--guide-space-8);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--guide-font-base);line-height:var(--guide-lh-base);vertical-align:middle;display:inline-flex;position:relative}.ds-switch-wrapper[data-state=disabled]{cursor:not-allowed}.ds-switch-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.ds-switch-track{box-sizing:border-box;border:var(--guide-border-default) solid var(--guide-line-default);background:var(--guide-line-strong);flex-shrink:0;align-items:center;padding:2px;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.ds-switch-thumb,.ds-switch-track{border-radius:var(--guide-radius-full)}.ds-switch-thumb{background:var(--guide-bg-base);transition:transform .15s;display:block;transform:translate(0);box-shadow:0 1px 2px #0000002e}[data-theme=dark] .ds-switch-wrapper:not([data-state=disabled]) .ds-switch-input:not(:checked)+.ds-switch-track .ds-switch-thumb{background:var(--guide-neutral-200)}.ds-switch-wrapper[data-size=sm]{font-size:var(--guide-size-13)}.ds-switch-wrapper[data-size=sm] .ds-switch-track{width:32px;height:20px}.ds-switch-wrapper[data-size=sm] .ds-switch-thumb{width:14px;height:14px}.ds-switch-wrapper[data-size=sm] .ds-switch-input:checked+.ds-switch-track .ds-switch-thumb{transform:translate(12px)}.ds-switch-wrapper[data-size=md]{font-size:var(--guide-size-14)}.ds-switch-wrapper[data-size=md] .ds-switch-track{width:40px;height:24px}.ds-switch-wrapper[data-size=md] .ds-switch-thumb{width:18px;height:18px}.ds-switch-wrapper[data-size=md] .ds-switch-input:checked+.ds-switch-track .ds-switch-thumb{transform:translate(16px)}.ds-switch-wrapper[data-size=lg]{font-size:var(--guide-size-16)}.ds-switch-wrapper[data-size=lg] .ds-switch-track{width:48px;height:28px}.ds-switch-wrapper[data-size=lg] .ds-switch-thumb{width:22px;height:22px}.ds-switch-wrapper[data-size=lg] .ds-switch-input:checked+.ds-switch-track .ds-switch-thumb{transform:translate(20px)}.ds-switch-input:checked+.ds-switch-track{background:var(--guide-line-checked);border-color:var(--guide-line-checked)}.ds-switch-input:focus-visible+.ds-switch-track{outline:var(--guide-border-focus) solid var(--guide-line-focus);outline-offset:2px}.ds-switch-wrapper[data-state=error] .ds-switch-track{border-color:var(--guide-line-error)}.ds-switch-wrapper[data-state=error] .ds-switch-input:checked+.ds-switch-track{background:var(--guide-line-error);border-color:var(--guide-line-error)}.ds-switch-wrapper[data-state=error] .ds-switch-label{color:var(--guide-text-error)}.ds-switch-wrapper[data-state=disabled] .ds-switch-track{background:var(--guide-bg-disabled);border-color:var(--guide-line-default)}.ds-switch-wrapper[data-state=disabled] .ds-switch-input:checked+.ds-switch-track{background:var(--guide-icon-muted-color)}.ds-switch-wrapper[data-state=disabled] .ds-switch-thumb{box-shadow:none}.ds-switch-wrapper[data-state=disabled] .ds-switch-desc,.ds-switch-wrapper[data-state=disabled] .ds-switch-label{color:var(--guide-text-disabled)}.ds-switch-content{gap:var(--guide-space-2);flex-direction:column;min-width:0;display:flex}.ds-switch-label{color:var(--guide-text-primary);font-weight:var(--guide-fw-body)}.ds-switch-desc,.ds-switch-label{word-break:keep-all;line-height:1.4}.ds-switch-desc{color:var(--guide-text-muted);font-size:var(--guide-size-12)}@media (prefers-reduced-motion:reduce){.ds-switch-thumb,.ds-switch-track{transition:none}}@media (max-width:767px){.ds-switch-wrapper{min-height:var(--guide-touch-min);padding-block:var(--guide-space-4);align-items:center;display:inline-flex}}:root{--guide-badge-solid-text:var(--guide-neutral-0);--guide-badge-default-solid-bg:var(--guide-neutral-900);--guide-badge-default-solid-text:var(--guide-neutral-0);--guide-badge-default-line:var(--guide-neutral-900);--guide-badge-point-solid-bg:var(--guide-color-tomato-coral,#e66f4f);--guide-badge-point-line:var(--guide-color-tomato-coral,#e66f4f);--guide-badge-accent-solid-bg:var(--guide-color-butter-yellow,#f5ca45);--guide-badge-accent-solid-text:var(--guide-color-deep-ink,#23281d);--guide-badge-accent-line:var(--guide-color-olive,#38471d);--guide-badge-pink-solid-bg:#ec407a;--guide-badge-pink-line:#ec407a;--guide-badge-orange-solid-bg:var(--guide-amber-500);--guide-badge-orange-line:var(--guide-amber-500);--guide-badge-blue-solid-bg:var(--guide-brand-500);--guide-badge-blue-line:var(--guide-brand-500);--guide-badge-cyan-solid-bg:#00acc1;--guide-badge-cyan-line:#00acc1;--guide-badge-red-solid-bg:var(--guide-red-500);--guide-badge-red-line:var(--guide-red-500)}[data-theme=dark]{--guide-badge-default-solid-bg:var(--guide-neutral-500);--guide-badge-default-line:var(--guide-neutral-300);--guide-badge-accent-solid-text:var(--guide-color-deep-ink,#23281d);--guide-badge-accent-line:var(--guide-color-butter-yellow);--guide-badge-pink-solid-bg:#f472a1;--guide-badge-pink-line:#f472a1;--guide-badge-blue-line:var(--guide-brand-300);--guide-badge-red-solid-bg:var(--guide-red-400);--guide-badge-red-line:var(--guide-red-400)}.ds-badge{align-items:center;gap:var(--guide-gap-xxs);padding-inline:var(--guide-space-4);padding-block:var(--guide-space-2);border-radius:var(--guide-radius-badge);font-size:var(--guide-txt-caption);font-weight:var(--guide-fw-heading);letter-spacing:-.01em;line-height:1.3;font-family:var(--guide-font-base);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;box-sizing:border-box;border:1px solid #0000;display:inline-flex}.ds-badge svg{color:currentColor;flex-shrink:0;width:12px;height:12px}[data-slot=badge-end-icon],[data-slot=badge-start-icon]{flex-shrink:0;align-items:center;display:inline-flex}.ds-badge[data-appearance=solid]{color:var(--guide-badge-solid-text);border-color:#0000}.ds-badge[data-appearance=line]{background-color:#0000}.ds-badge[data-variant=default][data-appearance=solid]{background-color:var(--guide-badge-default-solid-bg);color:var(--guide-badge-default-solid-text)}.ds-badge[data-variant=default][data-appearance=line]{border-color:var(--guide-badge-default-line);color:var(--guide-badge-default-line)}.ds-badge[data-variant=point][data-appearance=solid]{background-color:var(--guide-badge-point-solid-bg);color:var(--guide-badge-solid-text)}.ds-badge[data-variant=point][data-appearance=line]{border-color:var(--guide-badge-point-line);color:var(--guide-badge-point-line)}.ds-badge[data-variant=accent][data-appearance=solid]{background-color:var(--guide-badge-accent-solid-bg);color:var(--guide-badge-accent-solid-text,var(--guide-badge-solid-text,var(--guide-color-deep-ink,#23281d)))}.ds-badge[data-variant=accent][data-appearance=line]{border-color:var(--guide-badge-accent-line);color:var(--guide-badge-accent-line)}.ds-badge[data-variant=pink][data-appearance=solid]{background-color:var(--guide-badge-pink-solid-bg);color:var(--guide-badge-solid-text)}.ds-badge[data-variant=pink][data-appearance=line]{border-color:var(--guide-badge-pink-line);color:var(--guide-badge-pink-line)}.ds-badge[data-variant=orange][data-appearance=solid]{background-color:var(--guide-badge-orange-solid-bg);color:var(--guide-badge-solid-text)}.ds-badge[data-variant=orange][data-appearance=line]{border-color:var(--guide-badge-orange-line);color:var(--guide-badge-orange-line)}.ds-badge[data-variant=blue][data-appearance=solid]{background-color:var(--guide-badge-blue-solid-bg);color:var(--guide-badge-solid-text)}.ds-badge[data-variant=blue][data-appearance=line]{border-color:var(--guide-badge-blue-line);color:var(--guide-badge-blue-line)}.ds-badge[data-variant=cyan][data-appearance=solid]{background-color:var(--guide-badge-cyan-solid-bg);color:var(--guide-badge-solid-text)}.ds-badge[data-variant=cyan][data-appearance=line]{border-color:var(--guide-badge-cyan-line);color:var(--guide-badge-cyan-line)}.ds-badge[data-variant=red][data-appearance=solid]{background-color:var(--guide-badge-red-solid-bg);color:var(--guide-badge-solid-text)}.ds-badge[data-variant=red][data-appearance=line]{border-color:var(--guide-badge-red-line);color:var(--guide-badge-red-line)}[data-theme=dark] .ds-badge[data-appearance=solid]:is([data-variant=point],[data-variant=pink],[data-variant=orange],[data-variant=cyan],[data-variant=red]){color:var(--guide-color-deep-ink)}.landing-root{background-color:var(--guide-bg-base);min-height:100vh;color:var(--guide-text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.landing-grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#0000000a 1px,#0000 0),linear-gradient(#0000000a 1px,#0000 0);background-size:32px 32px;height:840px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 10%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 10%,#000 30%,#0000 100%)}[data-theme=dark] .landing-grid-bg{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(#ffffff0d 1px,#0000 0)}.landing-header{z-index:100;-webkit-backdrop-filter:blur(14px);background:var(--guide-bg-base);width:100%;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.landing-header{background:color-mix(in srgb,var(--guide-bg-base) 85%,transparent)}}.landing-header{border-bottom:1px solid var(--guide-line-light);transition:border-color .2s,background-color .2s}.landing-header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.landing-brand{color:var(--guide-text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.landing-brand-mark{background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.landing-brand-mark:hover{transform:scale(1.12)rotate(-3deg)}.landing-version-pill{color:var(--guide-text-secondary);background:var(--guide-bg-main);border:1px solid var(--guide-line-light);border-radius:10px;padding:2px 7px;font-size:11px;font-weight:500}.landing-nav{align-items:center;gap:8px;display:flex}.landing-nav-link{color:var(--guide-text-secondary);border-radius:6px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.landing-nav-link:hover{color:var(--guide-text-primary);background:var(--guide-bg-surface-light)}.landing-header-actions{align-items:center;gap:10px;display:flex}.landing-btn-docs{color:#fff;background:var(--guide-color-olive);border-radius:6px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}[data-theme=dark] .landing-btn-docs{background:var(--guide-text-brand);color:var(--guide-color-deep-ink)}.landing-btn-docs:hover{opacity:.9;transform:translateY(-1px)}.landing-hero{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:72px 24px 64px;display:flex;position:relative}.landing-badge{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-hover);color:var(--guide-text-primary);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}.landing-badge-dot{background:var(--guide-green-500);border-radius:50%;width:6px;height:6px}.landing-hero-title{letter-spacing:-.035em;color:var(--guide-text-primary);max-width:820px;margin:0 0 20px;font-size:clamp(34px,5.5vw,60px);font-weight:800;line-height:1.15}.landing-hero-title span.accent-text{background:linear-gradient(135deg,var(--guide-color-olive) 0,var(--guide-color-fresh-olive) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=dark] .landing-hero-title span.accent-text{background:linear-gradient(135deg,var(--guide-brand-200) 0,var(--guide-color-butter-yellow) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.landing-hero-desc{color:var(--guide-text-secondary);word-break:keep-all;max-width:640px;margin:0 0 36px;font-size:clamp(15px,1.8vw,18px);line-height:1.6}.landing-hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:56px;display:flex}.landing-cta-primary{background:var(--guide-button-primary-default-bg);height:46px;color:var(--guide-button-primary-default-text);border-radius:7px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 12px #38471d33}.landing-cta-primary:hover{background:var(--guide-button-primary-hover-bg);transform:translateY(-2px);box-shadow:0 6px 18px #38471d4d}.landing-cta-secondary{background:var(--guide-bg-base);border:1px solid var(--guide-line-hover);height:46px;color:var(--guide-text-primary);border-radius:7px;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.landing-cta-secondary:hover{background:var(--guide-bg-surface-light);border-color:var(--guide-text-primary);transform:translateY(-2px)}.landing-showcase{text-align:left;grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr;gap:18px;width:100%;max-width:1140px;display:grid}.bento-card{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:12px;padding:24px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000008}.bento-card:hover{border-color:var(--guide-line-strong);box-shadow:0 8px 24px #0000000f}.bento-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.bento-card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--guide-text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.bento-badge{background:var(--guide-bg-surface-warm);border:1px solid var(--guide-line-light);color:var(--guide-text-primary);border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.bento-card-buttons{flex-direction:column;grid-area:1/1/span 2;justify-content:space-between;display:flex}.bento-button-stage{border:1px dashed var(--guide-line-strong);background:var(--guide-bg-base);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;margin-bottom:20px;padding:24px;display:flex}.bento-button-controls{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.bento-chip{border:1px solid var(--guide-line-light);background:var(--guide-bg-base);color:var(--guide-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.bento-chip:hover{border-color:var(--guide-line-strong);color:var(--guide-text-primary);background:var(--guide-bg-surface-warm)}.bento-chip:focus{outline:none}.bento-chip:focus-visible{outline:2px solid var(--guide-line-focus);outline-offset:2px}.bento-chip[data-active=true]{background:var(--guide-color-olive);color:#fff;border-color:var(--guide-color-olive);font-weight:600}[data-theme=dark] .bento-chip[data-active=true]{background:var(--guide-text-brand)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .bento-chip[data-active=true]{background:color-mix(in srgb,var(--guide-text-brand) 22%,var(--guide-bg-surface-warm))}}[data-theme=dark] .bento-chip[data-active=true]{color:var(--guide-text-brand);border-color:var(--guide-text-brand);box-shadow:0 0 0 1px var(--guide-text-brand);font-weight:600}.bento-card-footer{border-top:1px solid var(--guide-line-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.bento-card-fields{z-index:20;grid-area:1/2;position:relative;overflow:visible}.bento-card-fields:has(.ds-select-root[data-open]){z-index:100}.bento-field-demo{flex-direction:column;gap:14px;display:flex}.bento-card-tokens{z-index:1;grid-area:2/2;position:relative}.palette-strip{gap:8px;margin-top:10px;margin-bottom:16px;display:flex}.palette-block{border:1px solid var(--guide-line-light);height:52px;font-size:11px;font-family:var(--guide-font-code);border-radius:6px;flex-direction:column;flex:1;justify-content:flex-end;padding:6px 8px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 2px #0000000a}.palette-block-olive{background:var(--guide-color-olive);color:var(--guide-neutral-0)}.palette-block-fresh{background:var(--guide-color-fresh-olive);color:var(--guide-dark-bg-base)}.palette-block-yellow{background:var(--guide-color-butter-yellow);color:var(--guide-color-deep-ink)}.palette-block-coral{background:var(--guide-color-tomato-coral);color:var(--guide-color-deep-ink)}.palette-block:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}[data-theme=dark] .palette-block{border-color:var(--guide-line-strong)}.palette-specs{grid-template-columns:repeat(3,1fr);gap:8px;font-size:11px;display:grid}.spec-cell{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);text-align:center;border-radius:6px;padding:8px 10px}.spec-cell span{color:var(--guide-text-secondary);margin-bottom:2px;font-size:10px;display:block}.spec-cell strong{color:var(--guide-text-primary);font-size:12px}.landing-section{width:100%;max-width:1200px;margin:0 auto;padding:80px 24px}.section-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--guide-text-brand);align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:inline-flex}.section-title{letter-spacing:-.03em;color:var(--guide-text-primary);margin:0 0 14px;font-size:clamp(26px,3.5vw,38px);font-weight:800;line-height:1.25}.section-desc{color:var(--guide-text-secondary);word-break:keep-all;max-width:580px;margin:0 0 44px;font-size:16px;line-height:1.6}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pillar-card{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:10px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.pillar-card:hover{border-color:var(--guide-line-strong);transform:translateY(-3px);box-shadow:0 8px 20px #0000000a}.pillar-icon{background:var(--guide-bg-surface-warm);border:1px solid var(--guide-line-strong);width:40px;height:40px;color:var(--guide-text-brand);border-radius:8px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.pillar-num{font-size:11px;font-family:var(--guide-font-code);color:var(--guide-text-muted);margin-bottom:8px;font-weight:600}.pillar-title{letter-spacing:-.02em;color:var(--guide-text-primary);margin:0 0 8px;font-size:16px;font-weight:700}.pillar-desc{color:var(--guide-text-secondary);word-break:keep-all;margin:0;font-size:13px;line-height:1.55}.components-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.component-card{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.component-card:hover{border-color:var(--guide-line-strong);transform:translateY(-3px);box-shadow:0 10px 24px #0000000f}.component-card-preview{background:var(--guide-bg-base);border-bottom:1px solid var(--guide-line-light);justify-content:center;align-items:center;height:160px;padding:20px;display:flex;position:relative}.component-card-body{flex-direction:column;gap:6px;padding:20px;display:flex}.component-card-header{justify-content:space-between;align-items:center;display:flex}.component-card-title{color:var(--guide-text-primary);margin:0;font-size:17px;font-weight:700}.component-card-desc{color:var(--guide-text-secondary);margin:0;font-size:13px;line-height:1.5}.component-card-link{color:var(--guide-text-brand);align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:600;display:inline-flex}.foundations-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.foundation-card{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);color:inherit;border-radius:10px;flex-direction:column;justify-content:space-between;padding:24px;text-decoration:none;transition:all .2s;display:flex}.foundation-card:hover{border-color:var(--guide-line-strong);transform:translateY(-3px);box-shadow:0 8px 20px #0000000d}.landing-banner{width:100%;max-width:1200px;margin:40px auto 80px;padding:0 24px}.banner-card{background:var(--guide-color-deep-ink);color:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:48px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .banner-card{background:var(--guide-bg-surface-warm);border:1px solid var(--guide-line-strong);color:var(--guide-text-primary)}.banner-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#7f944540 0,#0000 70%);width:400px;height:400px;position:absolute;top:-50%;right:-20%}.banner-content h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(22px,2.5vw,30px);font-weight:800}.banner-content p{color:#ffffffbf;margin:0;font-size:15px}[data-theme=dark] .banner-content p{color:var(--guide-text-secondary)}.banner-btn{height:46px;color:var(--guide-color-deep-ink);z-index:1;background:#fff;border-radius:7px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-flex}[data-theme=dark] .banner-btn{background:var(--guide-text-brand);color:var(--guide-color-deep-ink)}.banner-btn:hover{opacity:.95;transform:translateY(-2px)}.landing-footer{border-top:1px solid var(--guide-line-light);background:var(--guide-bg-surface-light);margin-top:auto;padding:40px 24px}.landing-footer-inner{max-width:1200px;color:var(--guide-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;font-size:13px;display:flex}.landing-footer-links{gap:20px;display:flex}.landing-footer-links a{color:var(--guide-text-secondary);text-decoration:none;transition:color .15s}.landing-footer-links a:hover{color:var(--guide-text-primary)}.desktop-only{display:inline}.mobile-only{display:none}@media (max-width:1024px){.components-grid,.foundations-grid,.pillars-grid{grid-template-columns:repeat(2,1fr)}.landing-showcase{grid-template-columns:1fr}.bento-card-buttons,.bento-card-fields,.bento-card-tokens{grid-area:auto/1}}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:inline}.landing-header-inner{padding:0 16px}.landing-version-pill{display:none}.landing-btn-docs{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px}.landing-nav{display:none}.landing-hero{width:100%;max-width:100%;padding:40px 16px 36px;overflow-x:hidden}.landing-hero-title{word-break:keep-all;font-size:26px;line-height:1.25}.landing-hero-desc{margin-bottom:28px;font-size:14px}.landing-hero-cta{flex-direction:column;width:100%;margin-bottom:40px}.landing-cta-primary,.landing-cta-secondary{justify-content:center;width:100%}.bento-card,.landing-showcase{width:100%;min-width:0}.bento-card{padding:18px 16px}.bento-card-footer{flex-direction:column;align-items:flex-start;gap:10px}.bento-button-stage{min-height:140px;padding:16px}.bento-button-controls{flex-wrap:wrap;gap:6px}.palette-strip{gap:4px}.palette-block{padding:4px;font-size:9px}.palette-specs{grid-template-columns:repeat(3,1fr);gap:4px}.spec-cell{text-align:center;padding:6px 4px}.spec-cell strong{font-size:11px}.components-grid,.foundations-grid,.pillars-grid{grid-template-columns:1fr}.landing-section{width:100%;max-width:100%;padding:56px 16px;overflow-x:hidden}.banner-card{flex-direction:column;align-items:flex-start;padding:30px 20px}.banner-btn{justify-content:center;width:100%}.landing-footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}*{box-sizing:border-box}html{scroll-padding-top:100px}body{background:var(--guide-bg-base);color:var(--guide-text-primary);font-family:var(--guide-font-base);font-size:var(--guide-form-label);line-height:var(--guide-lh-base);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select,summary{cursor:pointer}:focus-visible{outline:2px solid var(--guide-line-focus);outline-offset:4px}::selection{background:var(--guide-line-strong)}code,pre{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}:not(pre)>code{background:var(--guide-bg-main);border:1px solid var(--guide-line-light);color:var(--guide-text-primary);border-radius:4px;padding:.15em .4em;font-size:.85em}p{margin:0}.site-header{border-bottom:1px solid var(--guide-line-light);z-index:20;background:var(--guide-bg-base);justify-content:space-between;height:76px;padding:0 32px;position:sticky;top:0}.brand,.site-header{align-items:center;display:flex}.brand{letter-spacing:-.8px;gap:11px;font-size:20px;font-weight:650}.brand-mark{background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.brand-mark:hover{transform:scale(1.12)rotate(-3deg)}.version{letter-spacing:0;border:1px solid var(--guide-line-light);border-radius:5px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:500}.header-note,.version{color:var(--guide-text-secondary)}.header-note{align-items:center;gap:14px;font-size:12px;display:flex}.green-dot{background:var(--guide-text-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.site-grid{grid-template-columns:240px minmax(0,1fr) 210px;max-width:1600px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--guide-line-light);scrollbar-width:none;flex-direction:column;justify-content:space-between;height:calc(100dvh - 76px);padding:38px 20px 24px;display:flex;position:sticky;top:76px;overflow:auto}.sidebar::-webkit-scrollbar{display:none}.nav-group{margin-bottom:32px}.nav-group>p{text-transform:uppercase;letter-spacing:1.6px;color:var(--guide-text-secondary);margin-bottom:12px;padding:0 13px;font-size:10px;font-weight:600}.nav-group>p>.nav-category-link{color:inherit;min-height:unset;letter-spacing:inherit;text-transform:inherit;font-size:inherit;font-weight:inherit;border-radius:2px;margin:0;padding:0;display:inline-block}.nav-group>p>.nav-category-link:hover{color:var(--guide-text-primary);background:0 0}.nav-group>a{min-height:44px;color:var(--guide-text-secondary);border-radius:7px;align-items:center;gap:12px;margin:3px 0;padding:9px 13px;display:flex}.nav-group>a:hover{background:var(--guide-bg-surface-light)}.nav-group>a[aria-current=page]{color:var(--guide-text-primary);background:var(--guide-bg-main);font-weight:600}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.nav-dot{background:var(--guide-text-primary);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--guide-line-light);padding:20px 12px 0}.tiny-label{letter-spacing:1.3px;color:var(--guide-text-secondary);font-size:9px}.sidebar-bottom p{margin:8px 0 20px;font-size:12px}.sidebar-bottom>span:last-child{color:var(--guide-text-secondary);font-size:10px}main{min-width:0}article{max-width:900px;margin:auto;padding:44px 56px 0}.breadcrumb{color:var(--guide-text-secondary);align-items:center;gap:12px;margin-bottom:26px;font-size:12px;display:flex}.breadcrumb span{color:var(--guide-line-hover)}.breadcrumb-category{color:inherit;transition:color .15s}.breadcrumb-category:hover{color:var(--guide-text-primary)}.title-row{align-items:center;gap:16px;display:flex}h1{font-size:var(--guide-tit-display-hero);line-height:var(--guide-lh-tight);font-weight:var(--guide-fw-heading);letter-spacing:-1.5px;margin:0}.status-badge{background:var(--guide-bg-main);color:var(--guide-text-primary);border:1px solid var(--guide-line-strong);border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;display:inline-flex}.lead{font-size:var(--guide-txt-body-main);word-break:keep-all;margin-top:18px}.doc-meta,.lead{color:var(--guide-text-secondary)}.doc-meta{border-bottom:1px solid var(--guide-line-light);justify-content:space-between;gap:12px;padding:24px 0;font-size:10px;display:flex}.doc-meta span:first-child{letter-spacing:1.1px}.doc-section{margin-top:var(--guide-sp-3xl);scroll-margin-top:100px}h2{font-size:var(--guide-tit-section-title);font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight);letter-spacing:-.5px;margin:0 0 18px}h2 a{align-items:center;gap:10px;display:inline-flex}h2 a span{opacity:0;color:var(--guide-text-primary);font-size:18px}h2 a:focus-visible span,h2 a:hover span{opacity:1}h3{font-weight:600;font-size:var(--guide-form-label);margin:0 0 8px}.doc-section>p{color:var(--guide-text-secondary);word-break:keep-all;margin-bottom:22px;line-height:1.8}.toc{height:max-content;max-height:calc(100dvh - 76px);padding:48px 24px 20px 16px;position:sticky;top:76px;overflow:auto}.toc>p{letter-spacing:1.5px;color:var(--guide-text-secondary);margin-bottom:18px;font-size:9px;font-weight:600}.toc nav{border-left:1px solid var(--guide-line-light)}.toc nav a{color:var(--guide-text-secondary);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;margin-left:-1px;padding:7px 0 7px 15px;font-size:12px;transition:color .15s,border-color .15s;display:block;overflow:hidden}.toc nav a[aria-current=location]{border-color:var(--guide-text-primary);color:var(--guide-text-primary);font-weight:600}.toc nav a:hover{color:var(--guide-text-primary)}.toc-note{border-top:1px solid var(--guide-line-light);margin-top:30px;padding-top:20px;font-size:11px}.toc-note span{font-weight:600}.toc-note p{color:var(--guide-text-secondary);margin-top:8px;line-height:1.8}.spinner{border:2px solid;border-right:2px solid #0000;border-radius:50%;width:14px;height:14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.playground{border:1px solid var(--guide-line-light);border-radius:var(--guide-radius-card);margin-top:24px;margin-bottom:20px;position:relative;overflow:visible}.playground:has([data-open]){z-index:500}.preview-label{background:var(--guide-bg-surface-light);color:var(--guide-text-secondary);border-top-left-radius:calc(var(--guide-radius-card) - 1px);border-top-right-radius:calc(var(--guide-radius-card) - 1px);justify-content:space-between;padding:18px 22px 0;font-size:10px;display:flex}.preview-label>span:first-child{letter-spacing:1px;align-items:center;gap:6px;font-size:9px;display:flex}.preview-stage{background-color:var(--guide-bg-surface-light);background-image:radial-gradient(var(--guide-line-light) .8px,transparent .8px);background-size:16px 16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:225px;display:flex}.preview-feedback{color:var(--guide-text-secondary);font-size:11px}.playground-controls{border-top:1px solid var(--guide-line-light);border-bottom-left-radius:calc(var(--guide-radius-card) - 1px);border-bottom-right-radius:calc(var(--guide-radius-card) - 1px);flex-wrap:wrap;align-items:flex-end;gap:16px;padding:16px 20px;display:flex;position:relative}.playground-controls:has([data-open]){z-index:500}.playground-controls .control-group{flex-direction:column;flex:1;gap:6px;min-width:125px;display:flex}.playground-controls .control-group:has([data-open]){z-index:500;position:relative}.playground-controls .control-group label{color:var(--guide-text-secondary);font-size:11px;font-weight:500}.playground-controls label{color:var(--guide-text-secondary);align-items:center;gap:9px;font-size:11px;display:flex}.playground-controls select{border:1px solid var(--guide-line-hover);min-height:36px;color:var(--guide-text-primary);background:var(--guide-bg-base);border-radius:5px;padding:7px 26px 7px 10px}.playground-controls select:focus,.playground-controls select:focus-visible{outline:none}.playground-controls .ds-select,.playground-controls .ds-select-root{width:100%}.playground-controls .ds-select>select{padding:0;padding-right:var(--guide-space-24);min-height:unset;background:0 0;border:0;border-radius:0;outline:none}.playground-controls .ds-select>select:focus,.playground-controls .ds-select>select:focus-visible{outline:none}.playground-controls .checkbox-label{gap:6px;min-height:36px}input[type=checkbox]{accent-color:var(--guide-text-primary);width:15px;height:15px}.preview-code{background:var(--guide-bg-surface-light);border-top:1px solid var(--guide-line-light);justify-content:space-between;align-items:flex-start;gap:10px;padding:17px 20px;display:flex}.preview-code pre{color:var(--guide-text-primary);margin:0;line-height:1.9;overflow:auto}.preview-code button{border:1px solid var(--guide-line-light);background:var(--guide-bg-base);white-space:nowrap;border-radius:5px;min-height:32px;padding:5px 9px;font-size:11px}.callout{border:1px solid var(--guide-line-strong);background:var(--guide-bg-main);color:var(--guide-text-primary);border-radius:8px;gap:12px;margin:20px 0;padding:16px 18px;font-size:12px;display:flex}.callout>span{font-size:18px}.callout strong{font-weight:600}.anatomy-panel{border:1px solid var(--guide-line-light);background:var(--guide-bg-surface-light);border-radius:var(--guide-radius-card);flex-direction:column;justify-content:center;align-items:center;gap:26px;margin-top:24px;margin-bottom:20px;padding:42px 20px 26px;display:flex}.anatomy-demo{border:1px dashed var(--guide-text-primary);border-radius:10px;padding:8px;position:relative}.anatomy-number{background:var(--guide-color-olive);color:#fff;text-align:center;border-radius:50%;width:20px;height:20px;font-size:11px;position:absolute;top:-10px;left:-10px}[data-theme=dark] .anatomy-number{background:var(--guide-text-brand);color:var(--guide-color-deep-ink)}.anatomy-legend{color:var(--guide-text-secondary);gap:22px;font-size:11px;display:flex}.anatomy-legend b{color:var(--guide-text-primary);background:var(--guide-line-strong);border-radius:50%;margin-right:5px;padding:3px 6px}.caption{font-size:12px;margin-top:12px!important}.variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.variant-card{border:1px solid var(--guide-line-light);border-radius:10px;padding-bottom:18px;overflow:hidden}.variant-card>div{background:var(--guide-bg-surface-light);border-bottom:1px solid var(--guide-line-light);justify-content:center;align-items:center;min-height:120px;margin-bottom:16px;display:flex}.variant-card h3,.variant-card p,.variant-card>code{margin-left:16px;margin-right:16px}.variant-card p{color:var(--guide-text-secondary);margin-bottom:12px;font-size:11px}.variant-card>code{color:var(--guide-text-secondary);font-size:10px}.sample-row{border:1px solid var(--guide-line-light);border-radius:10px;justify-content:center;gap:36px;margin-bottom:20px;padding:28px 20px;display:flex}.sample-row>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:15px;display:flex}.sample-row code{color:var(--guide-text-secondary);font-size:11px}.table-scroll{border:1px solid var(--guide-line-light);border-radius:8px;max-width:100%;margin:20px 0;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}td,th{border-bottom:1px solid var(--guide-line-light);vertical-align:top;padding:14px 16px}thead{background:var(--guide-bg-surface-light)}th{white-space:nowrap;font-weight:500}td{color:var(--guide-text-secondary)}tr:last-child td,tr:last-child th{border-bottom:0}.states-grid{border:1px solid var(--guide-line-light);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:28px 12px;padding:26px 16px;display:grid}.states-grid>div{flex-direction:column;align-items:center;gap:12px;display:flex}.states-grid>div>span{color:var(--guide-text-secondary);font-size:11px}.guideline-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guideline{border-top:2px solid var(--guide-text-primary);background:var(--guide-bg-main);border-radius:0 0 8px 8px;padding:20px}.guideline h3{color:var(--guide-text-primary)}.guideline p{color:var(--guide-text-secondary);margin-top:12px;font-size:12px}.guideline.bad{border-color:var(--guide-text-error);background:var(--guide-bg-error-tint)}.guideline.bad h3{color:var(--guide-text-error)}.code-block{border:1px solid var(--guide-line-light);background:var(--guide-bg-surface-light);border-radius:10px;margin:20px 0;overflow:hidden}.code-label{border-bottom:1px solid var(--guide-line-light);letter-spacing:1px;color:var(--guide-text-secondary);padding:10px 20px;font-size:9px}.code-block pre{color:var(--guide-text-primary);margin:0;padding:20px;line-height:1.9;overflow:auto}.token-card{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:var(--guide-radius-card);transition:border-color .15s,box-shadow .15s}.token-card:hover{border-color:var(--guide-line-strong)}.feature-card{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:12px;padding:24px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000a}.feature-card:hover{border-color:var(--guide-line-strong);box-shadow:0 4px 12px #0000000f}[data-theme=dark] .feature-card{box-shadow:0 2px 8px #00000059}[data-theme=dark] .feature-card:hover{border-color:var(--guide-dark-line-strong);box-shadow:0 6px 16px #00000073}.feature-badge{letter-spacing:.02em;background:var(--guide-color-olive);border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.feature-badge{background:color-mix(in srgb,var(--guide-color-olive) 12%,var(--guide-bg-surface-light))}}.feature-badge{color:var(--guide-text-brand);border:1px solid var(--guide-color-olive)}@supports (color:color-mix(in lab,red,red)){.feature-badge{border:1px solid color-mix(in srgb,var(--guide-color-olive) 25%,transparent)}}[data-theme=dark] .feature-badge{background:var(--guide-text-brand)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .feature-badge{background:color-mix(in srgb,var(--guide-text-brand) 16%,var(--guide-dark-bg-surface))}}[data-theme=dark] .feature-badge{color:var(--guide-text-brand);border-color:var(--guide-text-brand)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .feature-badge{border-color:color-mix(in srgb,var(--guide-text-brand) 34%,transparent)}}.feature-demo-stage{background:var(--guide-bg-base);border:1px solid var(--guide-line-light);border-radius:8px;margin-top:16px;padding:18px 20px}.feature-demo-stage-header{border-bottom:1px dashed var(--guide-line-light);color:var(--guide-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:11px;display:flex}.feature-demo-stage-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--guide-text-muted);align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.doc-footer{border-top:1px solid var(--guide-line-light);color:var(--guide-text-secondary);justify-content:space-between;gap:16px;margin-top:64px;padding:26px 0;font-size:11px;display:flex}.doc-footer a:hover{text-decoration:underline}.mobile-tools{display:none}.skip-link{z-index:100;background:var(--guide-bg-base);border:2px solid var(--guide-text-primary);padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.color-hero{background:var(--guide-bg-main);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:210px;padding:32px;display:flex;overflow:hidden}.color-hero>span{letter-spacing:-.7px;font-size:26px;line-height:1.35}.color-hero strong{color:var(--guide-text-primary);font-weight:500}.color-orbits{padding-right:12px;display:flex}.color-orbits i{background:var(--guide-text-primary);border-radius:60px;width:60px;height:110px;margin-left:-16px;transform:rotate(25deg)}.color-orbits i:nth-child(2){background:var(--guide-text-body)}.color-orbits i:nth-child(3){background:var(--guide-text-secondary)}.palette-group{margin-top:28px}.palette{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:10px;display:grid}.swatch{border:1px solid var(--guide-line-light);border-radius:8px;height:74px;margin-bottom:8px}.palette code,.palette span{font-size:10px;display:block}.palette code{color:var(--guide-text-secondary)}.inline-color{align-items:center;gap:8px;display:flex}.inline-color i{border:1px solid var(--guide-line-light);border-radius:4px;flex-shrink:0;width:18px;height:18px}.token-flow{align-items:center;gap:10px;margin-bottom:24px;display:flex}.token-flow>div{border:1px solid var(--guide-line-light);border-radius:8px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:18px 12px;display:flex}.token-flow small{color:var(--guide-text-secondary);letter-spacing:.5px;font-size:9px}.token-flow code{overflow-wrap:anywhere;font-size:10px}.token-flow span{color:var(--guide-text-primary);font-size:11px}.doc-section ul{color:var(--guide-text-secondary);padding-left:20px}.doc-section li{margin-top:12px}.type-hero{background:var(--guide-bg-surface-light);border:1px solid var(--guide-line-light);border-radius:12px;padding:34px}.type-hero>span{letter-spacing:-2px;font-size:52px;font-weight:500}.type-hero p{margin:14px 0}.type-hero code{color:var(--guide-text-secondary);font-size:11px}.type-specimens>div{border-bottom:1px solid var(--guide-line-light);grid-template-columns:140px minmax(0,1fr);align-items:center;gap:24px;padding:24px 0;display:grid}.type-specimens>div>div{flex-direction:column;gap:5px;display:flex}.type-specimens code{color:var(--guide-text-secondary);font-size:10px}.type-display{font-size:var(--guide-tit-display-hero);letter-spacing:-.03em}.type-display,.type-heading{font-weight:var(--guide-fw-heading);line-height:var(--guide-lh-tight)}.type-heading{font-size:var(--guide-tit-section-title)}.type-body{font-size:var(--guide-txt-body-main);font-weight:var(--guide-fw-body)}.type-body,.type-label{line-height:var(--guide-lh-base)}.type-label{font-size:var(--guide-form-label);font-weight:var(--guide-fw-title)}.type-caption{font-size:var(--guide-txt-caption);font-weight:var(--guide-fw-body);line-height:var(--guide-lh-base)}.spacing-hero{border:1px solid var(--guide-line-light);background:var(--guide-bg-surface-light);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex}.spacing-hero>div{gap:var(--guide-gap-sm);flex-direction:column;display:flex}.spacing-hero>div>div{border:1px solid var(--guide-text-primary);padding:var(--guide-sp-md);color:var(--guide-text-primary);background:var(--guide-bg-main);border-radius:6px}.spacing-hero small{color:var(--guide-text-secondary);font-size:10px}.spacing-hero>span{white-space:nowrap;font-size:38px;line-height:1.1}.spacing-scale{border:1px solid var(--guide-line-light);border-radius:10px;padding:12px 20px}.spacing-scale>div{border-bottom:1px solid var(--guide-line-light);grid-template-columns:130px 65px 1fr;align-items:center;gap:16px;padding:12px 0;display:grid}.spacing-scale>div:last-child{border:0}.spacing-scale>div>div{background:var(--guide-color-olive);border-radius:3px;height:18px}[data-theme=dark] .spacing-scale>div>div{background:var(--guide-text-brand)}.not-found{max-width:650px;margin:100px auto;padding:24px}.not-found p{margin:24px 0}.not-found a{color:var(--guide-text-primary);text-decoration:underline}@media (min-width:1500px){article{padding-left:72px;padding-right:72px}}@media (max-width:1180px){.site-grid{grid-template-columns:210px minmax(0,1fr)}.toc{display:none}article{padding:40px 40px 0}}@media (max-width:760px){.site-header{height:64px;padding:0 20px}.brand{font-size:18px}.header-note{display:none}.site-grid{display:block}.sidebar{display:none}article{padding:28px 20px 0}.mobile-tools{background:var(--guide-bg-surface-light);border-bottom:1px solid var(--guide-line-light);align-items:flex-start;gap:12px;padding:12px 20px;display:flex}.mobile-tools details{flex:1;min-width:0;font-size:12px}.mobile-tools summary{padding:10px 0}.mobile-tools nav{padding:12px 0}.mobile-tools nav>a{padding:10px 4px;display:block}.mobile-tools .nav-group{margin-bottom:18px}.mobile-tools .nav-group>p{padding:0 4px;font-size:9px}h1{font-size:36px}.lead{font-size:14px}.breadcrumb{margin-bottom:20px}.doc-section{margin-top:36px}.preview-stage{min-height:210px}.playground-controls{gap:12px;padding:14px}.playground-controls label{gap:6px}.variant-grid{gap:8px}.variant-card h3,.variant-card p,.variant-card>code{margin-left:10px;margin-right:10px}.variant-card>code{font-size:9px}.variant-card>div{min-height:100px}.sample-row{gap:18px;padding:24px 12px}.guideline-grid{grid-template-columns:1fr}.states-grid{grid-template-columns:repeat(2,1fr)}.anatomy-legend{gap:12px;font-size:10px}.color-hero{padding:24px}.color-hero>span{font-size:22px}.color-orbits i{width:36px;height:85px}.token-flow{flex-direction:column;align-items:stretch}.token-flow>span{text-align:center;transform:rotate(90deg)}.type-specimens>div{grid-template-columns:90px minmax(0,1fr);gap:12px}.type-display{font-size:var(--guide-tit-display-hero);overflow-wrap:anywhere}.spacing-hero{padding:20px}.spacing-scale{padding:12px}.spacing-scale>div{grid-template-columns:125px 55px 1fr}.doc-footer{font-size:10px}.caption code{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}@media (forced-colors:active){.ds-button{border:1px solid buttontext}.ds-button:disabled{color:graytext;border-color:graytext}}.copy-error{font-size:var(--guide-txt-caption);color:var(--guide-text-error);padding:12px 20px}:root{--font-pretendard:"Pretendard"}.sample-row{flex-wrap:wrap}.variant-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.token-catalog{margin-top:24px}.token-catalog summary{padding:12px 0;font-weight:600}.token-catalog code{overflow-wrap:anywhere;white-space:normal}.token-catalog th{white-space:normal}.token-catalog table{min-width:580px}.token-specimen{border-bottom:1px solid var(--guide-line-light);padding:24px 0}.token-specimen>p{overflow-wrap:anywhere;margin-top:12px}@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-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@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}