:root{--green-900: #002E23;--green-700: #004C3A;--green-950: #001F18;--mint-500: #AEDBC0;--mint-400: #98CDB0;--mint-300: #CEE9D9;--mint-100: #EFF8F3;--neutral-950: #202525;--neutral-700: #5F6369;--neutral-500: #7E8583;--neutral-400: #BBBCBC;--neutral-300: #BCC9C5;--neutral-200: #DDE4E1;--neutral-100: #F2F5F4;--neutral-50: #F8FAF9;--white: #FFFFFF;--color-brand-primary: var(--green-900);--color-brand-secondary: var(--mint-500);--color-bg-page: var(--white);--color-bg-subtle: var(--neutral-50);--color-bg-muted: var(--neutral-100);--color-bg-brand-soft: var(--mint-100);--color-surface-default: var(--white);--color-surface-secondary: var(--mint-100);--color-text-primary: var(--neutral-950);--color-text-secondary: var(--neutral-700);--color-text-muted: var(--neutral-500);--color-text-brand: var(--green-900);--color-text-inverse: var(--white);--color-border-default: var(--neutral-200);--color-border-strong: var(--neutral-300);--color-border-brand: var(--mint-500);--color-link-default: var(--green-900);--color-link-hover: var(--green-700);--button-primary-bg: var(--green-900);--button-primary-text: var(--white);--button-primary-hover: var(--green-700);--button-primary-active: var(--green-950);--button-secondary-bg: var(--mint-500);--button-secondary-text: var(--green-900);--button-secondary-hover: var(--mint-400);--button-outline-bg: transparent;--button-outline-border: var(--green-900);--button-outline-text: var(--green-900);--button-outline-hover-bg: var(--mint-100);--input-bg: var(--white);--input-text: var(--neutral-950);--input-placeholder: var(--neutral-500);--input-border: var(--neutral-200);--input-hover-border: var(--neutral-300);--input-focus-border: var(--green-900);--input-focus-ring: var(--mint-500);--nav-bg: var(--green-900);--nav-text: var(--white);--nav-text-secondary: var(--mint-300);--nav-active-bg: var(--mint-100);--nav-active-text: var(--green-900);--nav-active-indicator: var(--mint-500);--selection-bg: var(--mint-500);--selection-text: var(--green-900);--color-focus-ring: var(--mint-500);--product-composite: #2F6F7A;--product-solid: #76881D;--product-louver: #B5BD00;--product-ceiling: #34B78F;--product-smart: #008C15;--product-textile: #009FDF;--product-roof: #002F70;--product-wall: #0069CB;--status-success-text: var(--green-700);--status-success-bg: var(--mint-100);--status-success-border: var(--mint-500);--status-error-text: #B42318;--status-error-bg: #FEF3F2;--status-error-border: #F4B7B1;--status-warning-text: #7A5200;--status-warning-bg: #FFF7E5;--status-warning-border: #F1D08A;--status-info-text: var(--green-900);--status-info-bg: var(--neutral-50);--status-info-border: var(--neutral-200);--shadow-sm: 0 1px 2px rgba(0, 46, 35, .06);--shadow-md: 0 8px 24px rgba(0, 46, 35, .08);--shadow-lg: 0 24px 64px rgba(0, 46, 35, .18);--overlay-bg: rgba(0, 31, 24, .55);--font-ui: "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--container-public: 1280px;--container-reading: 760px;--container-form: 720px;--page-gutter: 16px;--public-section-space: 48px;--grid-gap: 16px;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-pill: 0;--border-width: 1px;--control-height: 48px;--control-height-lg: 56px;--control-height-sm: 40px;--tap-target-min: 44px;--public-header-height: 64px;--container-admin: 1440px;--admin-sidebar-width: 256px;--admin-sidebar-compact: 72px;--admin-topbar-height: 64px;--admin-section-space: 24px;--text-display: clamp(2.75rem, 5vw, 5.25rem);--text-h1: clamp(2.25rem, 3.6vw, 3.75rem);--text-h2: clamp(1.875rem, 2.6vw, 2.75rem);--text-h3: clamp(1.375rem, 1.8vw, 1.875rem);--text-h4: 1.25rem;--text-lead: clamp(1.0625rem, 1.3vw, 1.25rem);--text-body: 1rem;--text-small: .875rem;--text-caption: .75rem;--z-header: 100;--z-dropdown: 200;--z-drawer: 400;--z-modal: 600;--z-toast: 800;--ease-out: cubic-bezier(.2, .7, .2, 1)}@media(min-width:768px){:root{--page-gutter: 24px;--public-section-space: 64px;--grid-gap: 24px}}@media(min-width:1024px){:root{--public-header-height: 80px}}@media(min-width:1280px){:root{--page-gutter: 32px;--public-section-space: 96px;--admin-section-space: 32px}}@media(min-width:1600px){:root{--page-gutter: 48px}}*,*:before,*:after{box-sizing:border-box;border-radius:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:0;font-family:var(--font-ui);font-size:var(--text-body);line-height:1.7;color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:600;color:var(--color-text-primary);text-wrap:balance}p{margin:0}ul,ol{margin:0;padding:0}img,video,svg{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{min-width:0}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--color-link-default);text-underline-offset:3px}a:hover{color:var(--color-link-hover)}::selection{background:var(--selection-bg);color:var(--selection-text)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;box-shadow:0 0 0 5px var(--color-focus-ring);border-radius:var(--radius-xs)}[hidden]{display:none!important}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:.92em;letter-spacing:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:calc(var(--z-toast) + 1);padding:12px 16px;background:var(--color-surface-default);color:var(--color-brand-primary);border-radius:var(--radius-sm);font-weight:600;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.i{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:square;stroke-linejoin:miter}.i--16{width:16px;height:16px}.i--24{width:24px;height:24px}.i--32{width:32px;height:32px;stroke-width:1.5}.public-container{width:min(calc(100% - 2 * var(--page-gutter)),var(--container-public));margin-inline:auto}.reading-container{width:min(calc(100% - 2 * var(--page-gutter)),var(--container-reading));margin-inline:auto}.form-container{width:min(calc(100% - 2 * var(--page-gutter)),var(--container-form));margin-inline:auto}.public-section{padding-block:var(--public-section-space)}.ui-anchor-target{scroll-margin-top:calc(var(--public-header-height) + 72px)}.stack>*+*{margin-top:var(--stack-gap, 16px)}.cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, 12px);align-items:center}.overline{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-caption);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary);line-height:1.5}.lead{font-size:var(--text-lead);line-height:1.7;color:var(--color-text-secondary)}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-small);line-height:1.6}.caption{font-size:var(--text-caption);line-height:1.5}.btn{--btn-bg: transparent;--btn-fg: var(--color-text-primary);--btn-bd: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);padding:0 24px;border:1px solid var(--btn-bd);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out);-webkit-tap-highlight-color:transparent}.btn:hover{color:var(--btn-fg)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{--btn-bg: var(--button-primary-bg);--btn-fg: var(--button-primary-text);--btn-bd: var(--button-primary-bg)}.btn--primary:hover{--btn-bg: var(--button-primary-hover);--btn-bd: var(--button-primary-hover)}.btn--primary:active{--btn-bg: var(--button-primary-active)}.btn--secondary{--btn-bg: var(--button-secondary-bg);--btn-fg: var(--button-secondary-text);--btn-bd: var(--button-secondary-bg)}.btn--secondary:hover{--btn-bg: var(--button-secondary-hover);--btn-bd: var(--button-secondary-hover)}.btn--outline{--btn-bg: var(--button-outline-bg);--btn-fg: var(--button-outline-text);--btn-bd: var(--button-outline-border)}.btn--outline:hover{--btn-bg: var(--button-outline-hover-bg)}.btn--ghost{--btn-fg: var(--color-text-brand);--btn-bd: var(--color-border-default);--btn-bg: var(--color-surface-default)}.btn--ghost:hover{--btn-bd: var(--color-border-strong);--btn-bg: var(--color-bg-subtle)}.btn--text{--btn-fg: var(--color-link-default);padding-inline:12px}.btn--text:hover{--btn-bg: var(--color-bg-brand-soft)}.btn--danger{--btn-bg: var(--status-error-text);--btn-fg: var(--white);--btn-bd: var(--status-error-text)}.btn--danger:hover{filter:brightness(.92)}.btn--lg{min-height:var(--control-height-lg);padding-inline:28px;font-size:1rem}.btn--sm{min-height:var(--control-height-sm);padding-inline:16px;font-size:.875rem}.btn--sm:after{content:"";position:absolute;top:-2px;right:0;bottom:-2px;left:0;min-height:44px}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.55}.btn[aria-busy=true]{color:transparent!important;pointer-events:none}.btn[aria-busy=true]>*{visibility:hidden}.btn[aria-busy=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:20px;height:20px;border:2px solid var(--btn-fg);border-right-color:transparent;animation:fl-spin .7s linear infinite}.btn--primary[aria-busy=true]:before{border-color:var(--button-primary-text);border-right-color:transparent}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--radius-sm);color:inherit;transition:background-color .15s}.icon-btn:hover{background:var(--color-bg-muted)}.icon-btn--bordered{border:1px solid var(--color-border-default);background:var(--color-surface-default)}.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-decoration:none;min-height:44px}.link-arrow .i{transition:transform .18s var(--ease-out)}.link-arrow:hover .i{transform:translate(3px)}@keyframes fl-spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;animation:fl-spin .7s linear infinite}.field{display:grid;gap:8px}.field__label{font-size:14px;font-weight:600;line-height:1.5;color:var(--color-text-primary)}.field__label .req{color:var(--status-error-text);margin-left:2px}.field__label .opt{font-weight:400;color:var(--color-text-secondary)}.field__hint{font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.field__error{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.5;color:var(--status-error-text);font-weight:500}.field__error .i{width:16px;height:16px;margin-top:2px}.field__row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.input,.select,.textarea{width:100%;min-height:var(--control-height);padding:0 16px;background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-size:1rem;line-height:1.45;transition:border-color .15s,box-shadow .15s}.textarea{min-height:140px;padding:12px 16px;resize:vertical;line-height:1.65}.input::placeholder,.textarea::placeholder{color:var(--input-placeholder);opacity:1}.input:hover,.select:hover,.textarea:hover{border-color:var(--input-hover-border)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring);border-radius:var(--radius-sm)}[aria-invalid=true].input,[aria-invalid=true].textarea,[aria-invalid=true].select{border-color:var(--status-error-text)}[aria-invalid=true].input:focus,[aria-invalid=true].textarea:focus{box-shadow:0 0 0 3px var(--status-error-border)}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235F6369' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.search-box{position:relative;display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);min-height:var(--control-height);transition:border-color .15s,box-shadow .15s}.search-box:hover{border-color:var(--input-hover-border)}.search-box:focus-within{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring)}.search-box__icon{position:absolute;left:16px;color:var(--color-text-secondary);pointer-events:none}.search-box__input{flex:1;min-width:0;height:100%;min-height:inherit;border:0;background:transparent;padding:0 8px 0 48px;font-size:1rem;color:var(--input-text)}.search-box__input:focus{outline:none}.search-box__input::placeholder{color:var(--input-placeholder);opacity:1}.search-box__input::-webkit-search-cancel-button{display:none}.search-box__clear{color:var(--color-text-secondary)}.search-box__submit{margin:4px}.search-box--lg{min-height:60px;border-radius:var(--radius-md)}.search-box--lg .search-box__input{font-size:1.0625rem}.search-box--lg .search-box__submit{min-height:50px}.check{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding-block:10px;cursor:pointer;line-height:1.5;font-size:.9375rem}.check input{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:20px;height:20px;margin:2px 0 0;flex:none;cursor:pointer;border:1.5px solid var(--color-border-strong);background:var(--input-bg) center / 14px no-repeat;transition:background-color .12s,border-color .12s}.check input:hover:not(:disabled){border-color:var(--color-brand-primary)}.check input:checked{border-color:var(--color-brand-primary);background-color:var(--color-brand-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='M5 12.5 10 17.5 19 7.5'/%3E%3C/svg%3E")}.check input:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;box-shadow:0 0 0 5px var(--color-focus-ring)}.check input:disabled{cursor:not-allowed;opacity:.5}.check__text{display:grid;gap:2px}.check__hint{font-size:13px;color:var(--color-text-secondary)}.check__count{margin-left:auto;color:var(--color-text-secondary);font-size:13px;font-variant-numeric:tabular-nums;padding-left:8px}.choice-group{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.choice{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-surface-default);cursor:pointer;font-weight:500;font-size:.9375rem;transition:border-color .15s,background-color .15s}.choice:hover{border-color:var(--color-border-strong)}.choice input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.choice:has(input:checked){background:var(--color-bg-brand-soft);border-color:var(--color-brand-primary);color:var(--color-text-brand)}.choice:has(input:focus-visible){box-shadow:0 0 0 3px var(--input-focus-ring);border-color:var(--color-brand-primary)}.choice__dot{width:16px;height:16px;border:1.5px solid var(--color-border-strong);display:grid;place-items:center}.choice:has(input:checked) .choice__dot{border-color:var(--color-brand-primary)}.choice:has(input:checked) .choice__dot:after{content:"";width:8px;height:8px;background:var(--color-brand-primary)}.choice-group[aria-invalid=true] .choice{border-color:var(--status-error-border)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 8px;border-radius:var(--radius-xs);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;background:var(--color-bg-muted);color:var(--color-text-secondary)}.badge .i{width:14px;height:14px}.badge--product{background:var(--color-bg-brand-soft);color:var(--color-text-brand);box-shadow:inset 0 0 0 1px var(--mint-300)}.badge--showcase{background:var(--color-brand-primary);color:var(--color-text-inverse)}.badge--draft{background:var(--status-warning-bg);color:var(--status-warning-text)}.badge--saved{background:var(--status-success-bg);color:var(--status-success-text)}.badge--category{background:transparent;padding-inline:0;color:var(--color-text-secondary);font-weight:500;font-size:13px}.cat-dot{width:8px;height:8px;flex:none;background:var(--cat-color, var(--color-brand-secondary))}.format-badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:2px 8px 2px 6px;border-radius:var(--radius-xs);background:var(--color-bg-muted);color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.3}.format-badge .i{width:15px;height:15px}.format-badge__sub{font-weight:500;opacity:.85}.format-list{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 4px 0 12px;border-radius:var(--radius-pill);background:var(--color-bg-brand-soft);color:var(--color-text-brand);box-shadow:inset 0 0 0 1px var(--mint-300);font-size:13px;font-weight:500;white-space:nowrap;flex:none}.chip__label{color:var(--color-text-secondary);font-weight:400}.chip__remove{display:grid;place-items:center;width:40px;height:36px;margin-block:-2px;border-radius:var(--radius-pill);color:var(--color-text-brand)}.chip__remove:hover{background:var(--mint-300)}.chip__remove .i{width:16px;height:16px}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--color-bg-muted);max-width:100%;overflow-x:auto}.segmented__btn{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-sm);font-weight:500;font-size:.9375rem;color:var(--color-text-secondary);white-space:nowrap}.segmented__btn:hover{color:var(--color-text-primary)}.segmented__btn[aria-pressed=true],.segmented__btn[aria-selected=true]{background:var(--color-surface-default);color:var(--color-text-brand);font-weight:600;box-shadow:var(--shadow-sm)}.segmented__count{font-size:12px;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:var(--radius-pill);background:var(--color-bg-muted)}.segmented__btn[aria-pressed=true] .segmented__count{background:var(--color-bg-brand-soft)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border-default);overflow-x:auto;scrollbar-width:thin}.tabs__tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;text-decoration:none}.tabs__tab:hover{color:var(--color-text-primary)}.tabs__tab[aria-selected=true],.tabs__tab.is-active{color:var(--color-text-brand);font-weight:600}.tabs__tab[aria-selected=true]:after,.tabs__tab.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:var(--color-brand-primary)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--text-small)}.breadcrumb li{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);min-height:28px;max-width:100%;min-width:0}.breadcrumb li+li:before{content:"/";color:var(--color-border-strong)}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-link-default);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--color-text-primary);font-weight:500;max-width:min(48ch,100%);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}@media(hover:hover){.card--interactive:hover{border-color:var(--color-border-brand);transform:translateY(-3px);box-shadow:var(--shadow-md)}.card--interactive:hover .card__media img{transform:scale(1.03)}}.card__media{position:relative;aspect-ratio:4 / 3;background:var(--color-bg-subtle);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease-out)}.card__media--cover img{object-fit:cover}.card__media--wide{aspect-ratio:3 / 2}.card__flags{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:1}.card__body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}.card__title{font-size:1.125rem;font-weight:600;line-height:1.45}.card__title a{color:var(--color-text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.card__title a:focus-visible{box-shadow:none;outline:none}.card:has(.card__title a:focus-visible){outline:2px solid var(--color-brand-primary);outline-offset:2px;box-shadow:0 0 0 5px var(--color-focus-ring)}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;position:relative;z-index:1}.card__footer .btn,.card__footer a{position:relative;z-index:1}.product-card .card__footer .link-arrow,.product-card .card__footer .btn{font-size:.8rem}.product-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr))}.product-grid--list{grid-template-columns:1fr}.product-grid--list .card{flex-direction:row}.product-grid--list .card__media{width:clamp(140px,28%,260px);flex:none;aspect-ratio:4 / 3}.product-grid--list .card__body{padding:20px 24px}@media(max-width:599px){.product-grid--list .card{flex-direction:column}.product-grid--list .card__media{width:100%}}.popover{position:absolute;z-index:var(--z-dropdown);min-width:280px;max-width:min(360px,calc(100vw - 32px));background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px}.popover__title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);padding:8px 12px 4px}.popover__item{display:flex;width:100%;align-items:center;gap:12px;min-height:48px;padding:8px 12px;text-align:left;border-radius:var(--radius-sm);font-size:14px;line-height:1.4;color:var(--color-text-primary)}.popover__item:hover,.popover__item:focus-visible{background:var(--color-bg-brand-soft);box-shadow:none;outline:none}.popover__item-text{display:grid;gap:2px;flex:1;min-width:0}.popover__item-sub{font-size:12px;color:var(--color-text-secondary)}.file-list{display:grid;gap:12px;list-style:none}.file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:80px;padding:16px 20px;background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);transition:border-color .15s}.file-row:hover{border-color:var(--color-border-strong)}.file-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-bg-brand-soft);color:var(--color-text-brand);position:relative}.file-icon__ext{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.04em;padding:0 4px;background:var(--color-brand-primary);color:var(--color-text-inverse);line-height:1.5}.file-row__name{font-weight:600;line-height:1.45;overflow-wrap:anywhere}.file-row__meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:13px;color:var(--color-text-secondary)}.file-row__meta>span{display:inline-flex;align-items:center;gap:4px}.file-row__meta dt{display:inline}.file-row__actions{display:flex;align-items:center;gap:8px}@media(max-width:599px){.file-row{grid-template-columns:auto minmax(0,1fr);padding:16px}.file-row__actions{grid-column:1 / -1}.file-row__actions .btn{width:100%}}.table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-default);scrollbar-width:auto;scrollbar-color:var(--color-border-strong) var(--color-bg-subtle)}.table-scroll::-webkit-scrollbar{height:12px}.table-scroll::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:0 0 var(--radius-md) var(--radius-md)}.table-scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:0;border:3px solid var(--color-bg-subtle)}.data-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0;font-size:14px}.data-table th,.data-table td{padding:12px 16px;vertical-align:middle;text-align:left;border-bottom:1px solid var(--color-border-default)}.data-table thead th{position:sticky;top:0;height:48px;background:var(--color-bg-subtle);z-index:1;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);white-space:nowrap}.data-table tbody tr{transition:background-color .12s}.data-table tbody tr:hover{background:var(--color-bg-subtle)}.data-table tbody tr:last-child td{border-bottom:0}.data-table td{min-height:64px;line-height:1.5}.data-table .nowrap{white-space:nowrap}.data-table .col-file{min-width:300px;max-width:420px;white-space:normal}.data-table .col-product{min-width:200px;max-width:260px;white-space:normal}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.pagination__summary{font-size:var(--text-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.pagination__nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pagination__page{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 8px;border-radius:var(--radius-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.pagination__page:hover:not(:disabled){background:var(--color-bg-muted)}.pagination__page[aria-current=page]{background:var(--color-brand-primary);color:var(--color-text-inverse)}.pagination__page:disabled{opacity:.4}.pagination__ellipsis{min-width:24px;text-align:center;color:var(--color-text-secondary)}.alert{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--status-info-border);background:var(--status-info-bg);color:var(--color-text-primary);font-size:var(--text-small);line-height:1.6}.alert>.i{margin-top:1px;color:var(--status-info-text)}.alert strong{font-weight:600}.alert--warning{background:var(--status-warning-bg);border-color:var(--status-warning-border)}.alert--warning>.i{color:var(--status-warning-text)}.alert--error{background:var(--status-error-bg);border-color:var(--status-error-border)}.alert--error>.i{color:var(--status-error-text)}.alert--success{background:var(--status-success-bg);border-color:var(--status-success-border)}.alert--success>.i{color:var(--status-success-text)}.alert__actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.empty-state{display:grid;justify-items:center;text-align:center;gap:12px;padding:clamp(40px,6vw,72px) 24px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-bg-subtle)}.empty-state__icon{display:grid;place-items:center;width:64px;height:64px;background:var(--color-surface-default);color:var(--color-text-brand);box-shadow:inset 0 0 0 1px var(--color-border-default);margin-bottom:4px}.empty-state__title{font-size:var(--text-h4)}.empty-state__text{max-width:52ch;color:var(--color-text-secondary)}.empty-state__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.skeleton{position:relative;overflow:hidden;background:var(--color-bg-muted);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:fl-shimmer 1.4s infinite}@keyframes fl-shimmer{to{transform:translate(100%)}}.skeleton-card{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-default)}.skeleton-card__media{aspect-ratio:4 / 3}.skeleton-card__body{padding:20px;display:grid;gap:12px}.skeleton-line{height:14px}.skeleton-line--lg{height:20px;width:85%}.skeleton-line--sm{width:45%}.toast-region{position:fixed;z-index:var(--z-toast);right:24px;bottom:calc(24px + env(safe-area-inset-bottom));display:grid;gap:12px;width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 8px 14px 16px;border-radius:var(--radius-md);background:var(--color-surface-default);border:1px solid var(--color-border-default);border-left:4px solid var(--color-brand-primary);box-shadow:var(--shadow-lg);font-size:var(--text-small);line-height:1.55;animation:fl-toast-in .25s var(--ease-out)}.toast--success{border-left-color:var(--status-success-text)}.toast--success>.i{color:var(--status-success-text)}.toast--error{border-left-color:var(--status-error-text)}.toast--error>.i{color:var(--status-error-text)}.toast--warning{border-left-color:var(--status-warning-text)}.toast--warning>.i{color:var(--status-warning-text)}.toast__title{font-weight:600;color:var(--color-text-primary)}.toast__text{color:var(--color-text-secondary)}.toast__actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.toast__actions .btn{min-height:36px;padding-inline:12px;font-size:13px}.toast .icon-btn{width:36px;height:36px;margin-top:-6px}@keyframes fl-toast-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:767px){.toast-region{left:16px;right:16px;width:auto;bottom:calc(16px + env(safe-area-inset-bottom))}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay-bg);animation:fl-fade .2s ease-out}.overlay--drawer{z-index:var(--z-drawer);justify-content:flex-end;align-items:stretch;padding:0}@keyframes fl-fade{0%{opacity:0}}.ui-dialog{width:min(640px,calc(100vw - 32px));max-height:90dvh;display:flex;flex-direction:column;background:var(--color-surface-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fl-pop .22s var(--ease-out);overflow:hidden}.ui-dialog--sm{width:min(480px,calc(100vw - 32px))}@keyframes fl-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}}.ui-dialog__header{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 16px;border-bottom:1px solid var(--color-border-default)}.ui-dialog__title{font-size:1.25rem;line-height:1.4;flex:1}.ui-dialog__title:focus{outline:none}.ui-dialog__body{min-height:0;overflow-y:auto;padding:20px 24px 24px;display:grid;gap:20px;overscroll-behavior:contain}.ui-dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border-default);background:var(--color-bg-subtle)}.ui-dialog__header .icon-btn{margin:-8px -8px 0 0}.ui-drawer{width:min(480px,100vw);height:100dvh;max-height:100dvh;display:flex;flex-direction:column;background:var(--color-surface-default);box-shadow:var(--shadow-lg);animation:fl-slide-in .26s var(--ease-out)}.ui-drawer--left{margin-right:auto;animation-name:fl-slide-in-left}@keyframes fl-slide-in{0%{transform:translate(100%)}}@keyframes fl-slide-in-left{0%{transform:translate(-100%)}}.ui-drawer .ui-dialog__body{flex:1}@media(max-width:767px){.overlay--sheet{align-items:flex-end;padding:0}.overlay--sheet .ui-dialog{width:100vw;max-height:94dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:fl-sheet-in .28s var(--ease-out)}.ui-drawer{width:100vw}}@keyframes fl-sheet-in{0%{transform:translateY(100%)}}body.has-overlay{overflow:hidden}.kv{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:8px 24px;font-size:var(--text-small)}.kv dt{color:var(--color-text-secondary)}.kv dd{margin:0;font-weight:500;color:var(--color-text-primary);overflow-wrap:anywhere}.combobox{position:relative}.combobox__list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:var(--z-dropdown);max-height:min(320px,40dvh);overflow-y:auto;list-style:none;padding:6px;background:var(--color-surface-default);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.combobox__option{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;line-height:1.4}.combobox__option img{width:44px;height:33px;object-fit:contain;background:var(--color-bg-subtle);border-radius:var(--radius-xs);flex:none}.combobox__option-text{display:grid;min-width:0}.combobox__option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combobox__option-sub{font-size:12px;color:var(--color-text-secondary)}.combobox__option[aria-selected=true],.combobox__option.is-active{background:var(--color-bg-brand-soft)}.combobox__option--other{border-top:1px solid var(--color-border-default);margin-top:4px;padding-top:10px;font-weight:500;color:var(--color-text-brand)}.combobox__empty{padding:12px;font-size:14px;color:var(--color-text-secondary)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card--interactive:hover{transform:none}.skeleton:after{display:none}}body.public-app{display:flex;flex-direction:column;min-height:100dvh}main{flex:1;display:block}.section--subtle{background:var(--color-bg-subtle)}.section--soft{background:var(--color-bg-brand-soft)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(24px,3vw,40px)}.section-head__text{display:grid;gap:12px;max-width:640px}.section-head h2{font-size:var(--text-h2);line-height:1.25;letter-spacing:-.01em}.section-head p{color:var(--color-text-secondary)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--nav-bg);color:var(--nav-text);transition:box-shadow .2s}.site-header.is-scrolled{box-shadow:0 6px 24px #001f1840}.site-header__inner{display:flex;align-items:center;gap:24px;height:var(--public-header-height);transition:height .2s var(--ease-out)}.site-header.is-scrolled .site-header__inner{height:64px}.site-header__brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--nav-text);min-height:44px;flex:none}.site-header__brand img{height:20px;width:auto;max-width:140px}.site-header__tag{display:none;padding-left:14px;border-left:1px solid rgba(206,233,217,.35);color:var(--nav-text-secondary);font-size:12px;line-height:1.3;font-weight:500;letter-spacing:.02em}.site-nav{display:none}.site-nav ul{list-style:none;display:flex;gap:4px}.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--nav-text);text-decoration:none;font-weight:500;font-size:.9375rem;border-radius:var(--radius-sm)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--nav-active-indicator)}.site-nav a[aria-current=page]:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--nav-active-indicator)}.site-header__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.site-header .icon-btn{color:var(--nav-text)}.site-header .icon-btn:hover,.site-header .icon-btn[aria-expanded=true]{background:#aedbc029;color:var(--nav-active-indicator)}.site-header :focus-visible{outline-color:var(--mint-500);box-shadow:0 0 0 4px #aedbc059}.hdr-profile{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 10px;border-radius:var(--radius-sm);color:var(--nav-text);text-align:left}.hdr-profile:hover{background:#aedbc029}.hdr-profile__icon{position:relative;display:grid;place-items:center}.hdr-profile__dot{position:absolute;top:-2px;right:-3px;width:9px;height:9px;background:var(--mint-500);box-shadow:0 0 0 2px var(--nav-bg)}.hdr-profile__text{display:none;line-height:1.25}.hdr-profile__label{display:block;font-size:13px;font-weight:600}.hdr-profile__status{display:block;font-size:12px;color:var(--nav-text-secondary)}.hdr-menu{display:inline-grid}.header-search{background:var(--color-surface-default);border-bottom:1px solid var(--color-border-default);box-shadow:var(--shadow-md)}.header-search__form{display:flex;align-items:center;gap:8px;padding-block:12px}.header-search__form .search-box{flex:1}.header-search__close{color:var(--color-text-primary)}.mobile-nav{display:grid;gap:4px}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 12px;border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;font-weight:500;font-size:1.0625rem}.mobile-nav a:hover{background:var(--color-bg-subtle)}.mobile-nav a[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:600;box-shadow:inset 3px 0 0 var(--nav-active-indicator)}.mobile-nav__sep{height:1px;background:var(--color-border-default);margin:12px 0}.mobile-nav__small a{min-height:44px;font-size:.9375rem;color:var(--color-text-secondary)}@media(min-width:480px){.site-header__brand img{height:22px}}@media(min-width:1024px){.site-header__brand img{height:24px;max-width:170px}.site-nav{display:block}.hdr-menu{display:none}.hdr-profile{padding:0 12px 0 10px;border:1px solid rgba(206,233,217,.3)}.hdr-profile__text{display:block}}@media(min-width:1280px){.site-header__tag{display:block}}.site-footer{background:var(--nav-bg);color:var(--mint-300);margin-top:auto}.site-footer a{color:var(--mint-300);text-decoration:none}.site-footer a:hover{color:var(--mint-500);text-decoration:underline}.site-footer :focus-visible{outline-color:var(--mint-500);box-shadow:0 0 0 4px #aedbc059}.site-footer__top{display:grid;gap:40px;padding-block:56px 40px}.site-footer__brand img{height:24px;width:auto;margin-bottom:16px}.site-footer__brand p{max-width:36ch;font-size:var(--text-small);line-height:1.7}.site-footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.site-footer h2{color:var(--white);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.site-footer ul{list-style:none;display:grid;gap:2px}.site-footer li a,.site-footer li button{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:var(--text-small);color:var(--mint-300)}.site-footer li button:hover{color:var(--mint-500);text-decoration:underline}.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;align-items:center;padding-block:20px calc(20px + env(safe-area-inset-bottom));border-top:1px solid rgba(206,233,217,.18);font-size:13px}.demo-tools{border-top:1px solid rgba(206,233,217,.18)}.demo-tools summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--mint-300)}.demo-tools summary::-webkit-details-marker{display:none}.demo-tools summary .i:last-child{margin-left:auto;transition:transform .2s}.demo-tools[open] summary .i:last-child{transform:rotate(180deg)}.demo-tools__body{display:grid;gap:16px;padding-bottom:24px;font-size:13px}.demo-tools__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.demo-tools .check{color:var(--white);font-size:14px}.demo-tools .check input{border-color:var(--mint-300);background-color:transparent}.demo-tools .check input:checked{border-color:var(--mint-500);background-color:var(--mint-500);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23002E23' stroke-width='3' stroke-linecap='square'%3E%3Cpath d='M5 12.5 10 17.5 19 7.5'/%3E%3C/svg%3E")}.demo-tools .btn--ghost-inverse{--btn-fg: var(--white);--btn-bd: rgba(206, 233, 217, .4);min-height:44px;font-size:13px;padding-inline:16px}.demo-tools .btn--ghost-inverse:hover{--btn-bg: rgba(174, 219, 192, .14)}.demo-tools__stats{color:var(--mint-300);font-variant-numeric:tabular-nums}@media(min-width:768px){.site-footer__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.site-footer__top{grid-template-columns:minmax(0,4fr) minmax(0,8fr);padding-block:72px 48px}}.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:clamp(520px,78vh,760px);padding-block:56px 64px;background:var(--green-950);color:var(--color-text-inverse)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 40%}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#001f188c,#001f18d1,#001f18eb)}.hero__inner{position:relative}.hero__content{display:grid;gap:20px;max-width:640px}.hero .overline{color:var(--nav-text-secondary)}.hero__title{font-size:var(--text-display);font-weight:600;line-height:1.08;letter-spacing:-.025em;color:var(--color-text-inverse)}.hero__title em{font-style:normal;color:var(--mint-500);display:block}.hero__lead{max-width:46ch;color:var(--nav-text-secondary)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.hero__actions .btn{flex:1 1 200px}@media(min-width:480px){.hero__actions .btn{flex:0 0 auto}}.hero .btn--outline{--btn-fg: var(--white);--btn-bd: rgba(255, 255, 255, .72)}.hero .btn--outline:hover{--btn-bg: rgba(174, 219, 192, .16);--btn-bd: var(--mint-500);--btn-fg: var(--white)}.hero :focus-visible{outline-color:var(--mint-500)}.hero__badge{justify-self:start;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;max-width:400px;margin-top:8px;padding:12px 16px;background:#001f188c;box-shadow:inset 0 0 0 1px #cee9d947;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:13px;line-height:1.45;color:var(--nav-text-secondary)}.hero__badge strong{display:block;color:var(--white);font-size:15px}.hero__badge-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--mint-500);color:var(--green-900)}@media(min-width:768px){.hero__scrim{background:linear-gradient(90deg,#001f18e6,#001f18bd 42%,#001f182e)}}@media(min-width:1280px){.hero{padding-block:80px 96px}}.category-grid{display:grid;gap:16px;grid-template-columns:1fr}.category-card{text-decoration:none;color:var(--color-text-primary)}.category-card .card__media{aspect-ratio:16 / 10}.category-card .card__media img{object-fit:cover}.category-card__stripe{position:absolute;left:0;right:0;top:0;height:4px;background:var(--cat-color, var(--color-brand-secondary));z-index:1}.category-card .card__body{gap:6px;padding:16px 18px 18px}.category-card__name{font-size:1.0625rem;font-weight:600;line-height:1.4}.category-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--color-text-secondary);margin-top:auto}.category-card__foot .i{color:var(--color-text-brand);transition:transform .18s var(--ease-out)}.category-card:hover .category-card__foot .i{transform:translate(3px)}@media(min-width:360px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media(min-width:1024px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.showcase-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}.showcase-card .card__media{aspect-ratio:3 / 2}.showcase-card .card__media img{object-fit:cover}.showcase-card .card__body{gap:8px}.cta-band{display:grid;gap:24px;align-items:center;padding:clamp(28px,4vw,56px);border-radius:var(--radius-xl);background:var(--color-bg-brand-soft);border:1px solid var(--mint-300)}.cta-band h2{font-size:var(--text-h3);line-height:1.3;color:var(--color-text-brand)}.cta-band p{color:var(--color-text-secondary);margin-top:8px;max-width:56ch}.cta-band__actions{display:flex;flex-wrap:wrap;gap:12px}@media(min-width:768px){.cta-band{grid-template-columns:1fr auto}}.page-band{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default);padding-block:24px 32px}.page-band__inner{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.page-title{font-size:clamp(2rem,3.2vw,3rem);line-height:1.2;letter-spacing:-.015em}.page-band__lead{color:var(--color-text-secondary);max-width:64ch}.page-band__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}@media(min-width:1024px){.page-band{padding-block:32px 40px}}.catalog-search{max-width:760px}.catalog-body{padding-block:24px 64px}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.filter-sidebar{display:none}.filter-panel{display:grid;gap:8px}.filter-group{border-bottom:1px solid var(--color-border-default);padding-bottom:8px}.filter-group summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer;list-style:none;font-weight:600;font-size:.9375rem}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary .i{transition:transform .2s;color:var(--color-text-secondary)}.filter-group[open] summary .i{transform:rotate(180deg)}.filter-group .check{padding-block:8px;font-size:.9375rem}.filter-group .check .cat-dot{margin-top:8px}.filter-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px}.filter-panel__head h2{font-size:1rem;letter-spacing:.02em}.filter-note{font-size:13px;color:var(--color-text-secondary);padding:4px 0 8px}.results-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.results-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.results-toolbar .select{width:auto;min-width:180px}.view-toggle{display:inline-flex;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden}.view-toggle button{display:grid;place-items:center;width:44px;height:46px;color:var(--color-text-secondary)}.view-toggle button[aria-pressed=true]{background:var(--color-bg-brand-soft);color:var(--color-text-brand)}.results-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;min-height:44px}.results-count{font-size:var(--text-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.results-count strong{color:var(--color-text-primary)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-block:4px;max-width:100%;scrollbar-width:thin}.results-main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;align-content:start}.mobile-filterbar{position:sticky;top:var(--public-header-height);z-index:calc(var(--z-header) - 1);display:flex;gap:8px;padding:10px 0;background:var(--color-bg-page);border-bottom:1px solid var(--color-border-default)}.mobile-filterbar .btn,.mobile-filterbar .select{flex:1;min-height:44px}.filter-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-brand-primary);color:var(--color-text-inverse);font-size:12px;font-variant-numeric:tabular-nums}@media(min-width:1024px){.catalog-layout{grid-template-columns:272px minmax(0,1fr);gap:40px}.filter-sidebar{display:block;position:sticky;top:88px;align-self:start;max-height:calc(100dvh - 112px);overflow-y:auto;padding-right:4px}.mobile-filterbar{display:none}.hide-desktop{display:none!important}}@media(max-width:1023px){.hide-mobile{display:none!important}}.detail-top{padding-block:20px 48px}.detail-top .breadcrumb{margin-bottom:24px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.gallery{display:grid;gap:12px;min-width:0}.gallery__main{position:relative;margin:0;aspect-ratio:4 / 3;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-subtle);border:1px solid var(--color-border-default)}.gallery__main img{width:100%;height:100%;object-fit:contain}.gallery__main--cover img{object-fit:cover}.gallery__nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffeb;box-shadow:var(--shadow-sm)}.gallery__nav--prev{left:12px}.gallery__nav--next{right:12px}.gallery__thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.gallery__thumb{flex:none;width:76px;aspect-ratio:4 / 3;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;background:var(--color-bg-subtle)}.gallery__thumb[aria-current=true]{border-color:var(--color-brand-primary)}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.gallery__note{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.gallery__caption{position:absolute;left:12px;bottom:12px}.detail-summary{display:grid;gap:20px;align-content:start;min-width:0}.detail-summary__badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.detail-title{font-size:clamp(1.875rem,3vw,2.75rem);line-height:1.22;letter-spacing:-.015em;overflow-wrap:anywhere}.detail-summary .kv{padding:16px 0;border-block:1px solid var(--color-border-default)}.detail-summary__actions{display:flex;flex-wrap:wrap;gap:12px}.detail-summary__actions .btn--primary{flex:1 1 220px}.detail-desc{color:var(--color-text-secondary);line-height:1.8}.section-nav{position:sticky;top:64px;z-index:calc(var(--z-header) - 1);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-default)}.section-nav .tabs{border-bottom:0}.detail-section{padding-block:48px;border-bottom:1px solid var(--color-border-default)}.detail-section:last-of-type{border-bottom:0}.detail-section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:24px}.detail-section h2{font-size:var(--text-h3);line-height:1.3}.prose-block{max-width:72ch;display:grid;gap:16px;color:var(--color-text-secondary);line-height:1.85}.feature-list{list-style:none;display:grid;gap:12px}.feature-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.feature-list .i{color:var(--color-text-brand);margin-top:3px}.spec-groups{display:grid;gap:24px}.spec-group{border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.spec-group h3{font-size:1rem;padding:14px 20px;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-default)}.spec-group dl{display:grid;margin:0}.spec-group .spec-row{display:grid;grid-template-columns:1fr;gap:2px;padding:12px 20px;border-bottom:1px solid var(--color-border-default);font-size:var(--text-small)}.spec-group .spec-row:last-child{border-bottom:0}.spec-group dt{color:var(--color-text-secondary)}.spec-group dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}@media(min-width:768px){.spec-group .spec-row{grid-template-columns:minmax(180px,2fr) 3fr;gap:24px}}.related-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr))}.mobile-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-header) - 2);display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--color-surface-default);border-top:1px solid var(--color-border-default);box-shadow:0 -8px 24px #002e2314;transform:translateY(0);transition:transform .25s var(--ease-out)}.mobile-action-bar.is-hidden{transform:translateY(110%)}.mobile-action-bar .btn{flex:1}.not-found{padding-block:64px 96px}@media(min-width:1024px){.detail-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}.detail-summary{position:sticky;top:88px}.mobile-action-bar{display:none}.gallery__thumb{width:92px}}@media(max-width:1023px){body:has(.mobile-action-bar) .site-footer{padding-bottom:76px}}.filters-bar{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.filters-bar .field__label{font-size:13px}.filters-bar__reset{grid-column:1 / -1}@media(min-width:768px){.filters-bar{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.filters-bar__reset{grid-column:auto}}.dl-body{padding-block:24px 64px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.dl-file{display:flex;align-items:flex-start;gap:14px}.dl-file .file-icon{width:40px;height:40px}.dl-file__name{font-weight:600;line-height:1.45;color:var(--color-text-primary)}.dl-file__sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.dl-products{display:grid;gap:2px}.dl-products a{font-weight:500;text-decoration:none}.dl-products a:hover{text-decoration:underline}.dl-products__more{font-size:12px;color:var(--color-text-secondary)}.text-dash{color:var(--color-text-muted)}.file-cards{display:grid;gap:12px;list-style:none}.file-card{display:grid;gap:14px;padding:18px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-default)}.file-card .kv{grid-template-columns:minmax(96px,max-content) 1fr;gap:6px 16px}.dl-table-wrap{display:none}@media(min-width:768px){.dl-table-wrap{display:block}.file-cards{display:none}}.legal-body{padding-block:32px 80px}.legal-tabs{margin-bottom:32px}.legal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}.legal-toc{display:none}.legal-toc h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:8px}.legal-toc ol{list-style:none;display:grid;gap:2px;border-left:2px solid var(--color-border-default)}.legal-toc a{display:block;padding:8px 12px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;color:var(--color-text-secondary);text-decoration:none;line-height:1.45}.legal-toc a:hover{color:var(--color-text-brand)}.legal-toc a.is-active{color:var(--color-text-brand);border-left-color:var(--color-brand-primary);font-weight:600}.prose{max-width:var(--container-reading);line-height:1.85}.prose>*+*{margin-top:16px}.prose h2{font-size:var(--text-h4);margin-top:40px;line-height:1.4;scroll-margin-top:calc(var(--public-header-height) + 24px)}.prose h2:first-of-type{margin-top:24px}.prose p,.prose li{color:var(--color-text-secondary)}.prose ul{padding-left:22px;display:grid;gap:6px}.prose .placeholder-text{background:var(--status-warning-bg);padding:0 4px;color:var(--status-warning-text)}.legal-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--color-text-secondary);padding:12px 16px;background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.saved-card{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);max-width:var(--container-reading)}.saved-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.saved-card__head h2{font-size:var(--text-h4)}.saved-card .btn{white-space:normal;text-align:center}@media(min-width:1024px){.legal-layout{grid-template-columns:240px minmax(0,1fr);gap:56px}.legal-toc{display:block;position:sticky;top:96px;align-self:start}}.profile-summary{display:grid;gap:16px;padding:20px;border-radius:var(--radius-md);background:var(--color-bg-brand-soft);border:1px solid var(--mint-300)}.profile-summary__head{display:flex;align-items:center;gap:12px}.profile-avatar{display:grid;place-items:center;width:48px;height:48px;background:var(--color-brand-primary);color:var(--mint-500);font-weight:600;font-size:1.125rem;flex:none}.dl-summary{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border-radius:var(--radius-md);background:var(--color-bg-subtle);border:1px solid var(--color-border-default)}.dl-summary__name{font-weight:600;line-height:1.45;overflow-wrap:anywhere}.dl-summary .kv{margin-top:8px;grid-template-columns:max-content 1fr;gap:4px 16px;font-size:13px}.consent-box{display:grid;gap:0;border-top:1px solid var(--color-border-default);padding-top:8px}.form-links{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13px}.form-links a,.form-links button{display:inline-flex;align-items:center;gap:4px;min-height:36px;color:var(--color-link-default);text-decoration:underline;font-size:13px}.why-panel{font-size:13px;color:var(--color-text-secondary);line-height:1.6;padding:12px 14px;background:var(--color-bg-subtle);border-radius:var(--radius-sm)}.boot-error{padding-block:64px}.boot-error code{font-family:var(--font-mono);background:var(--color-bg-muted);padding:2px 6px;font-size:.9em}#app-header:empty{display:block;height:var(--public-header-height);background:var(--nav-bg)}#app-footer:empty{display:block;min-height:240px;background:var(--nav-bg)}main:focus{outline:none}@media(max-width:767px){.results-toolbar__right{width:100%}.results-toolbar__right .select{flex:1 1 140px;min-width:0}}