*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#f6f7f2;color:#17201c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}a{color:var(--wts-accent-dark, #116149)}button,input,select,textarea{font:inherit}.wts-shell{min-height:100vh;background:linear-gradient(180deg,#ffffffc7,#f6f7f2f0),#f6f7f2}.wts-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-bottom:1px solid #d9ded4;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wts-brand,.wts-nav,.wts-footer nav{display:flex;align-items:center;gap:12px}.wts-brand{color:#17201c;font-weight:760;text-decoration:none}.wts-brand-mark{width:12px;height:12px;border-radius:50%;background:var(--wts-accent, #1a7f64);box-shadow:0 0 0 5px #1a7f641f}.wts-nav a,.wts-footer a{color:#43524b;font-size:.92rem;text-decoration:none}.wts-nav a:hover,.wts-footer a:hover{color:var(--wts-accent-dark, #116149)}.wts-tool{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.wts-tool-panel{padding:26px;border:1px solid #d8dfd3;border-radius:8px;background:#fff;box-shadow:0 18px 48px #27352d1f}.wts-tool-copy{max-width:820px;margin-bottom:22px}.wts-kicker{margin:0 0 8px;color:var(--wts-accent-dark, #116149);font-size:.78rem;font-weight:740;text-transform:uppercase}.wts-tool h1{margin:0;color:#121916;font-size:2.18rem;line-height:1.12}.wts-tool-copy p:last-child{margin:10px 0 0;max-width:760px;color:#52615a}.wts-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.wts-inputs,.wts-output{border:1px solid #e0e4dc;border-radius:8px;background:#f8faf6;padding:18px}.wts-inputs{display:flex;flex-direction:column;gap:12px}.wts-inputs label,.wts-field label,.wts-feedback-box label{color:#26332e;font-size:.88rem;font-weight:720}.wts-inputs textarea,.wts-field input,.wts-field select,.wts-feedback-box textarea{width:100%;border:1px solid #cfd7ca;border-radius:6px;background:#fff;color:#17201c;padding:10px 12px}.wts-inputs textarea:focus,.wts-field input:focus,.wts-field select:focus,.wts-feedback-box textarea:focus{border-color:var(--wts-accent, #1a7f64);outline:2px solid rgba(26,127,100,.16)}.wts-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wts-field{display:flex;flex-direction:column;gap:6px}.wts-primary-button,.wts-actions button,.wts-feedback button,.wts-feedback-box button{min-height:40px;border:0;border-radius:6px;padding:9px 14px;color:#fff;background:var(--wts-accent-dark, #116149);cursor:pointer;font-weight:720}.wts-actions button,.wts-feedback button,.wts-feedback-box button{color:#17201c;border:1px solid #cfd7ca;background:#fff}.wts-primary-button:hover,.wts-actions button:hover,.wts-feedback button:hover,.wts-feedback-box button:hover{transform:translateY(-1px)}.wts-feedback-box button:disabled{cursor:not-allowed;opacity:.52;transform:none}.wts-error{margin:0;color:#a83a2d;font-size:.9rem}.wts-output{display:flex;flex-direction:column;min-width:0}.wts-output-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.wts-output h2,.wts-content h2,.wts-faq h2,.wts-related h2{margin:0;color:#17201c;font-size:1.12rem}.wts-output-header span{color:var(--wts-accent-dark, #116149);font-size:.8rem;font-weight:730}.wts-output pre{flex:1;min-height:300px;margin:0;overflow:auto;white-space:pre-wrap;border:1px solid #dce2d7;border-radius:6px;background:#111916;color:#f4f7f0;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem}.wts-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.wts-content,.wts-faq,.wts-related,.wts-feedback{margin-top:26px}.wts-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wts-content article,.wts-faq article,.wts-related,.wts-feedback-box{border:1px solid #dfe5da;border-radius:8px;background:#ffffffb8;padding:18px}.wts-content p,.wts-faq p,.wts-related span{color:#53625b}.wts-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}.wts-faq h3{margin:0 0 8px;color:#25322d;font-size:1rem}.wts-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;margin:14px 0 0;list-style:none}.wts-related li{display:flex;flex-direction:column;gap:3px}.wts-feedback-box{display:flex;flex-direction:column;gap:10px;max-width:620px;margin-top:12px}.wts-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;border-top:1px solid #d9ded4;color:#596760;background:#fff}.wares-friendly-links{width:min(1180px,calc(100% - 32px));margin-right:auto;margin-left:auto}@media (max-width: 860px){.wts-header,.wts-footer{align-items:flex-start;flex-direction:column}.wts-workspace,.wts-content,.wts-faq-grid,.wts-related ul,.wts-field-grid{grid-template-columns:1fr}.wts-tool-panel{padding:18px}.wts-tool h1{font-size:1.75rem}}:root{--color-bg-primary: #f7f9fb;--color-bg-surface-container-lowest: #ffffff;--color-bg-surface-container-high: #e6e8ea;--color-bg-surface-container: #eceef0;--color-bg-surface-dim: #d8dadc;--color-bg-surface-container-low: #e6e8ea;--color-text-on-surface: #191c1e;--color-text-on-surface-variant: #45464d;--color-text-on-secondary: #ffffff;--color-text-on-tertiary: #ffffff;--color-text-on-error: #ffffff;--color-text-on-background: #191c1e;--color-border-outline-variant: #c6c6cd;--color-accent-secondary: #0051d5;--color-accent-secondary-fixed: #dae2fd;--color-accent-error: #ba1a1a;--color-accent-success: #146c2e;--color-accent-success-bg: #d3f2dd;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-thumb: 0 1px 3px rgba(0, 0, 0, .3);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.lcc-app{color:var(--color-text-on-surface);font-family:var(--font-sans)}.lcc-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px;display:flex;flex-direction:column;gap:var(--spacing-6)}.lcc-page-heading{max-width:860px}.lcc-eyebrow{margin:0 0 var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-accent-secondary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lcc-eyebrow-icon{display:inline-flex}.lcc-page-heading h1{margin:0;color:var(--color-text-on-surface);font-size:2.18rem;line-height:1.12}.lcc-page-heading p{margin:var(--spacing-2) 0 0;color:var(--color-text-on-surface-variant);font-size:1.02rem;line-height:1.5}.lcc-fingerprint{font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-on-surface-variant);opacity:.75}.lcc-workspace{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);align-items:start}@media (min-width: 1024px){.lcc-workspace{grid-template-columns:4fr 8fr}}.lcc-config,.lcc-results{background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-5)}.lcc-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.lcc-label{display:block;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-on-surface-variant)}.lcc-textarea{width:100%;box-sizing:border-box;min-height:110px;padding:var(--spacing-3);font:inherit;font-size:.92rem;color:var(--color-text-on-surface);background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-sm);resize:vertical}.lcc-textarea:focus,.lcc-hex-input:focus{outline:none;border-color:var(--color-accent-secondary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-secondary) 20%,transparent)}.lcc-field-error{margin:0;color:var(--color-accent-error);font-size:.88rem}.lcc-empty-hint{margin:0;font-size:.82rem;color:var(--color-text-on-surface-variant)}.lcc-input-state{margin:0;font-size:.78rem;color:var(--color-text-on-surface-variant)}.lcc-hex-input.lcc-input-invalid{border-color:var(--color-accent-error);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent-error) 16%,transparent)}.lcc-color-block{margin-top:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2)}.lcc-color-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.lcc-swatch{width:48px;height:32px;border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.lcc-hex-input{width:100%;box-sizing:border-box;padding:var(--spacing-2) var(--spacing-3);font:inherit;font-family:var(--font-mono);font-size:.92rem;color:var(--color-text-on-surface);background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-sm)}.lcc-channels{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-bg-surface-container);border-radius:var(--radius-md)}.lcc-channel-row{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:var(--spacing-2)}.lcc-channel-label{font-size:.8rem;font-weight:600;color:var(--color-text-on-surface-variant)}.lcc-channel-value{font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-on-surface);text-align:right}.lcc-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-bg-surface-dim);cursor:pointer;touch-action:pan-y;transition:opacity .2s ease-in-out}.lcc-slider:hover{opacity:1}.lcc-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-accent-secondary);box-shadow:var(--shadow-thumb);cursor:pointer}.lcc-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:var(--radius-full);background:var(--color-accent-secondary);box-shadow:var(--shadow-thumb);cursor:pointer}.lcc-config-actions{margin-top:var(--spacing-5);display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.lcc-primary-button,.lcc-secondary-button,.lcc-row-button,.lcc-preview-button{font-family:var(--font-sans);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;min-height:40px;touch-action:manipulation;transition:background-color .2s ease-in-out,opacity .2s ease-in-out,box-shadow .2s ease-in-out}.lcc-primary-button{flex:1 1 auto;padding:var(--spacing-3) var(--spacing-5);color:var(--color-text-on-secondary);background:var(--color-accent-secondary);border:1px solid var(--color-accent-secondary)}.lcc-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-on-surface);background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant)}.lcc-secondary-button:hover,.lcc-row-button:hover,.lcc-preview-button:hover{background:var(--color-bg-surface-container-high)}.lcc-primary-button:hover{background:color-mix(in srgb,var(--color-accent-secondary) 88%,#000000)}.lcc-primary-button:active,.lcc-secondary-button:active,.lcc-row-button:active{opacity:.8}.lcc-primary-button:focus-visible,.lcc-secondary-button:focus-visible,.lcc-row-button:focus-visible{outline:2px solid var(--color-accent-secondary);outline-offset:2px}.lcc-primary-button:disabled,.lcc-secondary-button:disabled,.lcc-row-button:disabled{opacity:.5;cursor:not-allowed}.lcc-row-button{padding:var(--spacing-1) var(--spacing-2);font-size:.78rem;color:var(--color-accent-secondary);background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant)}.lcc-row-button-danger{color:var(--color-accent-error)}.lcc-results-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-3)}.lcc-results-header h2{margin:0;font-size:1.12rem;line-height:1.3;color:var(--color-text-on-surface)}.lcc-output-status{flex-shrink:0;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-on-surface-variant);background:var(--color-bg-surface-container);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-3)}.lcc-results-metrics{margin-top:var(--spacing-4);display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 768px){.lcc-results-metrics{grid-template-columns:1fr 1fr}}.lcc-verdicts{padding:var(--spacing-4);background:var(--color-bg-surface-container);border-radius:var(--radius-md)}.lcc-verdicts-label{margin:0 0 var(--spacing-2);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-on-surface-variant)}.lcc-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.lcc-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.78rem;font-weight:700}.lcc-badge-pass{color:var(--color-accent-success);background:var(--color-accent-success-bg)}.lcc-rating-badge{display:inline-block;margin-top:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.85rem;font-weight:700;color:var(--color-text-on-secondary)}.lcc-rating-blue{background:var(--color-accent-secondary)}.lcc-rating-green{background:var(--color-accent-success)}.lcc-rating-crimson{background:var(--color-accent-error)}.lcc-badge-fail{color:var(--color-accent-error);background:color-mix(in srgb,var(--color-accent-error) 12%,#ffffff)}.lcc-module-verification{margin-top:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-md);background:var(--color-bg-surface-container-lowest)}.lcc-module-verification h3{margin:0 0 var(--spacing-2);font-size:.95rem;font-weight:700}.lcc-module-sample{margin:0 0 var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-sm);font-size:.86rem;line-height:1.5}.lcc-module-verdict{margin:0;font-size:.82rem;font-weight:600;color:var(--color-text-on-surface-variant)}.lcc-preview{margin-top:var(--spacing-4)}.lcc-preview-bar{border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-3)}.lcc-preview-bar-inner{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.lcc-preview-logo{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0}.lcc-preview-title{font-weight:700;font-size:.92rem}.lcc-preview-meta{font-size:.82rem;opacity:.85}.lcc-preview-actions{margin-left:auto;display:flex;gap:var(--spacing-2)}.lcc-preview-button{padding:var(--spacing-1) var(--spacing-3);font-size:.78rem;border:1px solid transparent}.lcc-preview-note{margin:var(--spacing-2) 0 0;font-size:.82rem;color:var(--color-text-on-surface-variant)}.lcc-output-pending{color:var(--color-accent-secondary);font-size:.9rem}.lcc-output-error{margin-top:var(--spacing-3);padding:var(--spacing-3);border:1px solid color-mix(in srgb,var(--color-accent-error) 40%,#ffffff);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-error) 6%,#ffffff)}.lcc-output-error p{margin:0 0 var(--spacing-2);color:var(--color-accent-error)}.lcc-result-pre{margin:var(--spacing-3) 0 0;padding:var(--spacing-4);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:.82rem;line-height:1.5;color:var(--color-text-on-surface);background:var(--color-bg-surface-container);border-radius:var(--radius-md);max-height:340px;overflow:auto}.lcc-result-error{color:var(--color-accent-error)}.lcc-output-empty{margin:var(--spacing-3) 0 0;color:var(--color-text-on-surface-variant);background:var(--color-bg-surface-container);border-radius:var(--radius-md);padding:var(--spacing-4)}.lcc-saved-note{margin:var(--spacing-2) 0 0;font-size:.82rem;color:var(--color-text-on-surface-variant)}.lcc-actions{margin-top:var(--spacing-4);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.lcc-recent{background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-5)}.lcc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.lcc-section-heading h2{margin:0;font-size:1.18rem;color:var(--color-text-on-surface)}.lcc-table-wrap{margin-top:var(--spacing-4);overflow-x:auto}.lcc-row-name{display:flex;flex-direction:column;gap:var(--spacing-1)}.lcc-row-id{font-family:var(--font-mono);font-size:.74rem;color:var(--color-text-on-surface-variant)}.lcc-status-chip{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:.74rem;font-weight:700;text-transform:uppercase}.lcc-status-chip-ready{color:var(--color-accent-success);background:var(--color-accent-success-bg)}.lcc-status-chip-review{color:var(--color-accent-secondary);background:var(--color-accent-secondary-fixed)}.lcc-row-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-1)}.lcc-recent-detail{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--color-border-outline-variant)}.lcc-detail-lookup-row{display:flex;gap:var(--spacing-2);align-items:center}.lcc-detail-lookup-row .lcc-hex-input{flex:1 1 auto;max-width:320px}.lcc-detail-error{margin:var(--spacing-2) 0 0;color:var(--color-accent-error);font-size:.88rem}.lcc-missing-state,.lcc-detail-card{margin-top:var(--spacing-4);padding:var(--spacing-4);background:var(--color-bg-surface-container);border-radius:var(--radius-md)}.lcc-detail-name{margin:0;font-weight:700;color:var(--color-text-on-surface)}.lcc-detail-status{margin:var(--spacing-1) 0 0;font-size:.86rem;color:var(--color-text-on-surface-variant)}.lcc-detail-notes{margin:var(--spacing-2) 0 0;padding-left:var(--spacing-4);font-size:.88rem;color:var(--color-text-on-surface)}.lcc-detail-notes-empty{margin:var(--spacing-2) 0 0;font-size:.86rem;color:var(--color-text-on-surface-variant)}.lcc-adapter-status{margin:0;font-size:.78rem;color:var(--color-text-on-surface-variant)}.lcc-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.lcc-content-section h2,.lcc-why h2,.lcc-faq h2,.lcc-related h2{font-size:1.3rem;color:var(--color-text-on-surface)}.lcc-content-section p,.lcc-faq-item p,.lcc-why-card p{line-height:1.55;color:var(--color-text-on-surface-variant)}.lcc-why-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media (min-width: 768px){.lcc-why-grid{grid-template-columns:repeat(3,1fr)}}.lcc-why-card{background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.lcc-why-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--color-accent-secondary);background:var(--color-accent-secondary-fixed)}.lcc-why-card h3,.lcc-faq-item h3{margin:var(--spacing-3) 0 var(--spacing-2);font-size:1rem;color:var(--color-text-on-surface)}.lcc-faq-item{padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-outline-variant)}.lcc-faq-item:last-child{border-bottom:none}.lcc-related ul{margin:0;padding-left:var(--spacing-5)}.lcc-related li{margin:var(--spacing-2) 0}.lcc-related a{color:var(--color-accent-secondary);text-decoration:none}.lcc-related a:hover{text-decoration:underline}.lcc-related-desc{color:var(--color-text-on-surface-variant);font-size:.9rem}.lcc-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;padding:var(--spacing-3) var(--spacing-5);color:var(--color-text-on-surface);background:var(--color-bg-surface-container-lowest);border:1px solid var(--color-border-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:.9rem}select,select option{background:var(--color-bg-surface-container-high);color:var(--color-text-on-surface)}.lcc-result-pre::-webkit-scrollbar,.lcc-table-wrap::-webkit-scrollbar{width:10px;height:10px}.lcc-result-pre::-webkit-scrollbar-thumb,.lcc-table-wrap::-webkit-scrollbar-thumb{background:var(--color-border-outline-variant);border-radius:var(--radius-full)}@media (max-width: 767px){.lcc-main{width:min(1180px,calc(100% - 24px));padding-top:20px;gap:var(--spacing-4)}.lcc-page-heading h1{font-size:1.6rem}.lcc-page-heading p{font-size:.94rem}.lcc-config,.lcc-results,.lcc-recent{padding:var(--spacing-4)}.lcc-channel-row{grid-template-columns:48px 1fr 36px}.lcc-preview-actions{margin-left:0;width:100%;flex-wrap:wrap}}@media (min-width: 768px) and (max-width: 1023px){.lcc-page-heading h1{font-size:1.9rem}}