.knit-root{--knit-paper:#fbf7ed;--knit-raised:#fffdf7;--knit-ink:#10213b;--knit-muted:#536078;--knit-blue:#146be8;--knit-rule:#d9d7cf;--knit-danger:#a12820;--knit-input:#fff;--knit-input-rule:#a8afb8;--knit-link:#0754bd;--knit-hover:#edf3ff;--knit-active:#dce8ff;--knit-blue-hover:#095acb;--knit-blue-active:#084ea9;--knit-error-paper:#fff0ec;--knit-proof-paper:#f0eadb;--knit-diagram-paper:#efe8d7;--knit-empty-cell:#e2dccd;--knit-empty-motif:#355b52;--knit-swatch-rule:#8d969f}.knit-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.knit-notice{border-top:1px solid var(--knit-rule);color:var(--knit-muted);margin-top:24px;padding-top:16px;font-size:13px;display:block}.knit-button{white-space:nowrap;border:1px solid var(--knit-input-rule);background:var(--knit-input);min-height:44px;color:var(--knit-ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .14s,border-color .14s;display:inline-flex}.knit-button:active:not(:disabled){background:var(--knit-active)}.knit-primary:active:not(:disabled){background:var(--knit-blue-active)}.knit-root h1,.knit-root h2{overflow-wrap:anywhere;min-width:0}.knit-root{color:var(--knit-ink);background:var(--knit-paper);font-family:var(--font-noto-sans),sans-serif}.knit-root .sf-header{background:var(--knit-raised)}.knit-root .sf-get-started{background:var(--knit-blue);min-height:44px;color:var(--knit-input);justify-content:center;align-items:center;display:flex}.knit-page{max-width:1280px;margin:auto;padding:0 40px}.knit-root h1,.knit-root h2,.knit-root h3{font-family:var(--font-bricolage-grotesque),sans-serif;color:var(--knit-ink);letter-spacing:-.035em;font-weight:700;line-height:1.12}.knit-root p{line-height:1.75}.knit-hero{max-width:940px;padding:32px 0 24px}.knit-eyebrow{letter-spacing:.14em;color:var(--knit-muted);margin:0 0 16px;font-size:11px;font-weight:700}.knit-hero h1{margin:0 0 12px;font-size:clamp(30px,3.1vw,42px)}.knit-hero h1 span{color:var(--knit-blue)}.knit-hero>p:not(.knit-eyebrow){max-width:760px;margin:0;font-size:16px}.knit-workbench{background:var(--knit-raised);border:1px solid var(--knit-rule);border-radius:16px;padding:28px;scroll-margin-top:24px}.knit-workbench-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.knit-workbench-top h2{margin:0 0 6px;font-size:24px}.knit-workbench-top .knit-eyebrow{margin-bottom:8px}.knit-local{color:var(--knit-muted);white-space:normal;font-size:12px}.knit-root h3{letter-spacing:-.02em;margin:0 0 16px;font-size:18px}.knit-fields{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin:16px 0;display:grid}.knit-field{flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.knit-root input:not([type=file]):not([type=checkbox]),.knit-root select{border:1px solid var(--knit-input-rule);background:var(--knit-input);color:var(--knit-ink);font:inherit;border-radius:6px;width:100%;min-width:0;min-height:44px;padding:12px}.knit-root input[type=color]{cursor:pointer;padding:5px!important}.knit-root input[type=checkbox]{width:18px;height:18px;accent-color:var(--knit-blue);flex-shrink:0}.knit-button:hover:not(:disabled){border-color:var(--knit-blue);background:var(--knit-hover)}.knit-button[aria-pressed=true]{border-color:var(--knit-blue);background:var(--knit-hover);color:var(--knit-link)}.knit-primary{background:var(--knit-blue);border-color:var(--knit-blue);color:var(--knit-input)}.knit-primary:hover:not(:disabled){background:var(--knit-blue-hover);color:var(--knit-input)}.knit-button:disabled{opacity:.45;cursor:not-allowed}.knit-root :focus-visible{outline:3px solid var(--knit-blue);outline-offset:3px}.knit-upload{position:relative;overflow:hidden}.knit-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.knit-upload:focus-within{outline:3px solid var(--knit-blue);outline-offset:3px}.knit-source-preview{background:var(--knit-paper);border-radius:8px;align-items:center;gap:16px;margin-top:16px;padding:16px;display:flex}.knit-source-preview img{object-fit:contain;background:var(--knit-input);width:88px;height:88px}.knit-source-preview div{min-width:0;font-size:12px}.knit-source-preview strong{overflow-wrap:anywhere;display:block}.knit-source-preview span{color:var(--knit-muted);margin-top:4px;display:block}.knit-source-preview p{margin:4px 0 0}.knit-help{color:var(--knit-muted);margin:12px 0;font-size:12px}.knit-error{border-left:3px solid var(--knit-danger);background:var(--knit-error-paper);color:var(--knit-danger);padding:12px 16px;font-size:13px}.knit-editor-heading{border-top:1px solid var(--knit-rule);justify-content:space-between;align-items:end;gap:24px;margin-top:16px;padding-top:16px;display:flex}.knit-size{text-align:right;color:var(--knit-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.knit-size strong{color:var(--knit-ink);font-size:20px}.knit-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 12px;display:flex}.knit-tool-group{flex-wrap:wrap;gap:6px;display:flex}.knit-tool-group .knit-button{padding:8px 12px}.knit-inline{align-items:center;gap:8px;font-size:12px;display:flex}.knit-inline select{width:auto}.knit-edit-layout{grid-template-columns:minmax(0,1fr) 248px;gap:24px;display:grid}.knit-chart-area{grid-area:1/1;min-width:0}.knit-canvas-viewport{background:var(--knit-paper);border:1px solid var(--knit-rule);overscroll-behavior-x:contain;border-radius:8px;max-height:660px;overflow:auto}.knit-canvas-viewport canvas{max-width:none;display:block}.knit-cursor{min-height:22px;font-size:12px;font-family:var(--font-noto-sans-mono),monospace;margin:8px 0}.knit-selection-actions{flex-wrap:wrap;gap:8px;display:flex}.knit-key-panel{border-left:1px solid var(--knit-rule);grid-area:1/2;padding-left:24px}.knit-key-panel .knit-field{margin:16px 0}.knit-palette{flex-direction:column;gap:6px;display:flex}.knit-palette-entry{text-align:left;background:var(--knit-input);border:1px solid var(--knit-rule);cursor:pointer;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px;display:flex}.knit-palette-entry[aria-pressed=true]{border-color:var(--knit-blue);box-shadow:inset 3px 0 var(--knit-blue)}.knit-palette-entry>span:last-child{min-width:0}.knit-palette-entry strong{overflow-wrap:anywhere;font-size:12px;display:block}.knit-palette-entry small{color:var(--knit-muted);margin-top:3px;font-size:10px;display:block}.knit-swatch{width:28px;height:28px;color:var(--knit-ink);border:1px solid var(--knit-swatch-rule);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.knit-output-grid{border-top:1px solid var(--knit-rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;padding-top:24px;display:grid}.knit-output-grid .knit-fields:has(>label:nth-child(2):last-child){grid-template-columns:1fr 1fr}.knit-checks{flex-wrap:wrap;gap:4px 20px;font-size:12px;display:flex}.knit-checks label{align-items:center;gap:8px;min-height:44px;display:flex}.knit-downloads{flex-wrap:wrap;gap:8px;display:flex}.knit-section-nav{border-bottom:1px solid var(--knit-rule);flex-wrap:wrap;gap:8px 32px;padding:28px 0;font-size:12px;font-weight:600;display:flex}.knit-section-nav a{min-height:44px;color:var(--knit-muted);align-items:center;display:flex}.knit-section{border-bottom:1px solid var(--knit-rule);padding:88px 0;scroll-margin-top:24px}.knit-section h2{margin:0 0 16px;font-size:clamp(28px,3.2vw,42px)}.knit-proof{background:var(--knit-proof-paper);border-radius:12px;margin:0;overflow:hidden}.knit-proof img{width:100%;height:auto;display:block}.knit-example-files{flex-wrap:wrap;gap:12px 28px;margin-top:16px;display:flex}.knit-example-files a{min-height:44px;color:var(--knit-link);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.knit-edit-intro{max-width:780px;margin-bottom:32px}.knit-edit-intro>p:last-child,.knit-fit-copy>p:last-child,.knit-edit-benefits p,.knit-format-row p{color:var(--knit-muted);margin:0;font-size:15px}.knit-editor-proof{background:var(--knit-proof-paper);border:1px solid var(--knit-rule);border-radius:12px;margin:0;padding:24px}.knit-editor-proof img{border-radius:6px;width:100%;height:auto;display:block}.knit-edit-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;padding-top:28px;display:grid}.knit-edit-benefits h3{margin-bottom:10px}.knit-fit-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;display:grid}.knit-take-heading{max-width:780px;margin-bottom:32px}.knit-take-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.knit-format-row{gap:16px;margin-bottom:28px;display:flex}.knit-format-row h3{margin-bottom:10px}.knit-format{border:1px solid var(--knit-rule);background:var(--knit-raised);width:52px;height:44px;color:var(--knit-ink);font:600 12px var(--font-noto-sans-mono),monospace;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.knit-faq-heading{margin-bottom:32px}.knit-faq{max-width:960px;margin:auto}.knit-faq details{border-top:1px solid var(--knit-rule);padding:0}.knit-faq summary{cursor:pointer;min-height:64px;padding:20px 0;font-size:16px;font-weight:600}.knit-faq details p{color:var(--knit-muted);max-width:800px;margin:0 0 24px;font-size:14px}.knit-related{border:0}.knit-related p{color:var(--knit-muted);font-size:15px}.knit-related>div{flex-wrap:wrap;gap:12px 32px;margin-top:24px;display:flex}.knit-related a{min-height:44px;color:var(--knit-link);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.knit-controls{border:0;min-width:0;margin:0;padding:0}.knit-palette-entry:hover:not(:disabled){border-color:var(--knit-blue)}.knit-palette-entry:active:not(:disabled){background:var(--knit-hover)}.knit-palette-entry:disabled{opacity:.45;cursor:not-allowed}.knit-upload-primary{background:var(--knit-blue);border-color:var(--knit-blue);color:var(--knit-input);min-width:180px}.knit-upload-primary:hover{background:var(--knit-blue-hover);color:var(--knit-input)}.knit-import-basics{grid-template-columns:180px minmax(0,1fr);align-items:end;gap:24px;margin:20px 0;display:grid}.knit-import-basics h3,.knit-import-basics .knit-fields{margin-bottom:0}.knit-disclosure{border:1px solid var(--knit-rule);border-radius:8px;margin:12px 0}.knit-disclosure>summary{cursor:pointer;min-height:44px;padding:13px 12px;font-size:12px;font-weight:600}.knit-disclosure-body{padding:4px 12px 12px}.knit-output-grid .knit-disclosure{margin:0}.knit-export-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.knit-editor-heading h3{overflow-wrap:anywhere;margin:0}@media (min-width:1600px){.knit-page{max-width:1440px}.knit-hero{padding-top:32px}}@media (max-width:900px){.knit-fit-section,.knit-take-layout{gap:24px}.knit-page{padding:0 24px}.knit-edit-layout{grid-template-columns:minmax(0,1fr);gap:12px}.knit-key-panel{border-left:0;border-top:1px solid var(--knit-rule);border:0;padding:0}.knit-palette{flex-flow:wrap;grid-template-columns:repeat(2,minmax(0,1fr));display:flex}.knit-output-grid{grid-template-columns:1fr}.knit-key-panel,.knit-chart-area{grid-area:auto/1}.knit-key-panel h3{margin-bottom:8px;font-size:14px}.knit-palette-entry{width:auto;min-height:44px;padding:6px 8px}.knit-palette-entry>span:last-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.knit-key-panel .knit-disclosure{margin-bottom:0}.knit-key-panel[data-chart-mode=texture] .knit-palette-entry>span:last-child{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.knit-key-panel[data-chart-mode=texture] .knit-palette-entry strong{font-size:10px}}@media (max-width:600px){.knit-fit-section,.knit-take-layout,.knit-edit-benefits{grid-template-columns:minmax(0,1fr);gap:24px}.knit-editor-proof{padding:8px}.knit-edit-intro,.knit-take-heading,.knit-faq-heading{margin-bottom:24px}.knit-page{padding:0 16px}.knit-hero{padding:24px 0 20px}.knit-hero h1{font-size:30px}.knit-hero>p:not(.knit-eyebrow){font-size:15px;line-height:1.6}.knit-workbench{border-radius:12px;padding:20px 16px}.knit-workbench-top{flex-direction:row;grid-template-columns:1fr auto;align-items:center;gap:6px 8px;display:grid}.knit-workbench-top h2{grid-area:1/1;margin:0;font-size:22px}.knit-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.knit-fields>.knit-field:last-child:nth-child(3){grid-column:1/-1}.knit-editor-heading{border:0;flex-direction:row;align-items:center;gap:8px;margin-top:8px;padding-top:0}.knit-size{text-align:right;flex-shrink:0}.knit-source-preview{gap:12px;padding:12px}.knit-source-preview img{width:64px;height:64px}.knit-section{padding:56px 0}.knit-section-nav{gap:4px 20px;padding:20px 0}.knit-palette{grid-template-columns:1fr}.knit-root .sf-header{padding-left:16px;padding-right:16px}.knit-root .sf-get-started{white-space:nowrap;padding:10px 12px}.knit-root .sf-logo-name{font-size:20px}.knit-import-basics{grid-template-columns:1fr;gap:12px}.knit-import-basics .knit-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.knit-import-basics .knit-fields>.knit-field:last-child{grid-column:auto}.knit-size strong{font-size:16px}.knit-size span{font-size:10px}.knit-notice{border:0;margin-top:10px;padding-top:0;font-size:12px}.knit-toolbar{gap:8px}.knit-export-bar .knit-downloads{gap:4px;width:100%}.knit-export-bar .knit-button{flex:1;gap:4px;min-width:0;padding:8px}.knit-export-bar .knit-help{margin:0}.knit-workbench-top>div{display:contents}.knit-workbench-top>.knit-button{grid-area:1/2}.knit-workbench-top .knit-local{grid-area:2/1/auto/-1}.knit-toolbar .knit-tool-group:first-child{gap:4px}.knit-toolbar .knit-tool-group:first-child .knit-button{gap:6px;padding:8px;font-size:11px}.knit-toolbar .knit-tool-group:first-child svg{width:14px}.knit-output-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.knit-button{transition:none}}.knit-picture-start{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:32px;display:grid}.knit-picture-start .knit-image-entry{padding:12px}.knit-start-area h2{margin:0 0 12px;font-size:26px}.knit-entry-intro{color:var(--knit-muted);margin:0 0 24px;font-size:15px}.knit-path{color:var(--knit-muted);flex-wrap:wrap;gap:10px 18px;margin:0 0 24px;padding:0;font-size:12px;list-style:none;display:flex}.knit-path [aria-current=step]{color:var(--knit-ink);font-weight:700}.knit-picture-start .knit-upload-primary{width:100%;min-height:54px;font-size:16px}.knit-entry-proof{background:var(--knit-proof-paper);border-radius:10px;margin:0;padding:22px}.knit-entry-proof figcaption{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.knit-entry-proof figcaption span{color:var(--knit-muted);font-size:10px}.knit-entry-proof img{border:1px solid var(--knit-rule);border-radius:6px;width:100%;height:auto;display:block}.knit-entry-proof p,.knit-entry-trust{color:var(--knit-muted);margin:14px 0 0;font-size:12px}.knit-other-start{border-top:1px solid var(--knit-rule);margin-top:28px;padding-top:16px}.knit-other-start summary,.knit-saved-menu summary{cursor:pointer;min-height:44px;color:var(--knit-muted);align-content:center;font-size:12px;display:list-item}.knit-other-start .knit-button{margin:8px 8px 0 0}.knit-saved-menu{margin:0 0 16px}.knit-replacement{border-bottom:1px solid var(--knit-rule);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:20px;display:flex}.knit-replacement p{color:var(--knit-muted);flex-basis:100%;margin:0;font-size:12px}@media (max-width:900px){.knit-picture-start{grid-template-columns:minmax(0,1fr);gap:16px}.knit-picture-start .knit-image-entry{padding:4px}.knit-entry-proof{padding:16px}.knit-path{gap:8px 12px;margin-bottom:18px;font-size:11px}.knit-start-area h2{font-size:22px}.knit-entry-intro{margin-bottom:18px;font-size:14px}.knit-entry-proof figcaption{font-size:12px}}@media (max-width:600px){.knit-export-bar .knit-save-editable{flex:1 0 100%}}