.hon-platform-widget{--hon-color-text: var(--pc-color-text, #27139a);--hon-color-muted: var(--pc-color-text-muted, rgba(39, 19, 154, .72));--hon-color-surface: var(--pc-color-surface-raised, #fff);--hon-color-sunken: var(--pc-color-surface-sunken, #f4f3fb);--hon-color-border: var(--pc-color-border, rgba(39, 19, 154, .16));--hon-color-border-strong: var(--pc-color-border-strong, rgba(39, 19, 154, .3));--hon-color-action: var(--pc-color-action, #ff2d75);--hon-color-action-pressed: var(--pc-color-action-pressed, #e0225f);--hon-color-action-text: var(--pc-color-action-text, #fff);--hon-color-focus: var(--pc-color-focus-ring, #ff2d75);--hon-color-code: var(--pc-color-text-accent, #c2185b);--hon-color-success: #166534;--hon-color-error: #b42318;--hon-font-body: "FC Home", "Noto Sans Thai", system-ui, sans-serif;--hon-font-label: "FC Home", "Noto Sans Thai", system-ui, sans-serif;--hon-font-size-body: var(--pc-font-size-base, 15px);--hon-font-size-label: var(--pc-font-size-md, 16px);--hon-font-size-heading: var(--pc-font-size-2xl, 26px);--hon-font-size-subheading: var(--pc-font-size-xl, 21px);--hon-font-size-small: var(--pc-font-size-sm, 13px);--hon-space-1: var(--pc-space-1, 4px);--hon-space-2: var(--pc-space-2, 8px);--hon-space-3: var(--pc-space-3, 12px);--hon-space-4: var(--pc-space-4, 16px);--hon-space-6: var(--pc-space-6, 24px);--hon-radius-sm: var(--pc-radius-sm, 5px);--hon-radius-md: var(--pc-radius-md, 8px);--hon-radius-lg: var(--pc-radius-lg, 12px);--hon-radius-pill: var(--pc-radius-pill, 999px);--hon-line-height-body: var(--pc-line-height-body, 1.62);--hon-line-height-heading: var(--pc-line-height-display, 1.3);--hon-line-height-subheading: var(--pc-line-height-snug, 1.42);--hon-font-weight-heading: var(--pc-font-weight-display, 600);--hon-letter-spacing-label: var(--pc-letter-spacing-label, .1em);color:var(--hon-color-text);font-family:var(--hon-font-body);font-size:var(--hon-font-size-body);line-height:var(--hon-line-height-body)}.hon-platform{border:1px solid var(--hon-color-border);border-radius:var(--hon-radius-lg);padding:var(--hon-space-6);background:var(--hon-color-surface)}.hon-platform,.hon-platform button,.hon-platform input{font-family:var(--hon-font-body)}.hon-platform *{box-sizing:border-box}.hon-platform h2,.hon-platform h3,.hon-platform p{margin-top:0}.hon-platform h2{color:var(--hon-color-text);font-size:var(--hon-font-size-heading);line-height:var(--hon-line-height-heading)}.hon-platform h3{color:var(--hon-color-text);font-size:var(--hon-font-size-subheading);line-height:var(--hon-line-height-subheading)}.hon-platform__code{color:var(--hon-color-code);font-family:var(--hon-font-label);font-size:var(--hon-font-size-small);letter-spacing:var(--hon-letter-spacing-label);margin-bottom:var(--hon-space-1)}.hon-platform__grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr);gap:var(--hon-space-6)}.hon-platform__controls-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--hon-space-2);margin-bottom:var(--hon-space-3)}.hon-platform__controls-header h3{margin-bottom:0}.hon-platform__fields{display:grid;gap:var(--hon-space-3)}.hon-platform__field{display:grid;gap:var(--hon-space-1);font-family:var(--hon-font-label);font-size:var(--hon-font-size-label)}.hon-platform__field small{color:var(--hon-color-muted);font-size:var(--hon-font-size-small)}.hon-platform__field input,.hon-platform__computed{width:100%;min-height:44px;padding:var(--hon-space-2) var(--hon-space-3);border:1px solid var(--hon-color-border-strong);border-radius:var(--hon-radius-sm);color:var(--hon-color-text);background:var(--hon-color-surface);font:inherit}.hon-platform__field input:focus-visible,.hon-platform button:focus-visible,.hon-platform input[type=range]:focus-visible{outline:2px solid var(--hon-color-focus);outline-offset:2px}.hon-platform__computed{background:var(--hon-color-sunken)}.hon-platform__message{margin:var(--hon-space-3) 0 var(--hon-space-2);color:var(--hon-color-success)}.hon-platform__message--error{color:var(--hon-color-error)}.hon-platform__flat{font-weight:var(--hon-font-weight-heading)}.hon-platform__previews{display:grid;gap:var(--hon-space-4);min-width:0}.hon-platform__panel{min-width:0;border:1px solid var(--hon-color-border);border-radius:var(--hon-radius-md);padding:var(--hon-space-4);background:var(--hon-color-surface)}.hon-platform__panel h3{margin-bottom:var(--hon-space-4)}.hon-platform__preview>svg{display:block;width:100%;height:auto!important;max-width:100%;max-height:360px;margin:auto}.hon-platform button{cursor:pointer;border:0;border-radius:var(--hon-radius-sm);padding:var(--hon-space-2) var(--hon-space-4);color:var(--hon-color-action-text);background:var(--hon-color-action);font:inherit;font-weight:var(--hon-font-weight-heading)}.hon-platform button:hover{background:var(--hon-color-action-pressed)}.hon-platform .hon-platform__reset{padding:var(--hon-space-1) var(--hon-space-2);border:1px solid var(--hon-color-border-strong);color:var(--hon-color-text);background:var(--hon-color-surface);font-size:var(--hon-font-size-small)}.hon-platform .hon-platform__reset:hover:not(:disabled){background:var(--hon-color-sunken)}.hon-platform .hon-platform__reset:disabled{cursor:default;opacity:.55}.hon-platform__sliders{display:grid;gap:var(--hon-space-2);margin-top:var(--hon-space-3)}.hon-platform__sliders label{display:grid;grid-template-columns:5.5em minmax(0,1fr) 4ch;align-items:center;gap:var(--hon-space-2)}.hon-platform__sliders output{text-align:right;font-variant-numeric:tabular-nums}.hon-platform__range-track{position:relative;display:block;height:8px;border:1px solid var(--hon-color-border-strong);border-radius:var(--hon-radius-pill);background:linear-gradient(to right,var(--hon-color-action) 0 var(--hon-progress),var(--hon-color-sunken) var(--hon-progress) 100%)}.hon-platform__range-track input{position:absolute;inset:50% 0 auto;transform:translateY(-50%);width:100%;height:32px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer}.hon-platform__range-track input::-webkit-slider-runnable-track{height:8px;background:transparent}.hon-platform__range-track input::-moz-range-track{height:8px;background:transparent}.hon-platform__range-track input::-moz-range-progress{background:transparent}.hon-platform__range-track input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px;border:2px solid var(--hon-color-surface);border-radius:50%;background:var(--hon-color-action);-webkit-appearance:none}.hon-platform__range-track input::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--hon-color-surface);border-radius:50%;background:var(--hon-color-action)}.hon-platform__range-track input[data-empty=true]::-webkit-slider-thumb{border-color:var(--hon-color-border-strong);background:var(--hon-color-surface)}.hon-platform__range-track input[data-empty=true]::-moz-range-thumb{border-color:var(--hon-color-border-strong);background:var(--hon-color-surface)}.hon-platform__waiting{display:flex;align-items:center;gap:var(--hon-space-3);margin:var(--hon-space-2) 0 var(--hon-space-3);padding:var(--hon-space-3);border-left:3px solid var(--hon-color-action);border-radius:var(--hon-radius-sm);background:var(--hon-color-sunken);color:var(--hon-color-text)}.hon-platform__waiting strong,.hon-platform__waiting small{display:block}.hon-platform__waiting small{color:var(--hon-color-muted);font-size:var(--hon-font-size-small)}.hon-platform__spinner{flex:none;width:24px;height:24px;border:3px solid var(--hon-color-border-strong);border-top-color:var(--hon-color-action);border-radius:50%;animation:hon-spin .8s linear infinite}@keyframes hon-spin{to{transform:rotate(360deg)}}.hon-platform__note{margin:var(--hon-space-3) 0 0;color:var(--hon-color-muted);font-size:var(--hon-font-size-small)}@media(max-width:820px){.hon-platform__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hon-platform__spinner{animation:none}}.hon-model,.hon-content--intro,.hon-content--faq{font-family:FC Home,Noto Sans Thai,system-ui,sans-serif;font-size:var(--pc-font-size-base, 15px);line-height:var(--pc-line-height-body, 1.62);color:var(--pc-color-text, #27139a)}.hon-model{min-width:0;margin-block:var(--pc-space-8, 32px)}.hon-content--faq{margin-block:var(--pc-space-8, 32px);padding:var(--pc-space-6, 24px);background:var(--pc-color-surface-raised, #fff);border:1px solid var(--pc-color-border, rgba(39, 19, 154, .16));border-radius:var(--pc-radius-lg, 16px)}.hon-model__heading,.hon-content__heading{margin:0 0 var(--pc-space-4, 16px);font-family:inherit;font-size:var(--pc-font-size-2xl, 26px);line-height:var(--pc-line-height-display, 1.3);font-weight:var(--pc-font-weight-display, 600);color:var(--pc-color-text, #27139a)}.hon-content--intro{margin-block:var(--pc-space-6, 24px)}.hon-content__faq-item{border-top:1px solid var(--pc-color-border, rgba(39, 19, 154, .16));padding-block:var(--pc-space-3, 12px)}.hon-content__faq-item:first-of-type{border-top:0}.hon-content__faq-item>summary{cursor:pointer;font-size:var(--pc-font-size-md, 16px);font-weight:600}.hon-content__faq-item>summary:focus-visible{outline:2px solid var(--pc-color-focus-ring, #ff2d75);outline-offset:2px}@media(max-width:820px){.hon-model .hon-platform{border:0;border-radius:0;padding:0;background:transparent}.hon-model .hon-platform__grid{gap:var(--hon-space-4)}.hon-model .hon-platform__panel{padding:var(--hon-space-3)}}.hon-platform__preview{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--hon-radius-md)}.hon-platform__watermark{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;user-select:none}.hon-platform__watermark:after{content:"";position:absolute;inset:-100%;background-image:url("./logo-printcafe-FLK2EFAJ.png");background-repeat:repeat;background-size:240px auto;opacity:.12;filter:grayscale(1);transform:rotate(-25deg);pointer-events:none}