/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-orange-300:oklch(83.7% .128 66.29);--color-green-300:oklch(87.1% .15 154.449);--color-blue-50:oklch(97% .014 254.604);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.mx-auto{margin-inline:auto}.my-20{margin-block:calc(var(--spacing)*20)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.list-item{display:list-item}.h-32{height:calc(var(--spacing)*32)}.min-h-screen{min-height:100vh}.w-32{width:calc(var(--spacing)*32)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.gap-6{gap:calc(var(--spacing)*6)}.rounded-2xl{border-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-transparent{border-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-transparent{color:#0000}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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-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-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:-translate-y-2:hover{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-green-300:hover{border-color:var(--color-green-300)}.hover\:border-orange-300:hover{border-color:var(--color-orange-300)}.hover\:border-purple-300:hover{border-color:var(--color-purple-300)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--primary-color:#3b82f6;--secondary-color:#ef4444;--accent-color:#10b981;--text-color:#1f2937;--bg-color:#fff;--border-color:#e5e7eb}[data-theme=dark]{--primary-color:#60a5fa;--secondary-color:#f87171;--accent-color:#34d399;--text-color:#f9fafb;--bg-color:#111827;--border-color:#374151}*{box-sizing:border-box}html{color:var(--text-color);background-color:var(--bg-color);font-family:Inter,system-ui,sans-serif;line-height:1.6}body{min-height:100vh;margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:focus{outline:2px solid var(--primary-color);outline-offset:2px}::selection{background-color:var(--primary-color);color:#fff}html{scroll-behavior:smooth}.main-content{padding-top:36px}@media (max-width:768px){.main-content{padding-top:24px}}@media (max-width:480px){.main-content{padding-top:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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-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}a.svelte-1v408mk{text-decoration:none;color:inherit;display:block}a.svelte-1v408mk:hover{text-decoration:none;color:inherit}a.svelte-1v408mk:visited{color:inherit}.text-decoration-none.svelte-1v408mk{text-decoration:none!important}@keyframes svelte-1v408mk-bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-gentle{animation:svelte-1v408mk-bounce-gentle 2s infinite}.tutorial-layout.svelte-zz6cxe{max-width:1360px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-container.svelte-1g2h8dw{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin-bottom:20px}.demo-header.svelte-1g2h8dw{padding:20px 24px 0;border-bottom:1px solid #f0f0f0;margin-bottom:0}.demo-title.svelte-1g2h8dw{margin:0 0 8px;font-size:1.4em;font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.demo-description.svelte-1g2h8dw{margin:0 0 20px;color:#666;font-size:.95em;line-height:1.5}.demo-content.svelte-1g2h8dw{display:grid;grid-template-columns:1fr 450px;min-height:400px}.demo-content.with-border.svelte-1g2h8dw .demo-preview:where(.svelte-1g2h8dw){border-right:1px solid #f0f0f0}.demo-preview.svelte-1g2h8dw{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fafbfc;position:relative}.placeholder.svelte-1g2h8dw{text-align:center;color:#999;font-style:italic;padding:40px 20px}.demo-controls.svelte-1g2h8dw{padding:24px;background:#fff;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.demo-footer.svelte-1g2h8dw{display:flex;gap:20px}.controls-section.svelte-1g2h8dw,.explanation-section.svelte-1g2h8dw,.code-section.svelte-1g2h8dw{background:#f8f9fa;border-radius:8px;padding:16px;border-left:3px solid #667eea}.controls-section.svelte-1g2h8dw h4:where(.svelte-1g2h8dw),.explanation-section.svelte-1g2h8dw h4:where(.svelte-1g2h8dw),.code-section.svelte-1g2h8dw h4:where(.svelte-1g2h8dw){margin:0 0 12px;font-size:1.1em;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.controls-section.svelte-1g2h8dw h4:where(.svelte-1g2h8dw):before{content:"🎛️";font-size:.9em}.explanation-section.svelte-1g2h8dw h4:where(.svelte-1g2h8dw):before{content:"💡";font-size:.9em}.code-section.svelte-1g2h8dw h4:where(.svelte-1g2h8dw):before{content:"📝";font-size:.9em}.controls-content.svelte-1g2h8dw,.explanation-content.svelte-1g2h8dw,.code-content.svelte-1g2h8dw{margin:0}.no-controls.svelte-1g2h8dw{color:#999;font-style:italic;margin:0;font-size:.9em}.demo-container.compact.svelte-1g2h8dw .demo-content:where(.svelte-1g2h8dw){grid-template-columns:1fr 280px;min-height:300px}.demo-container.compact.svelte-1g2h8dw .demo-preview:where(.svelte-1g2h8dw),.demo-container.compact.svelte-1g2h8dw .demo-controls:where(.svelte-1g2h8dw){padding:16px}.demo-container.compact.svelte-1g2h8dw .controls-section:where(.svelte-1g2h8dw),.demo-container.compact.svelte-1g2h8dw .explanation-section:where(.svelte-1g2h8dw),.demo-container.compact.svelte-1g2h8dw .code-section:where(.svelte-1g2h8dw){padding:12px}.demo-container.fullwidth.svelte-1g2h8dw .demo-content:where(.svelte-1g2h8dw){grid-template-columns:1fr;min-height:auto}.demo-container.fullwidth.svelte-1g2h8dw .demo-controls:where(.svelte-1g2h8dw){border-top:1px solid #f0f0f0;background:#fafbfc;flex-direction:row;justify-content:space-between;gap:16px}.demo-container.fullwidth.svelte-1g2h8dw .controls-section:where(.svelte-1g2h8dw),.demo-container.fullwidth.svelte-1g2h8dw .explanation-section:where(.svelte-1g2h8dw),.demo-container.fullwidth.svelte-1g2h8dw .code-section:where(.svelte-1g2h8dw){flex:1}@media (max-width: 1024px){.demo-content.svelte-1g2h8dw{grid-template-columns:1fr 260px}.demo-container.compact.svelte-1g2h8dw .demo-content:where(.svelte-1g2h8dw){grid-template-columns:1fr 240px}}@media (max-width: 768px){.demo-content.svelte-1g2h8dw{grid-template-columns:1fr}.demo-content.with-border.svelte-1g2h8dw .demo-preview:where(.svelte-1g2h8dw){border-right:none;border-bottom:1px solid #f0f0f0}.demo-preview.svelte-1g2h8dw{min-height:250px}.demo-controls.svelte-1g2h8dw{padding:20px;gap:16px}.demo-container.fullwidth.svelte-1g2h8dw .demo-controls:where(.svelte-1g2h8dw){flex-direction:column}.controls-section.svelte-1g2h8dw,.explanation-section.svelte-1g2h8dw,.code-section.svelte-1g2h8dw{padding:14px}}@media (max-width: 480px){.demo-header.svelte-1g2h8dw{padding:16px 20px 0}.demo-preview.svelte-1g2h8dw,.demo-controls.svelte-1g2h8dw{padding:16px}.demo-title.svelte-1g2h8dw{font-size:1.2em}.demo-description.svelte-1g2h8dw{font-size:.9em}}.demo-container .controls-content>*:first-child{margin-top:0}.demo-container .controls-content>*:last-child{margin-bottom:0}.demo-container .explanation-content>*:first-child{margin-top:0}.demo-container .explanation-content>*:last-child{margin-bottom:0}.demo-container .code-content>*:first-child{margin-top:0}.demo-container .code-content>*:last-child{margin-bottom:0}.demo-container button{padding:8px 16px;margin:4px 8px 4px 0;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.demo-container button:hover{background:#5a6fd8;transform:translateY(-1px)}.demo-container button:active{transform:translateY(0)}.demo-container button.secondary{background:#f8f9fa;color:#333;border:1px solid #e0e0e0}.demo-container button.secondary:hover{background:#e9ecef;border-color:#ced4da}.demo-container button.danger{background:#dc3545}.demo-container button.danger:hover{background:#c82333}.demo-container button:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none}.demo-container button:disabled:hover{transform:none}.hello-demo.svelte-vnsonf{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;min-height:300px}.greeting-section.svelte-vnsonf{margin-bottom:30px}.greeting-section.svelte-vnsonf h3:where(.svelte-vnsonf){font-size:2em;margin:0 0 10px;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro.svelte-vnsonf{color:#666;font-size:1.1em;margin:0}.status-section.svelte-vnsonf{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.status-card.svelte-vnsonf{background:#f8f9fa;padding:15px 20px;border-radius:10px;border:1px solid #e9ecef;min-width:120px}.label.svelte-vnsonf{display:block;font-size:.9em;color:#666;margin-bottom:4px}.value.svelte-vnsonf{display:block;font-size:1.4em;font-weight:700;color:#333}.input-group.svelte-vnsonf{margin-bottom:16px;text-align:left}.input-group.svelte-vnsonf label:where(.svelte-vnsonf){display:block;margin-bottom:6px;font-weight:500;color:#333}.input-group.svelte-vnsonf input:where(.svelte-vnsonf){width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9em;transition:border-color .2s ease}.input-group.svelte-vnsonf input:where(.svelte-vnsonf):focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}pre.svelte-vnsonf{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-vnsonf{font-family:Consolas,Monaco,Courier New,monospace;color:#333}.demo-container code:not(pre code){background:#f1f3f4;padding:2px 6px;border-radius:3px;font-size:.9em;color:#333}@media (max-width: 480px){.status-section.svelte-vnsonf{flex-direction:column;gap:12px}.status-card.svelte-vnsonf{min-width:auto}.greeting-section.svelte-vnsonf h3:where(.svelte-vnsonf){font-size:1.6em}}.reactive-demo.svelte-qj6mn1{padding:20px;min-height:400px}.demo-content.svelte-qj6mn1{display:flex;flex-direction:column;gap:24px}.form-section.svelte-qj6mn1,.derived-section.svelte-qj6mn1,.object-section.svelte-qj6mn1{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-qj6mn1{margin:0 0 16px;color:#333;font-size:1.1em}.form-grid.svelte-qj6mn1{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-group.svelte-qj6mn1{display:flex;flex-direction:column;gap:6px}.form-group.svelte-qj6mn1 label:where(.svelte-qj6mn1){font-weight:500;color:#555;font-size:.9em}.form-group.svelte-qj6mn1 input:where(.svelte-qj6mn1){padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9em}.checkbox-group.svelte-qj6mn1{flex-direction:row;align-items:center;gap:8px}.checkbox-group.svelte-qj6mn1 input[type=checkbox]:where(.svelte-qj6mn1){width:auto;margin:0}.derived-grid.svelte-qj6mn1{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.derived-item.svelte-qj6mn1{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.label.svelte-qj6mn1{font-weight:500;color:#666}.value.svelte-qj6mn1{font-weight:600;color:#333}.value.positive.svelte-qj6mn1{color:#28a745}.value.negative.svelte-qj6mn1{color:#dc3545}.info-grid.svelte-qj6mn1{display:grid;gap:12px}.info-item.svelte-qj6mn1{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.theme-badge.svelte-qj6mn1{padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:500}.theme-badge.light.svelte-qj6mn1{background:#f8f9fa;color:#495057}.theme-badge.dark.svelte-qj6mn1{background:#343a40;color:#f8f9fa}.status-info.svelte-qj6mn1{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-qj6mn1{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-qj6mn1{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.form-grid.svelte-qj6mn1,.derived-grid.svelte-qj6mn1{grid-template-columns:1fr}}.conditional-demo.svelte-1h9p1ev{padding:20px;min-height:500px}.demo-content.svelte-1h9p1ev{display:flex;flex-direction:column;gap:20px}.demo-section.svelte-1h9p1ev{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-1h9p1ev{margin:0 0 16px;color:#333;font-size:1.1em}h5.svelte-1h9p1ev{margin:0 0 8px;color:#333;font-size:1em}.demo-area.svelte-1h9p1ev{text-align:center}.content-box.svelte-1h9p1ev{background:#d4edda;color:#155724;padding:16px;border-radius:6px;border:1px solid #c3e6cb;margin-top:12px}.hidden-box.svelte-1h9p1ev{background:#f8d7da;color:#721c24;padding:16px;border-radius:6px;border:1px solid #f5c6cb;margin-top:12px}.success-box.svelte-1h9p1ev{background:#d4edda;color:#155724;padding:16px;border-radius:6px;border:1px solid #c3e6cb;margin-top:12px}.warning-box.svelte-1h9p1ev{background:#fff3cd;color:#856404;padding:16px;border-radius:6px;border:1px solid #ffeaa7;margin-top:12px}.admin-box.svelte-1h9p1ev{background:#d1ecf1;color:#0c5460;padding:16px;border-radius:6px;border:1px solid #bee5eb;margin-top:12px}.moderator-box.svelte-1h9p1ev{background:#e2e3e5;color:#383d41;padding:16px;border-radius:6px;border:1px solid #d6d8db;margin-top:12px}.user-box.svelte-1h9p1ev{background:#d4edda;color:#155724;padding:16px;border-radius:6px;border:1px solid #c3e6cb;margin-top:12px}.guest-box.svelte-1h9p1ev{background:#f8d7da;color:#721c24;padding:16px;border-radius:6px;border:1px solid #f5c6cb;margin-top:12px}.weather-display.svelte-1h9p1ev{background:#fff;padding:16px;border-radius:6px;border:1px solid #e9ecef;margin-top:12px}.weather-icon.svelte-1h9p1ev{font-size:1.2em}.hot.svelte-1h9p1ev{color:#dc3545;font-weight:600}.warm.svelte-1h9p1ev{color:#fd7e14;font-weight:600}.cool.svelte-1h9p1ev{color:#17a2b8;font-weight:600}.cold.svelte-1h9p1ev{color:#6f42c1;font-weight:600}.status-info.svelte-1h9p1ev{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-1h9p1ev{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-1h9p1ev{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.demo-content.svelte-1h9p1ev{gap:16px}.demo-section.svelte-1h9p1ev{padding:16px}}.list-demo.svelte-i1ujau{padding:20px;min-height:500px}.demo-content.svelte-i1ujau{display:flex;flex-direction:column;gap:24px}.demo-section.svelte-i1ujau{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-i1ujau{margin:0 0 16px;color:#333;font-size:1.1em}h5.svelte-i1ujau{margin:0 0 12px;color:#555;font-size:1em}h6.svelte-i1ujau{margin:0 0 8px;color:#333;font-size:.95em}.list-display.svelte-i1ujau{background:#fff;padding:16px;border-radius:6px;border:1px solid #e9ecef}.fruit-list.svelte-i1ujau{list-style:none;padding:0;margin:0 0 16px}.fruit-item.svelte-i1ujau{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.fruit-name.svelte-i1ujau{font-weight:500;color:#333}.remove-btn.svelte-i1ujau{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.8em;cursor:pointer}.remove-btn.svelte-i1ujau:hover{background:#c82333}.add-form.svelte-i1ujau{display:flex;gap:8px;align-items:center}.add-form.svelte-i1ujau input:where(.svelte-i1ujau),.add-form.svelte-i1ujau select:where(.svelte-i1ujau){padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:.9em}.add-form.svelte-i1ujau button:where(.svelte-i1ujau){background:#28a745;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.9em;cursor:pointer}.add-form.svelte-i1ujau button:where(.svelte-i1ujau):hover{background:#218838}.user-grid.svelte-i1ujau{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.user-card.svelte-i1ujau{background:#fff;padding:12px;border-radius:6px;border:1px solid #e9ecef}.user-info.svelte-i1ujau h6:where(.svelte-i1ujau){color:#333;margin-bottom:8px}.user-info.svelte-i1ujau p:where(.svelte-i1ujau){margin:4px 0;font-size:.9em;color:#666}.role-badge.svelte-i1ujau{padding:2px 6px;border-radius:3px;font-size:.8em;font-weight:500}.role-badge.用户.svelte-i1ujau{background:#e3f2fd;color:#1976d2}.role-badge.版主.svelte-i1ujau{background:#fff3e0;color:#f57c00}.role-badge.管理员.svelte-i1ujau{background:#e8f5e8;color:#388e3c}.user-actions.svelte-i1ujau{display:flex;gap:8px;margin-top:12px}.user-actions.svelte-i1ujau select:where(.svelte-i1ujau){flex:1;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:.8em}.number-display.svelte-i1ujau{text-align:center}.number-grid.svelte-i1ujau{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.number-item.svelte-i1ujau{width:40px;height:40px;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.number-info.svelte-i1ujau{margin:0;color:#666;font-size:.9em}.control-group.svelte-i1ujau{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.control-group.svelte-i1ujau h5:where(.svelte-i1ujau){margin:0 0 8px;color:#333;font-size:.9em}.status-info.svelte-i1ujau{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-i1ujau{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-i1ujau{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.user-grid.svelte-i1ujau{grid-template-columns:1fr}.add-form.svelte-i1ujau{flex-direction:column;align-items:stretch}.user-actions.svelte-i1ujau{flex-direction:column}}.event-demo.svelte-srdpz1{padding:20px;min-height:500px}.demo-content.svelte-srdpz1{display:flex;flex-direction:column;gap:24px}.demo-section.svelte-srdpz1{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-srdpz1{margin:0 0 16px;color:#333;font-size:1.1em}h5.svelte-srdpz1{margin:0 0 8px;color:#333;font-size:.9em}.click-area.svelte-srdpz1{display:flex;gap:12px;justify-content:center;align-items:center}.click-btn.svelte-srdpz1{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer;transition:background .2s}.click-btn.svelte-srdpz1:hover{background:#0056b3}.double-click-btn.svelte-srdpz1{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1em;cursor:pointer;transition:background .2s}.double-click-btn.svelte-srdpz1:hover{background:#1e7e34}.mouse-area.svelte-srdpz1{position:relative;background:#fff;border:2px dashed #ddd;border-radius:8px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;cursor:crosshair}.mouse-area.svelte-srdpz1 p:where(.svelte-srdpz1){margin:0 0 12px;color:#666;font-size:1.1em}.mouse-info.svelte-srdpz1{display:flex;gap:16px}.coordinate.svelte-srdpz1{background:#e9ecef;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:.9em;color:#495057}.mouse-cursor.svelte-srdpz1{position:absolute;width:12px;height:12px;background:#dc3545;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:all .1s ease}.keyboard-area.svelte-srdpz1{text-align:center}.keyboard-area.svelte-srdpz1 input:where(.svelte-srdpz1){width:100%;max-width:400px;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1em;margin-bottom:12px}.key-info.svelte-srdpz1{background:#fff;padding:12px;border-radius:6px;border:1px solid #e9ecef;display:inline-block;min-width:200px}.key-info.svelte-srdpz1 p:where(.svelte-srdpz1){margin:0;color:#333}.demo-form.svelte-srdpz1{background:#fff;padding:20px;border-radius:8px;border:1px solid #e9ecef;max-width:400px;margin:0 auto}.form-group.svelte-srdpz1{margin-bottom:16px}.form-group.svelte-srdpz1 label:where(.svelte-srdpz1){display:block;margin-bottom:6px;font-weight:500;color:#333}.form-group.svelte-srdpz1 input:where(.svelte-srdpz1),.form-group.svelte-srdpz1 textarea:where(.svelte-srdpz1){width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9em;font-family:inherit}.form-group.svelte-srdpz1 input:where(.svelte-srdpz1):focus,.form-group.svelte-srdpz1 textarea:where(.svelte-srdpz1):focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.submit-btn.svelte-srdpz1{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.9em;cursor:pointer;width:100%}.submit-btn.svelte-srdpz1:hover{background:#0056b3}.control-group.svelte-srdpz1{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.status-info.svelte-srdpz1{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-srdpz1{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-srdpz1{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.click-area.svelte-srdpz1{flex-direction:column}.mouse-info.svelte-srdpz1{flex-direction:column;gap:8px}.demo-form.svelte-srdpz1{max-width:100%}}.demo-header.svelte-i5fr9l{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px}.demo-header.svelte-i5fr9l h1:where(.svelte-i5fr9l){margin:0 0 16px;font-size:2.5rem;font-weight:700}.demo-header.svelte-i5fr9l p:where(.svelte-i5fr9l){margin:0;font-size:1.2rem;opacity:.9}.status-display.svelte-i5fr9l{margin-top:16px;padding:8px 16px;background:#fff3;border-radius:20px;font-size:.9em}@media (max-width: 768px){.demo-header.svelte-i5fr9l h1:where(.svelte-i5fr9l){font-size:2rem}.demo-header.svelte-i5fr9l p:where(.svelte-i5fr9l){font-size:1rem}}.tab-navigation.svelte-1vpjcj6{margin-bottom:2rem;padding:0 1rem}.tab-container.svelte-1vpjcj6{display:flex;gap:.75rem;overflow-x:auto;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 20px #0000000d,0 1px 3px #0000001a;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;position:relative;overflow:hidden}.tab-container.svelte-1vpjcj6:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.tab-container.svelte-1vpjcj6::-webkit-scrollbar{height:8px}.tab-container.svelte-1vpjcj6::-webkit-scrollbar-track{background:transparent;border-radius:4px}.tab-container.svelte-1vpjcj6::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:4px;border:1px solid rgba(255,255,255,.3)}.tab-container.svelte-1vpjcj6::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.tab-item.svelte-1vpjcj6{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem 1rem;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid rgba(226,232,240,.8);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000f}.tab-item.svelte-1vpjcj6:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s;pointer-events:none}.tab-item.svelte-1vpjcj6:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 8px 25px #3b82f626,0 4px 10px #0000001a}.tab-item.svelte-1vpjcj6:hover:before{left:100%}.tab-item.active.svelte-1vpjcj6{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f640,0 4px 10px #0000001a;transform:translateY(-1px)}.tab-item.active.svelte-1vpjcj6:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 12px 35px #3b82f64d,0 6px 15px #00000026;transform:translateY(-2px)}.tab-item.active.svelte-1vpjcj6 .tab-indicator:where(.svelte-1vpjcj6){opacity:1;transform:scaleX(1)}.tab-content.svelte-1vpjcj6{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.tab-name.svelte-1vpjcj6{font-weight:700;font-size:1rem;white-space:nowrap;letter-spacing:-.025em;text-shadow:0 1px 2px rgba(0,0,0,.05)}.tab-item.active.svelte-1vpjcj6 .tab-name:where(.svelte-1vpjcj6){text-shadow:0 1px 2px rgba(0,0,0,.1)}.tab-description.svelte-1vpjcj6{font-size:.8rem;opacity:.7;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;color:#64748b}.tab-item.active.svelte-1vpjcj6 .tab-description:where(.svelte-1vpjcj6){opacity:.9;color:#ffffffe6}.tab-indicator.svelte-1vpjcj6{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px 2px 0 0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.tab-navigation.svelte-1vpjcj6{padding:0 .5rem}.tab-container.svelte-1vpjcj6{gap:.5rem;padding:.5rem;border-radius:12px}.tab-item.svelte-1vpjcj6{padding:1rem .75rem;min-width:140px}.tab-name.svelte-1vpjcj6{font-size:.9rem}.tab-description.svelte-1vpjcj6{font-size:.75rem}}@media (max-width: 480px){.tab-container.svelte-1vpjcj6{gap:.25rem;padding:.25rem}.tab-item.svelte-1vpjcj6{min-width:120px;padding:.75rem .5rem}.tab-name.svelte-1vpjcj6{font-size:.85rem}.tab-description.svelte-1vpjcj6{display:none}.tab-indicator.svelte-1vpjcj6{height:2px}}.learning-tips-container.svelte-1o9y90u{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;position:relative}.learning-tips-container.grid-layout.svelte-1o9y90u{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0}.learning-tips-container.grid-layout.svelte-1o9y90u .learning-progress:where(.svelte-1o9y90u),.learning-tips-container.grid-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u){background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.learning-tips-container.floating-layout.svelte-1o9y90u{position:fixed;top:80px;left:16px;width:300px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:1000;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;transition:all .3s ease}.learning-tips-container.floating-layout.collapsed.svelte-1o9y90u{width:60px;height:60px;padding:0;overflow:hidden;border-radius:50%}.collapse-toggle.svelte-1o9y90u{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:#667eea;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:10;transition:all .2s ease}.collapsed.svelte-1o9y90u .collapse-toggle:where(.svelte-1o9y90u){position:static;width:60px;height:60px;font-size:20px;border-radius:50%}.collapse-toggle.svelte-1o9y90u:hover{background:#5a6fd8;transform:scale(1.05)}.learning-progress.svelte-1o9y90u{text-align:center;margin-bottom:30px}.learning-tips-container.grid-layout.svelte-1o9y90u .learning-progress:where(.svelte-1o9y90u){margin-bottom:0}.learning-tips-container.floating-layout.svelte-1o9y90u .learning-progress:where(.svelte-1o9y90u){margin-bottom:20px}.progress-bar.svelte-1o9y90u{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:15px}.learning-tips-container.grid-layout.svelte-1o9y90u .progress-bar:where(.svelte-1o9y90u){background:#f0f0f0}.progress-fill.svelte-1o9y90u{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s ease}.learning-progress.svelte-1o9y90u p:where(.svelte-1o9y90u){margin:0;color:#666;font-weight:500;font-size:.95em}.learning-tips.svelte-1o9y90u{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.learning-tips-container.grid-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u){background:#fff;border-left:none;border-top:3px solid #667eea}.learning-tips-container.floating-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u){background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #667eea}.learning-tips.svelte-1o9y90u h3:where(.svelte-1o9y90u){margin:0 0 15px;color:#333;font-size:1.3em}.learning-tips.svelte-1o9y90u ul:where(.svelte-1o9y90u){margin:0;padding-left:20px;list-style-type:none}.learning-tips-container.svelte-1o9y90u:not(.grid-layout) .learning-tips:where(.svelte-1o9y90u) ul:where(.svelte-1o9y90u){list-style-type:disc}.learning-tips.svelte-1o9y90u li:where(.svelte-1o9y90u){position:relative;margin:8px 0;color:#555;line-height:1.5;padding:4px 0}.learning-tips-container.grid-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u) li:where(.svelte-1o9y90u):before{content:"💡";position:absolute;left:-20px;font-size:.9em}@media (max-width: 768px){.learning-tips-container.grid-layout.svelte-1o9y90u{grid-template-columns:1fr;gap:20px}.learning-tips-container.grid-layout.svelte-1o9y90u .learning-progress:where(.svelte-1o9y90u),.learning-tips-container.grid-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u){padding:20px}.learning-tips-container.svelte-1o9y90u{padding:20px}.learning-tips.svelte-1o9y90u h3:where(.svelte-1o9y90u){font-size:1.1em}.learning-tips-container.floating-layout.svelte-1o9y90u{width:280px}}.learning-tips-container.floating-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u) h3:where(.svelte-1o9y90u){font-size:1.1em;margin-bottom:12px}.learning-tips-container.floating-layout.svelte-1o9y90u .learning-tips:where(.svelte-1o9y90u) li:where(.svelte-1o9y90u){margin:6px 0;font-size:.9em}.learning-tips-container.floating-layout.svelte-1o9y90u .learning-progress:where(.svelte-1o9y90u) p:where(.svelte-1o9y90u){font-size:.85em}.tutorial-content.svelte-1jwfkr8{margin-bottom:40px}.tutorial-demo.svelte-1jwfkr8{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.longpress-demo.svelte-45vxm3{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:250px}.longpress-area.svelte-45vxm3{padding:30px 40px;background:#e3f2fd;border:2px solid #2196f3;border-radius:12px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;min-width:200px}.longpress-area.svelte-45vxm3:hover{background:#bbdefb;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.longpress-area.svelte-45vxm3:active{background:#90caf9;transform:translateY(0)}.longpress-area.svelte-45vxm3 p:where(.svelte-45vxm3){margin:8px 0;font-size:1.1em}.counter.svelte-45vxm3{font-weight:600;color:#1976d2}.count.svelte-45vxm3{font-size:1.3em;font-weight:700;color:#0d47a1}.duration-controls.svelte-45vxm3{margin:16px 0;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.duration-controls.svelte-45vxm3 strong:where(.svelte-45vxm3){display:block;margin-bottom:8px;color:#333}.status-info.svelte-45vxm3{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-45vxm3{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-45vxm3{font-family:Consolas,Monaco,Courier New,monospace;color:#333}.draggable-demo.svelte-1nrgnea{position:relative;width:100%;height:100%;min-height:350px;display:flex;align-items:center;justify-content:center}.draggable-box.svelte-1nrgnea{width:100px;height:100px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;box-shadow:0 4px 8px #0003;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.draggable-box.svelte-1nrgnea:hover{box-shadow:0 6px 12px #0000004d}.position-info.svelte-1nrgnea{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}.history-section.svelte-1nrgnea{margin-top:16px;padding-top:12px;border-top:1px solid #e9ecef}.history-list.svelte-1nrgnea{max-height:150px;overflow-y:auto;margin:8px 0 0;padding:0 0 0 16px;font-size:.85em}.history-list.svelte-1nrgnea li:where(.svelte-1nrgnea){padding:2px 0;color:#666}pre.svelte-1nrgnea{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-1nrgnea{font-family:Consolas,Monaco,Courier New,monospace;color:#333}.lifecycle-demo.svelte-n5wkbh{padding:20px;min-height:500px}.demo-content.svelte-n5wkbh{display:flex;flex-direction:column;gap:24px}.demo-section.svelte-n5wkbh{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-n5wkbh{margin:0 0 16px;color:#333;font-size:1.1em}h5.svelte-n5wkbh{margin:0 0 8px;color:#333;font-size:.9em}.status-grid.svelte-n5wkbh{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.status-item.svelte-n5wkbh{background:#fff;padding:12px;border-radius:6px;border:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.status-label.svelte-n5wkbh{font-weight:500;color:#666}.status-value.svelte-n5wkbh{font-weight:600;color:#333}.status-value.mounted.svelte-n5wkbh{color:#28a745}.status-value.unmounted.svelte-n5wkbh{color:#dc3545}.button-grid.svelte-n5wkbh{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.action-btn.svelte-n5wkbh{background:#007bff;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:.9em;cursor:pointer;transition:background .2s}.action-btn.svelte-n5wkbh:hover{background:#0056b3}.log-container.svelte-n5wkbh{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px;height:200px;overflow-y:auto;font-family:monospace;font-size:.85em}.log-entry.svelte-n5wkbh{padding:4px 0;border-bottom:1px solid #f8f9fa;color:#333}.log-entry.svelte-n5wkbh:last-child{border-bottom:none}.log-entry.empty.svelte-n5wkbh{color:#666;font-style:italic;text-align:center;padding:20px 0}.control-group.svelte-n5wkbh{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.status-info.svelte-n5wkbh{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-n5wkbh{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-n5wkbh{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.status-grid.svelte-n5wkbh,.button-grid.svelte-n5wkbh{grid-template-columns:1fr}}.stores-demo.svelte-2rszub{padding:20px;min-height:500px}.demo-content.svelte-2rszub{display:flex;flex-direction:column;gap:24px}.demo-section.svelte-2rszub{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-2rszub{margin:0 0 16px;color:#333;font-size:1.1em}h5.svelte-2rszub{margin:0 0 8px;color:#333;font-size:.9em}.store-display.svelte-2rszub{background:#fff;padding:16px;border-radius:6px;border:1px solid #e9ecef}.store-item.svelte-2rszub{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background:#f8f9fa;border-radius:4px}.store-item.svelte-2rszub:last-child{margin-bottom:12px}.label.svelte-2rszub{font-weight:500;color:#666}.value.svelte-2rszub{font-weight:600;color:#333;font-family:monospace}.button-group.svelte-2rszub{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.button-group.svelte-2rszub button:where(.svelte-2rszub){background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.9em;cursor:pointer;transition:background .2s}.button-group.svelte-2rszub button:where(.svelte-2rszub):hover{background:#0056b3}.input-group.svelte-2rszub{margin-top:12px}.input-group.svelte-2rszub input:where(.svelte-2rszub){width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.9em}.history-container.svelte-2rszub{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px;height:150px;overflow-y:auto;font-family:monospace;font-size:.85em}.history-entry.svelte-2rszub{padding:2px 0;color:#333;border-bottom:1px solid #f8f9fa}.history-entry.svelte-2rszub:last-child{border-bottom:none}.history-entry.empty.svelte-2rszub{color:#666;font-style:italic;text-align:center;padding:20px 0}.control-group.svelte-2rszub{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.status-info.svelte-2rszub{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-2rszub{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-2rszub{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.button-group.svelte-2rszub{justify-content:stretch}.button-group.svelte-2rszub button:where(.svelte-2rszub){flex:1;min-width:auto}}.animations-demo.svelte-wykbf2{padding:20px;min-height:500px}.demo-content.svelte-wykbf2{display:flex;flex-direction:column;gap:24px}.demo-section.svelte-wykbf2{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}h4.svelte-wykbf2{margin:0 0 16px;color:#333;font-size:1.1em}h5.svelte-wykbf2{margin:0 0 8px;color:#333;font-size:.9em}.transition-demo.svelte-wykbf2{background:#fff;padding:20px;border-radius:6px;border:1px solid #e9ecef}.controls.svelte-wykbf2{display:flex;gap:12px;margin-bottom:20px;align-items:center;justify-content:center}.toggle-btn.svelte-wykbf2{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.controls.svelte-wykbf2 select:where(.svelte-wykbf2){padding:8px;border:1px solid #ddd;border-radius:4px}.animation-area.svelte-wykbf2{height:150px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:6px;position:relative}.demo-box.svelte-wykbf2{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;min-width:120px;box-shadow:0 4px 6px #0000001a}.demo-box.svelte-wykbf2 span:where(.svelte-wykbf2){display:block;font-weight:600}.list-demo.svelte-wykbf2{background:#fff;padding:20px;border-radius:6px;border:1px solid #e9ecef}.list-controls.svelte-wykbf2{display:flex;gap:12px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.list-controls.svelte-wykbf2 button:where(.svelte-wykbf2){background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em}.list-controls.svelte-wykbf2 button:where(.svelte-wykbf2):hover{background:#218838}.animated-list.svelte-wykbf2{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.list-item.svelte-wykbf2{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:6px;color:#fff;font-weight:500;box-shadow:0 2px 4px #0000001a}.remove-btn.svelte-wykbf2{background:#fff3;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.remove-btn.svelte-wykbf2:hover{background:#ffffff4d}.css-animations.svelte-wykbf2{background:#fff;padding:20px;border-radius:6px;border:1px solid #e9ecef;display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap}.spinner.svelte-wykbf2{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:svelte-wykbf2-spin 1s linear infinite}@keyframes svelte-wykbf2-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-circle.svelte-wykbf2{width:40px;height:40px;background:#28a745;border-radius:50%;animation:svelte-wykbf2-pulse 2s ease-in-out infinite}@keyframes svelte-wykbf2-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.bounce-ball.svelte-wykbf2{width:40px;height:40px;background:#ffc107;border-radius:50%;animation:svelte-wykbf2-bounce 1s ease-in-out infinite}@keyframes svelte-wykbf2-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.wave.svelte-wykbf2{display:flex;gap:4px}.wave.svelte-wykbf2 span:where(.svelte-wykbf2){width:8px;height:40px;background:#dc3545;border-radius:4px;animation:svelte-wykbf2-wave 1.2s ease-in-out infinite}.wave.svelte-wykbf2 span:where(.svelte-wykbf2):nth-child(2){animation-delay:.1s}.wave.svelte-wykbf2 span:where(.svelte-wykbf2):nth-child(3){animation-delay:.2s}@keyframes svelte-wykbf2-wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.control-group.svelte-wykbf2{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.control-group.svelte-wykbf2 select:where(.svelte-wykbf2){width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;margin-top:8px}.status-info.svelte-wykbf2{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-wykbf2{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-wykbf2{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.controls.svelte-wykbf2,.list-controls.svelte-wykbf2{flex-direction:column}.css-animations.svelte-wykbf2{justify-content:center;gap:30px}}.state-machine-demo.svelte-117btgn{padding:20px;min-height:400px}.current-state.svelte-117btgn,.available-actions.svelte-117btgn,.state-history.svelte-117btgn{margin-bottom:24px;padding:20px;border:1px solid #e9ecef;border-radius:8px;background:#f8f9fa}.control-group.svelte-117btgn{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.status-info.svelte-117btgn{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}h5.svelte-117btgn{margin:0 0 8px;color:#333;font-size:.9em}.state-indicator.svelte-117btgn{padding:15px 30px;border-radius:25px;color:#fff;font-size:18px;font-weight:700;text-align:center;display:inline-block}.action-buttons.svelte-117btgn{display:flex;flex-wrap:wrap;gap:10px}.action-btn.svelte-117btgn{padding:8px 16px;border:none;border-radius:4px;background:#007bff;color:#fff;cursor:pointer;transition:background-color .3s}.action-btn.svelte-117btgn:hover{background:#0056b3}.history-timeline.svelte-117btgn{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.history-item.svelte-117btgn{display:flex;align-items:center;gap:10px}.history-state.svelte-117btgn{padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:700}.history-arrow.svelte-117btgn{font-size:20px;color:#666}.control-group.svelte-117btgn button:where(.svelte-117btgn){padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.control-group.svelte-117btgn button:where(.svelte-117btgn):hover{background:#5a6268}pre.svelte-117btgn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-117btgn{font-family:Consolas,Monaco,Courier New,monospace;color:#333}.accordion.svelte-3ovxxw{border:1px solid #ddd;border-radius:8px;overflow:hidden}.accordion-item.svelte-1irxjny{background:#fff}.accordion-header.svelte-1irxjny{width:100%;padding:15px 20px;background:none;border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .3s}.accordion-header.svelte-1irxjny:hover{background:#f8f9fa}.accordion-header.open.svelte-1irxjny{background:#e9ecef}.title.svelte-1irxjny{font-weight:500;color:#333}.icon.svelte-1irxjny{font-size:20px;font-weight:700;color:#666;transition:transform .3s}.accordion-header.open.svelte-1irxjny .icon:where(.svelte-1irxjny){transform:rotate(180deg)}.accordion-content.svelte-1irxjny{overflow:hidden}.content-inner.svelte-1irxjny{padding:20px;color:#666;line-height:1.6}.composite-demo.svelte-16gcb7h{padding:20px;min-height:500px}.demo-section.svelte-16gcb7h{margin-bottom:32px;padding:24px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}h4.svelte-16gcb7h{margin:0 0 8px;color:#333;font-size:1.2em;font-weight:600}h5.svelte-16gcb7h{margin:0 0 8px;color:#333;font-size:.9em}h6.svelte-16gcb7h{margin:0 0 8px;color:#333;font-size:.85em;font-weight:600}.section-description.svelte-16gcb7h{margin:0 0 20px;color:#666;font-size:.9em}.content-block.svelte-16gcb7h{padding:16px 0}.content-block.svelte-16gcb7h p:where(.svelte-16gcb7h){margin:0 0 12px;line-height:1.6;color:#444}.feature-list.svelte-16gcb7h{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.feature-tag.svelte-16gcb7h{background:#007bff;color:#fff;padding:4px 12px;border-radius:16px;font-size:.8em;font-weight:500}.feature-details.svelte-16gcb7h{margin:16px 0;padding-left:20px}.feature-details.svelte-16gcb7h li:where(.svelte-16gcb7h){margin-bottom:8px;line-height:1.5;color:#444}.code-example.svelte-16gcb7h{margin:16px 0;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;overflow:hidden}.code-example.svelte-16gcb7h pre:where(.svelte-16gcb7h){margin:0;padding:16px;background:#2d3748;color:#e2e8f0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;line-height:1.5;overflow-x:auto}.demo-controls.svelte-16gcb7h{margin:16px 0;padding:12px;background:#fff;border:1px solid #e9ecef;border-radius:6px}.demo-controls.svelte-16gcb7h label:where(.svelte-16gcb7h){display:flex;align-items:center;gap:8px;font-size:.9em;cursor:pointer}.advanced-example.svelte-16gcb7h{margin-top:16px;padding:16px;background:#e3f2fd;border-radius:6px;border-left:4px solid #2196f3}.nested-content.svelte-16gcb7h{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px}.info-card.svelte-16gcb7h{background:#fff;padding:16px;border-radius:6px;border:1px solid #e3f2fd}.features-grid.svelte-16gcb7h{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0}.feature-card.svelte-16gcb7h{background:#fff;padding:16px;border-radius:8px;border:1px solid #e9ecef;text-align:center}.feature-icon.svelte-16gcb7h{font-size:2em;margin-bottom:8px}.style-showcase.svelte-16gcb7h{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.style-example.svelte-16gcb7h{padding:8px 16px;border-radius:20px;color:#fff;font-size:.85em;font-weight:600}.style-example.primary.svelte-16gcb7h{background:#007bff}.style-example.secondary.svelte-16gcb7h{background:#6c757d}.style-example.success.svelte-16gcb7h{background:#28a745}.style-example.warning.svelte-16gcb7h{background:#ffc107;color:#212529}.style-example.danger.svelte-16gcb7h{background:#dc3545}.css-variables.svelte-16gcb7h{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.css-variables.svelte-16gcb7h code:where(.svelte-16gcb7h){display:block;background:#2d3748;color:#e2e8f0;padding:12px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8em;line-height:1.4;white-space:pre;margin-top:8px}.control-group.svelte-16gcb7h{margin-bottom:16px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.control-group.svelte-16gcb7h select:where(.svelte-16gcb7h){width:100%;padding:6px 8px;border:1px solid #e9ecef;border-radius:4px;background:#fff;font-size:.9em}.status-info.svelte-16gcb7h{background:#f8f9fa;padding:12px;border-radius:6px;margin-top:16px;font-size:.9em;line-height:1.6;border:1px solid #e9ecef}pre.svelte-16gcb7h{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}code.svelte-16gcb7h{font-family:Consolas,Monaco,Courier New,monospace;color:#333}@media (max-width: 768px){.features-grid.svelte-16gcb7h,.nested-content.svelte-16gcb7h{grid-template-columns:1fr}.style-showcase.svelte-16gcb7h{flex-direction:column;align-items:flex-start}}.demo-content.svelte-p3d8ec{min-height:600px}.demo-section.svelte-p3d8ec{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}hr.svelte-p3d8ec{border:none;border-top:1px solid #e0e0e0;margin:40px 0}.calculator.svelte-1fxfvj6{max-width:320px;margin:20px auto;background:#2a2a2a;border-radius:12px;padding:20px;box-shadow:0 8px 25px #0000004d;font-family:Arial,sans-serif}.display.svelte-1fxfvj6{background:#1a1a1a;border-radius:8px;padding:20px;margin-bottom:20px;border:2px solid #333;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.history.svelte-1fxfvj6{color:#888;font-size:1em;text-align:right;min-height:20px;margin-bottom:10px;word-break:break-all;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-end;opacity:.8}.screen.svelte-1fxfvj6{color:#fff;font-size:2.5em;font-weight:700;text-align:right;min-height:40px;display:flex;align-items:center;justify-content:flex-end;word-break:break-all;overflow:hidden}.buttons.svelte-1fxfvj6{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:12px}.btn.svelte-1fxfvj6{border:none;border-radius:8px;font-size:1.4em;font-weight:700;cursor:pointer;transition:all .2s ease;outline:none;display:flex;align-items:center;justify-content:center}.btn.svelte-1fxfvj6:active{transform:scale(.95)}.number.svelte-1fxfvj6{background:#404040;color:#fff}.number.svelte-1fxfvj6:hover{background:#505050}.operation.svelte-1fxfvj6{background:#ff9500;color:#fff}.operation.svelte-1fxfvj6:hover{background:#ffad33}.clear.svelte-1fxfvj6{background:#a6a6a6;color:#000}.clear.svelte-1fxfvj6:hover{background:#b6b6b6}.equals.svelte-1fxfvj6{background:#ff9500;color:#fff;grid-row:span 2}.equals.svelte-1fxfvj6:hover{background:#ffad33}.zero.svelte-1fxfvj6{grid-column:span 2}@media (max-width: 480px){.calculator.svelte-1fxfvj6{max-width:280px;padding:15px}.display.svelte-1fxfvj6{min-height:80px;padding:15px}.history.svelte-1fxfvj6{font-size:.9em;min-height:18px;margin-bottom:8px}.screen.svelte-1fxfvj6{font-size:2em}.btn.svelte-1fxfvj6{font-size:1.2em}.buttons.svelte-1fxfvj6{gap:8px}}.calculator-demo-area.svelte-1mzrtbx{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.control-info.svelte-1mzrtbx{background:#f8f9fa;padding:12px;border-radius:6px;border:1px solid #e9ecef}.control-info.svelte-1mzrtbx p:where(.svelte-1mzrtbx){margin:0 0 8px;font-weight:600;color:#333}.control-info.svelte-1mzrtbx ul:where(.svelte-1mzrtbx){margin:0;padding-left:16px;color:#666;font-size:.9em;line-height:1.6}.control-info.svelte-1mzrtbx li:where(.svelte-1mzrtbx){margin-bottom:4px}code.svelte-1mzrtbx{font-family:Consolas,Monaco,Courier New,monospace;font-size:.85em;background:#f8f9fa;padding:2px 4px;border-radius:3px;color:#e83e8c}pre.svelte-1mzrtbx{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:12px;margin:0;font-size:.8em;overflow-x:auto;line-height:1.4}pre.svelte-1mzrtbx code:where(.svelte-1mzrtbx){background:none;padding:0;color:#333}.page.svelte-lvpwku{padding:2rem;max-width:800px;margin:0 auto}.hero-section.svelte-lvpwku{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px}.hero-section.svelte-lvpwku h1:where(.svelte-lvpwku){margin:0 0 1rem;font-size:2.5rem;font-weight:700}.hero-subtitle.svelte-lvpwku{font-size:1.2rem;margin:0;opacity:.9}.content-grid.svelte-lvpwku{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.card.svelte-lvpwku{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card.svelte-lvpwku:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.card.svelte-lvpwku h3:where(.svelte-lvpwku){margin:0 0 .5rem;color:#333;font-size:1.3rem}.card.svelte-lvpwku p:where(.svelte-lvpwku){color:#666;margin:0 0 1rem;line-height:1.5}.card-link.svelte-lvpwku{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s ease}.card-link.svelte-lvpwku:hover{color:#0056b3;text-decoration:underline}.features-section.svelte-lvpwku{background:#f8f9fa;border-radius:12px;padding:2rem;border:1px solid #e9ecef}.features-section.svelte-lvpwku h2:where(.svelte-lvpwku){margin:0 0 1.5rem;color:#333;text-align:center}.features-list.svelte-lvpwku{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.features-list.svelte-lvpwku li:where(.svelte-lvpwku){padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;color:#495057;font-size:.95rem}@media (max-width: 768px){.page.svelte-lvpwku{padding:1rem}.hero-section.svelte-lvpwku h1:where(.svelte-lvpwku){font-size:2rem}.hero-subtitle.svelte-lvpwku{font-size:1rem}.content-grid.svelte-lvpwku,.features-list.svelte-lvpwku{grid-template-columns:1fr}}.page.svelte-dwt1jf{padding:2rem;max-width:900px;margin:0 auto;line-height:1.6}.page-header.svelte-dwt1jf{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px}.page-header.svelte-dwt1jf h1:where(.svelte-dwt1jf){margin:0 0 1rem;font-size:2.5rem;font-weight:700}.page-subtitle.svelte-dwt1jf{font-size:1.2rem;margin:0;opacity:.9}.content-sections.svelte-dwt1jf{margin-bottom:3rem}.section.svelte-dwt1jf{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.section.svelte-dwt1jf h2:where(.svelte-dwt1jf){margin:0 0 1.5rem;color:#333;font-size:1.8rem}.section.svelte-dwt1jf p:where(.svelte-dwt1jf){color:#666;margin:0 0 1rem;font-size:1.1rem}.tech-grid.svelte-dwt1jf{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tech-item.svelte-dwt1jf{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center}.tech-item.svelte-dwt1jf h4:where(.svelte-dwt1jf){margin:0 0 .5rem;color:#333;font-size:1.2rem}.tech-item.svelte-dwt1jf p:where(.svelte-dwt1jf){margin:0;color:#666;font-size:.95rem}.team-grid.svelte-dwt1jf{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.team-member.svelte-dwt1jf{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:2rem;text-align:center;transition:transform .2s ease}.team-member.svelte-dwt1jf:hover{transform:translateY(-5px)}.member-avatar.svelte-dwt1jf{font-size:3rem;margin-bottom:1rem}.team-member.svelte-dwt1jf h4:where(.svelte-dwt1jf){margin:0 0 .5rem;color:#333;font-size:1.3rem}.team-member.svelte-dwt1jf p:where(.svelte-dwt1jf){margin:0 0 .5rem;color:#007bff;font-weight:600}.member-role.svelte-dwt1jf{color:#666;font-size:.9rem}.stats-grid.svelte-dwt1jf{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item.svelte-dwt1jf{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;border-radius:12px;padding:2rem;text-align:center}.stat-number.svelte-dwt1jf{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label.svelte-dwt1jf{font-size:.9rem;opacity:.9}.cta-section.svelte-dwt1jf{background:linear-gradient(135deg,#ffc107,#ff8c00);color:#fff;border-radius:12px;padding:3rem;text-align:center}.cta-section.svelte-dwt1jf h3:where(.svelte-dwt1jf){margin:0 0 1rem;font-size:2rem}.cta-section.svelte-dwt1jf p:where(.svelte-dwt1jf){margin:0 0 2rem;font-size:1.2rem;opacity:.9}.cta-button.svelte-dwt1jf{display:inline-block;background:#fff;color:#333;text-decoration:none;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;transition:transform .2s ease,box-shadow .2s ease}.cta-button.svelte-dwt1jf:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}@media (max-width: 768px){.page.svelte-dwt1jf{padding:1rem}.page-header.svelte-dwt1jf h1:where(.svelte-dwt1jf){font-size:2rem}.page-subtitle.svelte-dwt1jf{font-size:1rem}.tech-grid.svelte-dwt1jf,.team-grid.svelte-dwt1jf,.stats-grid.svelte-dwt1jf{grid-template-columns:1fr}.stat-number.svelte-dwt1jf{font-size:2rem}.cta-section.svelte-dwt1jf h3:where(.svelte-dwt1jf){font-size:1.5rem}.cta-section.svelte-dwt1jf p:where(.svelte-dwt1jf){font-size:1rem}}.page.svelte-1vdz1qs{padding:2rem;max-width:1000px;margin:0 auto}.page-header.svelte-1vdz1qs{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#fd7e14,#e83e8c);color:#fff;border-radius:12px}.page-header.svelte-1vdz1qs h1:where(.svelte-1vdz1qs){margin:0 0 1rem;font-size:2.5rem;font-weight:700}.page-subtitle.svelte-1vdz1qs{font-size:1.2rem;margin:0;opacity:.9}.contact-content.svelte-1vdz1qs{display:flex;flex-direction:column;gap:3rem}.contact-methods.svelte-1vdz1qs h2:where(.svelte-1vdz1qs),.contact-form-section.svelte-1vdz1qs h2:where(.svelte-1vdz1qs),.faq-section.svelte-1vdz1qs h2:where(.svelte-1vdz1qs){margin:0 0 1.5rem;color:#333;font-size:1.8rem}.methods-grid.svelte-1vdz1qs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.method-card.svelte-1vdz1qs{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease}.method-card.svelte-1vdz1qs:hover{transform:translateY(-5px)}.method-icon.svelte-1vdz1qs{font-size:3rem;margin-bottom:1rem}.method-title.svelte-1vdz1qs{margin:0 0 .5rem;color:#333;font-size:1.3rem}.method-value.svelte-1vdz1qs{font-weight:600;color:#007bff;margin-bottom:.5rem;font-size:1.1rem}.method-description.svelte-1vdz1qs{color:#666;margin:0;font-size:.9rem}.contact-form-section.svelte-1vdz1qs{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d}.success-message.svelte-1vdz1qs{text-align:center;padding:2rem;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.success-message.svelte-1vdz1qs h3:where(.svelte-1vdz1qs){margin:0 0 1rem;color:#155724}.success-message.svelte-1vdz1qs p:where(.svelte-1vdz1qs){margin:0 0 2rem}.reset-btn.svelte-1vdz1qs{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.reset-btn.svelte-1vdz1qs:hover{background:#218838}.contact-form.svelte-1vdz1qs{display:flex;flex-direction:column;gap:1.5rem}.form-row.svelte-1vdz1qs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group.svelte-1vdz1qs{display:flex;flex-direction:column;gap:.5rem}.form-group.svelte-1vdz1qs label:where(.svelte-1vdz1qs){font-weight:600;color:#495057;font-size:.9rem}.form-input.svelte-1vdz1qs,.form-select.svelte-1vdz1qs,.form-textarea.svelte-1vdz1qs{padding:.75rem;border:1px solid #dee2e6;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input.svelte-1vdz1qs:focus,.form-select.svelte-1vdz1qs:focus,.form-textarea.svelte-1vdz1qs:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-input.svelte-1vdz1qs:disabled,.form-select.svelte-1vdz1qs:disabled,.form-textarea.svelte-1vdz1qs:disabled{background-color:#f8f9fa;opacity:.6}.form-textarea.svelte-1vdz1qs{resize:vertical;min-height:120px;font-family:inherit}.error-message.svelte-1vdz1qs{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:.75rem;border-radius:6px;font-size:.9rem}.submit-btn.svelte-1vdz1qs{background:#007bff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.submit-btn.svelte-1vdz1qs:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.submit-btn.svelte-1vdz1qs:disabled{background:#6c757d;cursor:not-allowed;transform:none}.submit-btn.submitting.svelte-1vdz1qs{background:#6c757d}.faq-section.svelte-1vdz1qs{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d}.faq-list.svelte-1vdz1qs{display:flex;flex-direction:column;gap:.5rem}.faq-item.svelte-1vdz1qs{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.faq-question.svelte-1vdz1qs{width:100%;background:#f8f9fa;border:none;padding:1rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;font-size:1rem}.faq-question.svelte-1vdz1qs:hover,.faq-question.expanded.svelte-1vdz1qs{background:#e9ecef}.faq-question-text.svelte-1vdz1qs{font-weight:600;color:#333}.faq-toggle.svelte-1vdz1qs{font-size:1.2rem;font-weight:700;color:#007bff;width:20px;text-align:center}.faq-answer.svelte-1vdz1qs{padding:1rem;background:#fff;border-top:1px solid #e9ecef;animation:svelte-1vdz1qs-slideDown .3s ease}@keyframes svelte-1vdz1qs-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.faq-answer.svelte-1vdz1qs p:where(.svelte-1vdz1qs){margin:0;color:#666;line-height:1.5}.route-demo.svelte-1vdz1qs{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.route-demo.svelte-1vdz1qs h3:where(.svelte-1vdz1qs){margin:0 0 1rem;color:#333}.route-info.svelte-1vdz1qs{margin-bottom:1rem;color:#495057}.route-info.svelte-1vdz1qs code:where(.svelte-1vdz1qs){background:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace}.route-description.svelte-1vdz1qs{color:#666;margin:0;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.page.svelte-1vdz1qs{padding:1rem}.page-header.svelte-1vdz1qs h1:where(.svelte-1vdz1qs){font-size:2rem}.page-subtitle.svelte-1vdz1qs{font-size:1rem}.methods-grid.svelte-1vdz1qs,.form-row.svelte-1vdz1qs{grid-template-columns:1fr}.contact-form-section.svelte-1vdz1qs,.faq-section.svelte-1vdz1qs,.route-demo.svelte-1vdz1qs{padding:1rem}.submit-btn.svelte-1vdz1qs{align-self:stretch}}.page.svelte-1cx6eav{padding:2rem;max-width:1000px;margin:0 auto}.page-header.svelte-1cx6eav{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#17a2b8,#6f42c1);color:#fff;border-radius:12px}.page-header.svelte-1cx6eav h1:where(.svelte-1cx6eav){margin:0 0 1rem;font-size:2.5rem;font-weight:700}.page-subtitle.svelte-1cx6eav{font-size:1.2rem;margin:0;opacity:.9}.filters-section.svelte-1cx6eav{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px #0000000d}.search-box.svelte-1cx6eav{margin-bottom:1rem}.search-input.svelte-1cx6eav{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:8px;font-size:1rem;box-sizing:border-box}.search-input.svelte-1cx6eav:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-controls.svelte-1cx6eav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-select.svelte-1cx6eav{padding:.5rem;border:1px solid #dee2e6;border-radius:6px;background:#fff;font-size:.9rem}.clear-filters-btn.svelte-1cx6eav{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.clear-filters-btn.svelte-1cx6eav:hover{background:#c82333}.filter-status.svelte-1cx6eav{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.status-label.svelte-1cx6eav{font-weight:600;color:#495057}.filter-tag.svelte-1cx6eav{background:#007bff;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.products-section.svelte-1cx6eav{margin-bottom:2rem}.products-meta.svelte-1cx6eav{margin-bottom:1rem;color:#666;font-size:.9rem}.products-grid.svelte-1cx6eav{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-card.svelte-1cx6eav{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.product-card.svelte-1cx6eav:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.product-image.svelte-1cx6eav{font-size:4rem;text-align:center;padding:2rem;background:#f8f9fa}.product-info.svelte-1cx6eav{padding:1.5rem}.product-name.svelte-1cx6eav{margin:0 0 .5rem;color:#333;font-size:1.3rem}.product-description.svelte-1cx6eav{color:#666;margin:0 0 1rem;line-height:1.5;font-size:.95rem}.product-meta.svelte-1cx6eav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.product-category.svelte-1cx6eav{background:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.product-price.svelte-1cx6eav{font-weight:700;color:#dc3545;font-size:1.2rem}.view-details-btn.svelte-1cx6eav{display:block;background:#007bff;color:#fff;text-decoration:none;padding:.75rem;border-radius:6px;text-align:center;font-weight:500;transition:background-color .2s}.view-details-btn.svelte-1cx6eav:hover{background:#0056b3}.no-results.svelte-1cx6eav{text-align:center;padding:3rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.no-results.svelte-1cx6eav h3:where(.svelte-1cx6eav){color:#666;margin:0 0 1rem}.no-results.svelte-1cx6eav p:where(.svelte-1cx6eav){color:#666;margin:0 0 2rem}.retry-btn.svelte-1cx6eav{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem}.retry-btn.svelte-1cx6eav:hover{background:#0056b3}.url-demo.svelte-1cx6eav{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.url-demo.svelte-1cx6eav h3:where(.svelte-1cx6eav){margin:0 0 1rem;color:#333}.url-info.svelte-1cx6eav{margin-bottom:1rem;color:#495057}.url-info.svelte-1cx6eav code:where(.svelte-1cx6eav){background:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;word-break:break-all}.url-description.svelte-1cx6eav{color:#666;margin:0;font-size:.95rem;line-height:1.5}@media (max-width: 768px){.page.svelte-1cx6eav{padding:1rem}.page-header.svelte-1cx6eav h1:where(.svelte-1cx6eav){font-size:2rem}.filter-controls.svelte-1cx6eav{flex-direction:column;align-items:stretch}.filter-select.svelte-1cx6eav,.clear-filters-btn.svelte-1cx6eav{width:100%}.products-grid.svelte-1cx6eav{grid-template-columns:1fr}.filter-status.svelte-1cx6eav{flex-direction:column;align-items:flex-start}}.page.svelte-1rzg6jb{padding:2rem;max-width:1000px;margin:0 auto}.breadcrumb.svelte-1rzg6jb{margin-bottom:2rem;font-size:.9rem;color:#666}.breadcrumb-link.svelte-1rzg6jb{color:#007bff;text-decoration:none;transition:color .2s}.breadcrumb-link.svelte-1rzg6jb:hover{color:#0056b3;text-decoration:underline}.breadcrumb-separator.svelte-1rzg6jb{margin:0 .5rem;color:#ccc}.breadcrumb-current.svelte-1rzg6jb{color:#495057}.loading-state.svelte-1rzg6jb,.error-state.svelte-1rzg6jb{text-align:center;padding:4rem 2rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.loading-spinner.svelte-1rzg6jb{font-size:3rem;margin-bottom:1rem}.error-state.svelte-1rzg6jb h2:where(.svelte-1rzg6jb){color:#dc3545;margin-bottom:1rem}.back-btn.svelte-1rzg6jb{display:inline-block;background:#007bff;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;margin-top:1rem;transition:background-color .2s}.back-btn.svelte-1rzg6jb:hover{background:#0056b3}.product-detail.svelte-1rzg6jb{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.product-header.svelte-1rzg6jb{display:grid;grid-template-columns:300px 1fr;gap:2rem;padding:2rem;border-bottom:1px solid #e9ecef}.product-image-large.svelte-1rzg6jb{font-size:8rem;text-align:center;background:#f8f9fa;border-radius:12px;padding:2rem;display:flex;align-items:center;justify-content:center}.product-main-info.svelte-1rzg6jb{display:flex;flex-direction:column;gap:1rem}.product-title.svelte-1rzg6jb{margin:0;color:#333;font-size:2rem;font-weight:700}.product-short-desc.svelte-1rzg6jb{color:#666;font-size:1.1rem;line-height:1.5;margin:0}.product-price-section.svelte-1rzg6jb{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.price-label.svelte-1rzg6jb{font-size:1.1rem;color:#495057}.price-value.svelte-1rzg6jb{font-size:2rem;font-weight:700;color:#dc3545}.product-actions.svelte-1rzg6jb{display:flex;gap:1rem}.buy-now-btn.svelte-1rzg6jb,.add-cart-btn.svelte-1rzg6jb{flex:1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.buy-now-btn.svelte-1rzg6jb{background:#dc3545;color:#fff}.buy-now-btn.svelte-1rzg6jb:hover{background:#c82333;transform:translateY(-1px)}.add-cart-btn.svelte-1rzg6jb{background:#007bff;color:#fff}.add-cart-btn.svelte-1rzg6jb:hover{background:#0056b3;transform:translateY(-1px)}.route-info.svelte-1rzg6jb{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:1rem;margin-top:1rem}.route-info.svelte-1rzg6jb h4:where(.svelte-1rzg6jb){margin:0 0 .5rem;color:#1565c0;font-size:1rem}.param-info.svelte-1rzg6jb{margin-bottom:.5rem;font-size:.9rem;color:#495057}.param-info.svelte-1rzg6jb code:where(.svelte-1rzg6jb){background:#f8f9fa;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace}.product-tabs.svelte-1rzg6jb{padding:2rem}.tab-section.svelte-1rzg6jb{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.tab-section.svelte-1rzg6jb:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tab-section.svelte-1rzg6jb h3:where(.svelte-1rzg6jb){margin:0 0 1rem;color:#333;font-size:1.5rem}.product-description.svelte-1rzg6jb{color:#666;line-height:1.6;font-size:1rem}.features-list.svelte-1rzg6jb{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem}.feature-item.svelte-1rzg6jb{background:#f8f9fa;padding:.75rem;border-radius:6px;border:1px solid #e9ecef;color:#495057}.reviews-list.svelte-1rzg6jb{display:flex;flex-direction:column;gap:1rem}.review-item.svelte-1rzg6jb{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.review-header.svelte-1rzg6jb{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.review-author.svelte-1rzg6jb{font-weight:600;color:#333}.review-rating.svelte-1rzg6jb{color:#ffc107}.review-date.svelte-1rzg6jb{color:#6c757d;font-size:.9rem}.review-comment.svelte-1rzg6jb{margin:0;color:#495057;line-height:1.5}.no-reviews.svelte-1rzg6jb{color:#6c757d;font-style:italic;text-align:center;padding:2rem}.related-products.svelte-1rzg6jb{padding:2rem;background:#f8f9fa;border-top:1px solid #e9ecef}.related-products.svelte-1rzg6jb h3:where(.svelte-1rzg6jb){margin:0 0 1.5rem;color:#333;font-size:1.5rem}.related-grid.svelte-1rzg6jb{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.related-item.svelte-1rzg6jb{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s ease}.related-item.svelte-1rzg6jb:hover{transform:translateY(-3px)}.related-image.svelte-1rzg6jb{font-size:2rem;margin-bottom:.5rem}.related-name.svelte-1rzg6jb{margin:0 0 .5rem;color:#333;font-size:1rem}.related-price.svelte-1rzg6jb{color:#dc3545;font-weight:600;margin:0 0 1rem}.related-link.svelte-1rzg6jb{display:inline-block;background:#007bff;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;transition:background-color .2s}.related-link.svelte-1rzg6jb:hover{background:#0056b3}@media (max-width: 768px){.page.svelte-1rzg6jb{padding:1rem}.product-header.svelte-1rzg6jb{grid-template-columns:1fr;gap:1rem;padding:1rem}.product-image-large.svelte-1rzg6jb{font-size:6rem;padding:1rem}.product-title.svelte-1rzg6jb,.price-value.svelte-1rzg6jb{font-size:1.5rem}.product-actions.svelte-1rzg6jb{flex-direction:column}.features-list.svelte-1rzg6jb{grid-template-columns:1fr}.review-header.svelte-1rzg6jb{flex-direction:column;align-items:flex-start}.related-grid.svelte-1rzg6jb{grid-template-columns:1fr}}.page.svelte-2d699k{padding:2rem;max-width:800px;margin:0 auto;min-height:80vh;display:flex;align-items:center}.error-container.svelte-2d699k{width:100%;display:flex;flex-direction:column;gap:2rem}.error-main.svelte-2d699k{text-align:center;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px #0000001a}.error-graphic.svelte-2d699k{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.error-number.svelte-2d699k{font-size:6rem;font-weight:900;color:#dc3545;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.error-emoji.svelte-2d699k{font-size:4rem;animation:svelte-2d699k-wobble 2s ease-in-out infinite}@keyframes svelte-2d699k-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.error-title.svelte-2d699k{margin:0 0 1rem;font-size:2.5rem;color:#333;font-weight:700}.error-description.svelte-2d699k{color:#666;font-size:1.2rem;margin:0 0 2rem;line-height:1.5}.current-path.svelte-2d699k{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem;color:#495057}.current-path.svelte-2d699k code:where(.svelte-2d699k){background:#e9ecef;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#dc3545;word-break:break-all}.path-suggestion.svelte-2d699k{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:1rem;margin-bottom:1rem}.path-suggestion.svelte-2d699k h3:where(.svelte-2d699k){margin:0 0 .5rem;color:#0c5460;font-size:1.1rem}.suggestion-link.svelte-2d699k{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #bee5eb;border-radius:6px;padding:.75rem;transition:all .2s ease}.suggestion-link.svelte-2d699k:hover{background:#f8f9fa;border-color:#86cfda;transform:translateY(-1px)}.suggestion-path.svelte-2d699k{display:block;font-weight:600;color:#007bff;margin-bottom:.25rem}.suggestion-desc.svelte-2d699k{display:block;color:#6c757d;font-size:.9rem}.auto-redirect.svelte-2d699k{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem}.redirect-info.svelte-2d699k{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.redirect-text.svelte-2d699k{color:#856404;font-weight:600}.cancel-redirect.svelte-2d699k{background:#ffc107;color:#212529;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.cancel-redirect.svelte-2d699k:hover{background:#e0a800}.progress-bar.svelte-2d699k{height:4px;background:#f8d7da;border-radius:2px;overflow:hidden}.progress-fill.svelte-2d699k{height:100%;background:#dc3545;transition:width 1s linear}.suggested-pages.svelte-2d699k{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d}.suggested-pages.svelte-2d699k h2:where(.svelte-2d699k){margin:0 0 1.5rem;color:#333;font-size:1.5rem;text-align:center}.pages-grid.svelte-2d699k{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.page-card.svelte-2d699k{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease}.page-card.svelte-2d699k:hover{background:#e9ecef;border-color:#007bff;transform:translateY(-2px)}.page-icon.svelte-2d699k{font-size:2rem;flex-shrink:0}.page-info.svelte-2d699k{flex:1;min-width:0}.page-name.svelte-2d699k{margin:0 0 .25rem;color:#333;font-size:1.1rem}.page-description.svelte-2d699k{margin:0;color:#666;font-size:.9rem;line-height:1.3}.tech-info.svelte-2d699k{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.tech-info.svelte-2d699k h3:where(.svelte-2d699k){margin:0 0 1rem;color:#333;font-size:1.3rem}.info-grid.svelte-2d699k{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;margin-bottom:1.5rem}.info-item.svelte-2d699k{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#fff;border:1px solid #e9ecef;border-radius:6px;font-size:.9rem}.info-item.svelte-2d699k strong:where(.svelte-2d699k){color:#495057}.info-item.svelte-2d699k code:where(.svelte-2d699k){background:#e9ecef;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;word-break:break-all}.router-explanation.svelte-2d699k h4:where(.svelte-2d699k){margin:0 0 .5rem;color:#333;font-size:1.1rem}.explanation-list.svelte-2d699k{margin:0;padding-left:1.5rem;color:#666}.explanation-list.svelte-2d699k li:where(.svelte-2d699k){margin-bottom:.25rem;line-height:1.4}.search-section.svelte-2d699k{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000d}.search-section.svelte-2d699k h3:where(.svelte-2d699k){margin:0 0 1rem;color:#333;font-size:1.3rem}.search-section.svelte-2d699k p:where(.svelte-2d699k){color:#666;margin:0 0 1rem;line-height:1.5}.search-tips.svelte-2d699k{margin:0;padding-left:1.5rem;color:#666}.search-tips.svelte-2d699k li:where(.svelte-2d699k){margin-bottom:.5rem;line-height:1.4}@media (max-width: 768px){.page.svelte-2d699k{padding:1rem}.error-number.svelte-2d699k{font-size:4rem}.error-emoji.svelte-2d699k{font-size:3rem}.error-title.svelte-2d699k{font-size:2rem}.error-description.svelte-2d699k{font-size:1rem}.pages-grid.svelte-2d699k{grid-template-columns:1fr}.page-card.svelte-2d699k{flex-direction:column;text-align:center}.info-grid.svelte-2d699k{grid-template-columns:1fr}.info-item.svelte-2d699k{flex-direction:column;gap:.25rem;align-items:flex-start}.redirect-info.svelte-2d699k{flex-direction:column;align-items:stretch;text-align:center}}.spa-router-demo.svelte-s0uu5c{padding:1rem;max-width:1000px;margin:0 auto}.demo-intro.svelte-s0uu5c h2:where(.svelte-s0uu5c){color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.demo-intro.svelte-s0uu5c p:where(.svelte-s0uu5c){color:#666;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.features-grid.svelte-s0uu5c{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}.feature-card.svelte-s0uu5c{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.feature-card.svelte-s0uu5c h4:where(.svelte-s0uu5c){color:#495057;margin:0 0 .5rem;font-size:1rem}.feature-card.svelte-s0uu5c p:where(.svelte-s0uu5c){color:#6c757d;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.feature-card.svelte-s0uu5c pre:where(.svelte-s0uu5c){background:#f1f3f4;border-radius:4px;padding:.5rem;font-size:.8rem;overflow-x:auto;margin:0}.demo-section.svelte-s0uu5c{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e9ecef}.demo-section.svelte-s0uu5c h3:where(.svelte-s0uu5c){margin:0 0 1rem;color:#333;display:flex;align-items:center;gap:.5rem}.demo-nav.svelte-s0uu5c{display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap}.nav-item.svelte-s0uu5c{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #dee2e6;border-radius:6px;text-decoration:none;color:#495057;transition:all .2s ease;font-size:.9rem}.nav-item.svelte-s0uu5c:hover{background:#e9ecef;border-color:#adb5bd}.nav-item.active.svelte-s0uu5c{background:#007bff;color:#fff;border-color:#007bff}.nav-icon.svelte-s0uu5c{font-size:1rem}.route-info.svelte-s0uu5c{margin-bottom:1rem}.info-card.svelte-s0uu5c{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:.75rem;margin-bottom:.5rem;font-size:.9rem}.info-card.svelte-s0uu5c code:where(.svelte-s0uu5c){background:#e9ecef;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;color:#495057}.history-header.svelte-s0uu5c{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.clear-btn.svelte-s0uu5c{background:#dc3545;color:#fff;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;cursor:pointer;transition:background-color .2s}.clear-btn.svelte-s0uu5c:hover{background:#c82333}.history-list.svelte-s0uu5c{display:flex;flex-wrap:wrap;gap:.5rem}.history-item.svelte-s0uu5c{background:#e9ecef;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;color:#495057}.history-item.current.svelte-s0uu5c{background:#007bff;color:#fff}.router-container.svelte-s0uu5c{background:#fff;border:2px solid #007bff;border-radius:8px;min-height:300px;padding:1rem}.navigation-examples.svelte-s0uu5c{display:flex;gap:.5rem;flex-wrap:wrap}.nav-btn.svelte-s0uu5c{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;background:#6c757d;color:#fff}.nav-btn.svelte-s0uu5c:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.nav-btn.primary.svelte-s0uu5c{background:#007bff}.nav-btn.primary.svelte-s0uu5c:hover{background:#0056b3}.nav-btn.secondary.svelte-s0uu5c{background:#6c757d}.nav-btn.secondary.svelte-s0uu5c:hover{background:#545b62}.nav-btn.danger.svelte-s0uu5c{background:#dc3545}.nav-btn.danger.svelte-s0uu5c:hover{background:#c82333}.route-config.svelte-s0uu5c{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.9rem;color:#495057;margin:0}@media (max-width: 768px){.features-grid.svelte-s0uu5c{grid-template-columns:1fr}.demo-nav.svelte-s0uu5c,.navigation-examples.svelte-s0uu5c{flex-direction:column}.nav-btn.svelte-s0uu5c{width:100%}}.calendar.svelte-hl6lc3{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.calendar.dark.svelte-hl6lc3{background:#2d3748;color:#fff}.calendar-header.svelte-hl6lc3{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-btn.svelte-hl6lc3{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.nav-btn.svelte-hl6lc3:hover{background:#ffffff4d;transform:scale(1.05)}.month-display.svelte-hl6lc3{display:flex;align-items:center;gap:1rem}.month-title.svelte-hl6lc3{margin:0;font-size:1.5rem;font-weight:600}.today-btn.svelte-hl6lc3{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.today-btn.svelte-hl6lc3:hover{background:#ffffff4d}.weekdays.svelte-hl6lc3{display:grid;grid-template-columns:repeat(7,1fr);background:#f8f9fa;border-bottom:1px solid #e9ecef}.weekdays.with-week-numbers.svelte-hl6lc3{grid-template-columns:auto repeat(7,1fr)}.calendar.dark.svelte-hl6lc3 .weekdays:where(.svelte-hl6lc3){background:#4a5568;border-bottom-color:#718096}.weekday-header.svelte-hl6lc3{padding:.75rem;text-align:center;font-weight:600;color:#495057;font-size:.9rem}.calendar.dark.svelte-hl6lc3 .weekday-header:where(.svelte-hl6lc3){color:#e2e8f0}.week-number.svelte-hl6lc3{padding:.75rem;text-align:center;font-weight:600;color:#6c757d;font-size:.8rem;background:#f1f3f4}.calendar.dark.svelte-hl6lc3 .week-number:where(.svelte-hl6lc3){background:#4a5568;color:#a0aec0}.calendar-grid.svelte-hl6lc3{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid.with-week-numbers.svelte-hl6lc3{grid-template-columns:auto repeat(7,1fr)}.calendar-day.svelte-hl6lc3{position:relative;aspect-ratio:1;border:none;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;min-height:60px}.calendar.dark.svelte-hl6lc3 .calendar-day:where(.svelte-hl6lc3){background:#2d3748;color:#fff}.calendar-day.svelte-hl6lc3:hover{background:#f8f9fa;transform:scale(1.05);z-index:1;box-shadow:0 2px 8px #0000001a}.calendar.dark.svelte-hl6lc3 .calendar-day:where(.svelte-hl6lc3):hover{background:#4a5568}.calendar-day.svelte-hl6lc3:not(.current-month){color:#6c757d;background:#f8f9fa}.calendar.dark.svelte-hl6lc3 .calendar-day:where(.svelte-hl6lc3):not(.current-month){color:#718096;background:#4a5568}.calendar-day.today.svelte-hl6lc3{background:#e3f2fd;color:#1976d2;font-weight:600}.calendar.dark.svelte-hl6lc3 .calendar-day.today:where(.svelte-hl6lc3){background:#2c5282;color:#90cdf4}.calendar-day.selected.svelte-hl6lc3{background:#007bff;color:#fff;font-weight:600}.calendar.dark.svelte-hl6lc3 .calendar-day.selected:where(.svelte-hl6lc3){background:#3182ce}.calendar-day.selected.svelte-hl6lc3:hover{background:#0056b3}.calendar.dark.svelte-hl6lc3 .calendar-day.selected:where(.svelte-hl6lc3):hover{background:#2c5282}.calendar-day.svelte-hl6lc3:disabled{cursor:default;opacity:.6}.calendar-day.svelte-hl6lc3:disabled:hover{transform:none;box-shadow:none}.day-number.svelte-hl6lc3{font-size:1rem;font-weight:500;margin-bottom:.25rem;color:inherit}.event-indicators.svelte-hl6lc3{display:flex;gap:2px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%}.event-dot.svelte-hl6lc3{width:6px;height:6px;border-radius:50%;flex-shrink:0}.event-more.svelte-hl6lc3{font-size:.7rem;color:#495057;font-weight:600}.calendar.dark.svelte-hl6lc3 .event-more:where(.svelte-hl6lc3){color:#a0aec0}.selected-date-info.svelte-hl6lc3{padding:1rem;background:#f8f9fa;border-top:1px solid #e9ecef;font-size:.9rem}.calendar.dark.svelte-hl6lc3 .selected-date-info:where(.svelte-hl6lc3){background:#4a5568;border-top-color:#718096}.selected-events.svelte-hl6lc3{margin-top:.5rem}.event-item.svelte-hl6lc3{display:flex;flex-direction:column;padding:.5rem;margin:.25rem 0;background:#fff;border-radius:4px;border-left:3px solid;font-size:.85rem}.calendar.dark.svelte-hl6lc3 .event-item:where(.svelte-hl6lc3){background:#2d3748}.event-title.svelte-hl6lc3{font-weight:600;margin-bottom:.25rem}.event-description.svelte-hl6lc3{color:#495057;font-size:.8rem}.calendar.dark.svelte-hl6lc3 .event-description:where(.svelte-hl6lc3){color:#a0aec0}@media (max-width: 768px){.calendar-header.svelte-hl6lc3{padding:.75rem}.month-title.svelte-hl6lc3{font-size:1.2rem}.month-display.svelte-hl6lc3{flex-direction:column;gap:.5rem}.calendar-day.svelte-hl6lc3{min-height:50px;padding:.25rem}.day-number.svelte-hl6lc3{font-size:.9rem}.event-dot.svelte-hl6lc3{width:4px;height:4px}}@media (max-width: 480px){.calendar-day.svelte-hl6lc3{min-height:40px}.day-number.svelte-hl6lc3{font-size:.8rem}.event-indicators.svelte-hl6lc3{display:none}}.calendar-demo.svelte-1od6gfm{display:flex;flex-direction:column;gap:2rem;padding:1rem}.controls-panel.svelte-1od6gfm{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.control-group.svelte-1od6gfm h4:where(.svelte-1od6gfm){margin:0 0 1rem;color:#333;font-size:1.1rem}.control-buttons.svelte-1od6gfm{display:flex;gap:.5rem;flex-wrap:wrap}.control-btn.svelte-1od6gfm{padding:.5rem 1rem;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.control-btn.svelte-1od6gfm:hover{background:#f8f9fa;border-color:#007bff}.control-btn.active.svelte-1od6gfm{background:#007bff;color:#fff;border-color:#007bff}.control-btn.danger.svelte-1od6gfm{background:#dc3545;color:#fff;border-color:#dc3545}.control-btn.danger.svelte-1od6gfm:hover{background:#c82333;border-color:#c82333}.control-options.svelte-1od6gfm{display:flex;flex-direction:column;gap:.5rem}.control-option.svelte-1od6gfm{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.control-option.svelte-1od6gfm input[type=checkbox]:where(.svelte-1od6gfm){width:1rem;height:1rem}.calendar-container.svelte-1od6gfm{display:flex;justify-content:center}.info-panel.svelte-1od6gfm{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-section.svelte-1od6gfm{padding:1.5rem;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d}.info-section.svelte-1od6gfm h4:where(.svelte-1od6gfm){margin:0 0 1rem;color:#333;font-size:1.1rem}.stats-grid.svelte-1od6gfm{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item.svelte-1od6gfm{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.stat-label.svelte-1od6gfm{display:block;font-size:.8rem;color:#6c757d;margin-bottom:.5rem}.stat-value.svelte-1od6gfm{display:block;font-size:1.5rem;font-weight:700;color:#007bff}.selected-date-details.svelte-1od6gfm p:where(.svelte-1od6gfm){margin:0 0 .5rem;color:#495057}.events-list.svelte-1od6gfm{margin-top:1rem}.event-detail.svelte-1od6gfm{padding:.75rem;margin:.5rem 0;background:#f8f9fa;border-radius:6px;border-left:3px solid}.event-title.svelte-1od6gfm{display:block;font-weight:600;color:#333;margin-bottom:.25rem}.event-desc.svelte-1od6gfm{display:block;font-size:.85rem;color:#6c757d}.no-events.svelte-1od6gfm{color:#6c757d;font-style:italic}.props-list.svelte-1od6gfm,.events-list.svelte-1od6gfm{display:flex;flex-direction:column;gap:.5rem}.prop-item.svelte-1od6gfm,.event-item.svelte-1od6gfm{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#f8f9fa;border-radius:4px}.prop-item.svelte-1od6gfm code:where(.svelte-1od6gfm),.event-item.svelte-1od6gfm code:where(.svelte-1od6gfm){background:#e9ecef;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.85rem;color:#495057}.prop-item.svelte-1od6gfm span:where(.svelte-1od6gfm),.event-item.svelte-1od6gfm span:where(.svelte-1od6gfm){font-size:.85rem;color:#666}pre.svelte-1od6gfm{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.85rem;line-height:1.4}code.svelte-1od6gfm{font-family:Courier New,monospace}@media (max-width: 768px){.calendar-demo.svelte-1od6gfm{padding:.5rem}.controls-panel.svelte-1od6gfm{grid-template-columns:1fr;padding:1rem}.info-panel.svelte-1od6gfm,.stats-grid.svelte-1od6gfm{grid-template-columns:1fr}.control-buttons.svelte-1od6gfm{flex-direction:column}.control-btn.svelte-1od6gfm{width:100%}}.practical-content.svelte-194n2we{margin-bottom:40px}.practical-demo.svelte-194n2we{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;min-height:500px}.top-navigation.svelte-12bbvj{position:sticky;top:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d}.nav-container.svelte-12bbvj{max-width:1360px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4rem}.breadcrumb.svelte-12bbvj{flex:1;display:flex}.breadcrumb-list.svelte-12bbvj{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb-item.svelte-12bbvj{display:flex;align-items:center;gap:.5rem}.breadcrumb-link.svelte-12bbvj{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;color:#007bff;transition:all .2s ease;font-size:.9em}.breadcrumb-link.svelte-12bbvj:hover{background:#007bff1a;color:#0056b3}.breadcrumb-current.svelte-12bbvj{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;background:#1976d21a;color:#1976d2;font-weight:600;font-size:.9em}.breadcrumb-separator.svelte-12bbvj{color:#999;font-weight:700}.nav-actions.svelte-12bbvj{flex-shrink:0;display:flex;align-items:center;gap:1rem}.quick-nav-toggle.svelte-12bbvj{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;cursor:pointer;transition:all .2s ease}.quick-nav-toggle.svelte-12bbvj:hover{background:#e9ecef;transform:scale(1.05)}.quick-nav-icon.svelte-12bbvj{font-size:1.2em}.page-title.svelte-12bbvj{text-align:right}.title-text.svelte-12bbvj{font-size:1rem;font-weight:600;color:#333;padding:.5rem 1rem;background:#0000000d;border-radius:.5rem}.quick-nav-panel.svelte-12bbvj{position:fixed;top:4rem;right:1rem;width:20rem;max-height:calc(100vh - 5rem);background:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000026;border:1px solid #e9ecef;z-index:999;overflow:hidden;animation:svelte-12bbvj-slideInRight .3s ease}@keyframes svelte-12bbvj-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.quick-nav-header.svelte-12bbvj{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.quick-nav-header.svelte-12bbvj h3:where(.svelte-12bbvj){margin:0;font-size:1.1rem;color:#333}.close-btn.svelte-12bbvj{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.close-btn.svelte-12bbvj:hover{background:#0000001a}.quick-nav-grid.svelte-12bbvj{padding:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:20rem;overflow-y:auto}.quick-nav-item.svelte-12bbvj{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e9ecef;border-radius:.5rem;text-decoration:none;color:inherit;transition:all .2s ease}.quick-nav-item.svelte-12bbvj:hover{background:#f8f9fa;border-color:#007bff;transform:translateY(-1px)}.quick-nav-item.active.svelte-12bbvj{background:#e3f2fd;border-color:#2196f3}.quick-nav-icon.svelte-12bbvj{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:.5rem;flex-shrink:0}.quick-nav-content.svelte-12bbvj{flex:1;min-width:0}.quick-nav-title.svelte-12bbvj{display:block;font-weight:600;color:#333;margin-bottom:.25rem}.quick-nav-description.svelte-12bbvj{display:block;font-size:.8rem;color:#666;line-height:1.3}.recent-section.svelte-12bbvj{padding:1rem;border-top:1px solid #e9ecef;background:#f8f9fa}.recent-section.svelte-12bbvj h4:where(.svelte-12bbvj){margin:0 0 .5rem;font-size:.9rem;color:#555}.recent-items.svelte-12bbvj{display:flex;flex-direction:column;gap:.25rem}.recent-item.svelte-12bbvj{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border:1px solid #e9ecef;border-radius:.25rem;text-decoration:none;color:inherit;transition:all .2s ease;font-size:.8rem}.recent-item.svelte-12bbvj:hover{background:#e9ecef}.quick-nav-footer.svelte-12bbvj{padding:1rem;border-top:1px solid #e9ecef;background:#f8f9fa}.nav-info.svelte-12bbvj p:where(.svelte-12bbvj){margin:0;font-size:.8rem;color:#666}@media (max-width: 768px){.nav-container.svelte-12bbvj{padding:0 .75rem;height:3.5rem}.breadcrumb-text.svelte-12bbvj{font-size:.8rem}.title-text.svelte-12bbvj{font-size:.9rem;padding:.5rem .75rem}.quick-nav-panel.svelte-12bbvj{right:.5rem;width:calc(100vw - 1rem);max-width:18rem}}@media (max-width: 480px){.nav-container.svelte-12bbvj{padding:0 .5rem;height:3rem}.breadcrumb-text.svelte-12bbvj,.page-title.svelte-12bbvj{display:none}.quick-nav-panel.svelte-12bbvj{top:3rem;right:.25rem;width:calc(100vw - .5rem)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-content.svelte-doti7l{transition:all .3s ease}