:root{color:#263159;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff8ef;font-family:Aptos,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{background:#172554;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,input,textarea,select{font:inherit}button{touch-action:manipulation}a{color:inherit}::selection{color:#fff;background:#d94c52}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{--ink:#172554;--body:#35436d;--paper:#fff8ef;--paper-deep:#f6eadc;--coral:#d94c52;--coral-bright:#f05d5e;--aqua:#76d7c4;--line:#17255429;min-height:100svh;color:var(--body);background:linear-gradient(#17255409 1px, transparent 1px), linear-gradient(90deg, #17255409 1px, transparent 1px), var(--paper);background-size:24px 24px;overflow-x:hidden}.site-header,.hero,.crafts,.craft-home,.finger-studio,.privacy,footer{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:108px;padding-block:12px;display:flex}.brand{flex:auto;align-items:center;min-width:0;text-decoration:none;display:inline-flex}.brand:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.brand-logo{object-fit:contain;object-position:left center;width:auto;max-width:min(100%,11.5rem);height:84px;display:block}.connection-state{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;flex:none;align-items:center;gap:8px;font-size:.78rem;font-weight:720;display:flex}.connection-state span{background:#16816b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #16816b1f}.connection-state.is-offline span{background:var(--coral);box-shadow:0 0 0 4px #d94c5224}.notice{border:1px solid #17255433;border-radius:12px;width:min(1180px,100% - 48px);margin:14px auto 0}.update-notice{color:var(--paper);background:var(--ink);justify-content:space-between;align-items:center;gap:24px;padding:12px 14px 12px 18px;display:flex}.update-notice strong{color:#fff}.update-notice button{min-height:44px;color:var(--ink);background:var(--aqua);cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 18px;font-weight:760}.service-warning{color:#742c33;background:#fff0ed;padding:14px 18px}.craft-home{grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(32px,5vw,68px);min-height:calc(100svh - 190px);padding-block:clamp(34px,5vw,62px);display:grid}.craft-home-intro{max-width:540px}.craft-home h1{margin:0 0 18px;font-size:clamp(3.4rem,6.4vw,6rem);line-height:.9}.craft-home-purpose{max-width:520px;margin-bottom:22px;font-size:clamp(1rem,1.5vw,1.14rem);line-height:1.55}.craft-home-choice{min-width:0}.craft-choice-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.craft-choice-heading .eyebrow{margin:0 0 5px}.craft-choice-heading h2{color:var(--ink);letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500}.craft-entry-board{border:1px solid var(--ink);box-shadow:12px 12px 0 var(--aqua), 14px 14px 0 var(--ink);background:#fff;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.craft-entry-card{flex-direction:column;align-items:flex-start;min-width:0;min-height:342px;padding:clamp(24px,3vw,34px);display:flex;position:relative}.craft-entry-card+.craft-entry-card{border-left:1px solid var(--ink)}.craft-entry-card.is-available{background:linear-gradient(135deg,#76d7c42e,#0000 45%),#fff}.craft-entry-card.is-planned{color:#606a86;background:repeating-linear-gradient(-45deg, #17255406 0, #17255406 8px, transparent 8px, transparent 16px), var(--paper-deep)}.craft-entry-mark{width:62px;height:62px;color:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;margin-bottom:22px;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;line-height:1;display:grid}.craft-entry-card.is-planned .craft-entry-mark{color:var(--paper);background:var(--ink);opacity:.68}.craft-entry-card .craft-label,.craft-entry-status{color:#116c5b;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:800}.craft-entry-status{color:var(--paper);background:var(--coral);border-radius:999px;padding:5px 9px;display:inline-flex}.craft-entry-card h3{letter-spacing:-.045em;margin-bottom:15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.75rem,2.8vw,2.5rem);font-weight:500;line-height:1}.craft-entry-copy>p:not(.craft-label):not(.craft-entry-status){margin-bottom:28px;line-height:1.6}.craft-entry-action{min-height:48px;color:var(--paper);background:var(--ink);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--coral-bright);font:inherit;cursor:pointer;border-radius:8px 8px 8px 2px;margin-top:auto;padding:0 18px;font-weight:780;transition:transform .16s,box-shadow .16s}.craft-entry-action:hover{box-shadow:3px 3px 0 var(--coral-bright);transform:translate(2px,2px)}.craft-entry-action:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.craft-entry-unavailable{color:#4a5574;border-top:1px dashed #17255452;margin:auto 0 0;padding-top:18px;font-size:.88rem;font-weight:740}.hero{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:clamp(48px,8vw,112px);min-height:650px;padding-block:76px 92px;display:grid}.hero-copy{max-width:690px}.eyebrow{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.76rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1{letter-spacing:-.065em;max-width:700px;margin-bottom:28px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,7vw,6.8rem);font-weight:500;line-height:.93}h1 span{color:var(--coral);font-style:italic;display:block}.hero-intro{max-width:620px;margin-bottom:30px;font-size:clamp(1.08rem,2vw,1.26rem);line-height:1.65}.install-area{align-items:center;gap:18px;min-height:52px;display:flex}.primary-action{border:2px solid var(--ink);min-height:50px;color:var(--paper);background:var(--ink);box-shadow:5px 5px 0 var(--aqua);cursor:pointer;border-radius:9px 9px 9px 2px;padding:0 22px;font-weight:760;transition:transform .16s,box-shadow .16s}.primary-action:hover{box-shadow:3px 3px 0 var(--aqua);transform:translate(2px,2px)}.readiness-note,.ios-guidance{color:#5b6687;max-width:500px;margin:0;font-size:.9rem;line-height:1.55}.pattern-board{aspect-ratio:1/1.08;background:var(--ink);width:min(100%,460px);box-shadow:18px 18px 0 var(--aqua), 20px 20px 0 var(--ink);border:10px solid #fff;border-radius:26px 26px 26px 7px;justify-self:end;padding:42px;position:relative;transform:rotate(2.5deg)}.stitch-grid{aspect-ratio:1;border:1px solid #fff3;grid-template-columns:repeat(7,1fr);width:100%;display:grid;overflow:hidden}.stitch-grid span{border-bottom:1px solid #ffffff26;border-right:1px solid #ffffff26;position:relative}.stitch-grid span:before,.stitch-grid span:after{content:"";background:#fff8ef3d;border-radius:999px;width:46%;height:3px;position:absolute;top:50%;left:50%}.stitch-grid span:before{transform:translate(-50%,-50%)rotate(45deg)}.stitch-grid span:after{transform:translate(-50%,-50%)rotate(-45deg)}.stitch-grid span:nth-child(3),.stitch-grid span:nth-child(9),.stitch-grid span:nth-child(11),.stitch-grid span:nth-child(15),.stitch-grid span:nth-child(19),.stitch-grid span:nth-child(21),.stitch-grid span:nth-child(22),.stitch-grid span:nth-child(28),.stitch-grid span:nth-child(29),.stitch-grid span:nth-child(35),.stitch-grid span:nth-child(36),.stitch-grid span:nth-child(42),.stitch-grid span:nth-child(43),.stitch-grid span:nth-child(49){background:var(--coral-bright)}.stitch-grid span:nth-child(4),.stitch-grid span:nth-child(10),.stitch-grid span:nth-child(16),.stitch-grid span:nth-child(18),.stitch-grid span:nth-child(24),.stitch-grid span:nth-child(26),.stitch-grid span:nth-child(32),.stitch-grid span:nth-child(40),.stitch-grid span:nth-child(46){background:var(--aqua)}.pattern-board>p{color:#fff8efc2;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;margin:22px 0 0;font-size:.63rem;font-weight:760;display:flex}.thread-path{z-index:2;border:7px solid var(--coral-bright);border-right-color:#0000;border-radius:50%;width:68px;height:68px;position:absolute}.thread-path-one{top:-35px;right:72px;transform:rotate(34deg)}.thread-path-two{border-color:var(--aqua);border-left-color:#0000;bottom:54px;left:-43px;transform:rotate(-28deg)}.crafts{border-top:1px solid var(--line);padding-block:100px 110px}.section-heading{grid-template-columns:.45fr 1fr;align-items:start;gap:40px;margin-bottom:62px;display:grid}.section-heading h2,.privacy h2{letter-spacing:-.045em;margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,5vw,4.2rem);font-weight:500;line-height:1.03}.craft-list{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.craft-list article{grid-template-columns:82px 1fr;column-gap:26px;padding:42px 48px 44px 0;display:grid}.craft-list article+article{border-left:1px solid var(--ink);padding-left:48px;padding-right:0}.craft-symbol{width:82px;height:82px;color:var(--paper);background:var(--coral);border-radius:50%;grid-row:1/span 3;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:3.2rem;display:grid}.knit-symbol{color:var(--ink);background:var(--aqua)}.craft-label{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:.72rem;font-weight:800}.craft-list h3{letter-spacing:-.035em;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:500}.craft-list article>p:last-child{max-width:390px;margin-bottom:0;line-height:1.65}.privacy{color:#fff8efc7;background:var(--ink);border-radius:28px 28px 28px 8px;grid-template-columns:.58fr 1fr;align-items:center;gap:clamp(48px,8vw,100px);padding:80px clamp(30px,7vw,90px);display:grid}.privacy h2{color:var(--paper);margin-bottom:22px}.privacy>div:last-child>p:last-child{max-width:600px;margin-bottom:0;font-size:1.04rem;line-height:1.65}.privacy-icon{border:2px dashed #fff8ef52;border-radius:50%;justify-self:center;place-items:center;width:190px;height:190px;display:grid;position:relative}.privacy-icon:before{content:"";border:8px solid var(--aqua);border-radius:12px 12px 28px 28px;width:72px;height:82px}.privacy-icon:after{content:"";border:8px solid var(--coral-bright);border-bottom:0;border-radius:34px 34px 0 0;width:58px;height:50px;position:absolute;top:38px}.privacy-icon span{background:var(--paper);border-radius:50%;width:12px;height:12px;position:absolute;top:103px}footer{color:#fff8efad;background:var(--ink);min-height:142px;box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax);justify-content:space-between;align-items:center;margin-top:70px;display:flex}footer p{margin:0;font-size:.82rem}.finger-studio{padding-block:38px 24px}.finger-studio>.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.finger-studio>.section-heading h2{max-width:760px;margin-bottom:0;font-size:clamp(2.35rem,5vw,4.6rem)}.studio-grid{grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr);align-items:start;gap:24px;margin-bottom:18px;display:grid}.studio-grid,.studio-preview-column{min-width:0}.studio-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.studio-controls .control-block{border:1px solid var(--line);background:#ffffffb3;border-radius:12px;margin:0;padding:16px}.studio-controls .control-block:first-child{grid-column:1/-1}.studio-preview-column{position:sticky;top:18px}.refine-artwork-panel{border:1px solid var(--line);box-shadow:6px 6px 0 var(--paper-deep);background:#ffffffb8;border-radius:14px;margin-bottom:28px;padding:22px 24px}.refine-artwork-panel>summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;list-style:none;display:flex}.refine-artwork-panel>summary::-webkit-details-marker{display:none}.refine-artwork-panel>summary:after{content:"+";width:32px;height:32px;color:var(--paper);background:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:1.35rem;line-height:1;display:grid}.refine-artwork-panel[open]>summary:after{content:"−"}.refine-artwork-panel>summary span{gap:3px;display:grid}.refine-artwork-panel>summary strong{font-size:1.05rem}.refine-artwork-panel>summary small{color:var(--body);font-size:.86rem}.refine-artwork-body{padding-top:18px}.refine-artwork-heading{margin-bottom:12px}.refine-artwork-heading h3{color:var(--ink);margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem)}.refine-artwork-note{max-width:72ch;margin:0 0 18px;line-height:1.5}.refine-artwork-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.95fr);align-items:start;gap:24px;display:grid}.refine-artwork-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.refine-preview{min-width:0;margin:0}.refine-preview figcaption{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:720}.refine-preview-image,.refine-preview-empty{object-fit:contain;border:1px solid var(--ink);background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;width:100%;min-height:120px;max-height:180px;display:block}.refine-preview-empty{text-align:center;place-items:center;margin:0;padding:16px;display:grid}.refine-artwork-controls{gap:16px;display:grid}.refine-control{gap:8px;display:grid}.refine-control-label{color:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;font-weight:720;display:flex}.refine-control-label output{min-width:3ch;color:var(--coral);font-variant-numeric:tabular-nums;text-align:right}.refine-control input[type=range]{width:100%;min-height:44px;accent-color:var(--coral)}.refine-control input[type=range]:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.refine-neutral-marker{color:var(--body);margin:0;font-size:.82rem}.refine-reset-button{border:1px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-self:start;padding:0 18px;font-weight:760}.refine-reset-button:hover{background:var(--paper-deep)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recommendations-panel{border:1px solid var(--line);box-shadow:6px 6px 0 var(--paper-deep);background:#ffffffb8;border-radius:14px;margin-bottom:28px;padding:22px 24px}.recommendations-heading{margin-bottom:12px}.recommendations-heading h3{color:var(--ink);margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem)}.recommendations-note,.recommendations-pending,.recommendation-card-reason,.recommendation-color-strategy,.recommendation-yarn-note{max-width:72ch;margin:0;line-height:1.5}.recommendations-note{margin-bottom:18px}.recommendations-size-block{gap:18px;margin-bottom:24px;display:grid}.recommendation-card{border:1px solid var(--line);background:#ffffffe0;border-radius:12px;padding:16px 18px}.recommendation-card-best{box-shadow:4px 4px 0 var(--paper-deep);border-color:#17255447}.recommendation-card-label,.recommendation-alternatives-label{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:720}.recommendation-card h4{color:var(--ink);margin:0 0 8px;font-size:1.15rem}.recommendation-card-facts{margin:0 0 8px;font-size:.95rem}.recommendation-card-reason{margin-bottom:12px}.recommendation-alternative-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.recommendation-apply-button{color:#fff;font:inherit;background:var(--ink);cursor:pointer;border:0;border-radius:999px;margin-top:4px;padding:10px 14px;font-weight:650}.recommendation-apply-button-secondary{color:var(--ink);border:1px solid var(--ink);background:#fff}.recommendation-apply-button:hover{background:var(--coral)}.recommendation-apply-button-secondary:hover{color:#fff;border-color:var(--coral)}.recommendation-apply-button:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.recommendation-current-size{color:var(--ink);margin:8px 0 0;font-size:.92rem;font-weight:650}.recommendations-color-block{border-top:1px solid var(--line);padding-top:8px}.recommendations-color-title{color:var(--ink);margin:0 0 10px;font-size:1.05rem}.recommendation-color-list{gap:10px;margin:12px 0;padding:0;list-style:none;display:grid}.recommendation-color-item{border:1px solid var(--line);background:#ffffffe0;border-radius:10px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;padding:10px 12px;display:grid}.recommendation-color-swatch{border:1px solid var(--ink);border-radius:8px;width:44px;height:44px;display:block}.recommendation-color-copy{gap:4px;min-width:0;display:grid}.recommendation-color-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.recommendation-color-reason{font-size:.92rem;line-height:1.45;display:block}.recommendation-yarn-note{background:#76d7c42e;border:1px solid #1725541f;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.92rem}.control-block{gap:10px;margin-bottom:28px;display:grid}.control-block legend,.file-label,.control-block>label{color:var(--ink);font-weight:720}.file-input,.control-block select,.custom-size input,.project-save-controls input,.project-row-body input{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px}.control-hint,.file-chosen,.preview-caption,.size-facts,.rounding-note{margin:0;font-size:.92rem;line-height:1.45}.choice{grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:10px;display:grid}.choice strong{color:var(--ink);display:block}.custom-size{grid-template-columns:1fr 1fr;gap:12px;display:grid}.framing-preview{width:min(100%,360px);max-height:420px;color:var(--ink);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--aqua);background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;margin-inline:auto;display:grid;overflow:hidden}.framing-preview p{text-align:center;padding:16px}.framing-preview-image{width:100%;height:100%}.framing-preview.is-fit-entire-image .framing-preview-image{object-fit:contain}.framing-preview.is-fill-blanket .framing-preview-image{object-fit:cover}.studio-status{min-height:1.5em;color:var(--ink);margin:0 0 10px;font-weight:720}.generation-progress{color:var(--ink);border:1px solid #1725543d;border-left:5px solid var(--aqua);background:#76d7c429;border-radius:10px;gap:12px;margin:0 0 18px;padding:16px 18px;display:grid}.generation-progress-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.generation-progress-heading>div{gap:3px;display:grid}.generation-progress-heading strong{font-size:1.02rem}.generation-progress-heading span,.generation-progress p{color:var(--body);font-size:.88rem;line-height:1.45}.generation-progress output{min-width:4.8rem;color:var(--ink);text-align:right;font-family:Consolas,Courier New,monospace;font-weight:800}.generation-progress progress{appearance:none;background:linear-gradient(90deg, var(--aqua), var(--coral), var(--aqua)) 0 0 / 200% 100%;border:1px solid #17255459;border-radius:999px;width:100%;height:12px;animation:1.6s linear infinite chart-progress;overflow:hidden}.generation-progress progress::-webkit-progress-bar{background:0 0}.generation-progress progress::-webkit-progress-value{background:0 0}.generation-progress progress::-moz-progress-bar{background:0 0}.generation-progress p{margin:0}@keyframes chart-progress{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.generation-progress progress{animation:none}}.studio-status.is-quality-warn,.studio-status.is-quality-fail{border-radius:10px;padding:10px 12px}.studio-status.is-quality-warn{color:#7a4a00;background:#fff4d6;border:1px solid #e0b44a}.studio-status.is-quality-fail{color:#7f1d1d;background:#fff0ed;border:1px solid #d97676}.studio-error{color:#9f1239;font-weight:700}.studio-result{gap:18px;max-width:100%;display:grid;overflow-x:clip}.view-chart-link{color:#fff;background:var(--ink);border-radius:8px;align-items:center;min-height:42px;margin:0 0 16px;padding:8px 15px;font-weight:780;text-decoration:none;display:inline-flex}.view-chart-link:hover{background:var(--coral)}.view-chart-link:focus-visible{outline:3px solid var(--coral);outline-offset:3px}#generated-chart{scroll-margin-top:18px}.color-limit-control input[type=range]{width:100%;accent-color:var(--coral)}.color-limit-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.color-limit-heading output{min-width:2.4rem;color:var(--paper);background:var(--ink);text-align:center;border-radius:999px;padding:4px 9px;font-size:.86rem;font-weight:800}.chart-source-comparison{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(18px,3vw,34px);min-width:0;display:grid}.chart-source-panel,.chart-generated-panel{min-width:0;margin:0}.chart-source-panel{position:sticky;top:24px}.chart-comparison-caption{color:var(--ink);gap:4px;margin-bottom:12px;display:grid}.chart-comparison-caption>span,.chart-generated-caption>div>span{color:#116c5b;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.chart-comparison-caption strong{overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:600}.chart-source-preview-frame{border:1px solid var(--ink);min-height:360px;max-height:min(68vh,720px);box-shadow:7px 7px 0 var(--aqua);background-color:#fff;background-image:linear-gradient(45deg,#e3e3e3 25%,#0000 25%),linear-gradient(-45deg,#e3e3e3 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e3e3e3 75%),linear-gradient(-45deg,#0000 75%,#e3e3e3 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;display:grid;overflow:hidden}.chart-source-preview-frame img{object-fit:contain;width:100%;height:100%;max-height:min(68vh,720px);display:block}.chart-source-preview-frame p{text-align:center;padding:20px}.chart-generated-caption{grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);align-items:start;gap:16px}.chart-generated-caption>div{gap:4px;display:grid}.chart-generated-caption strong{font-size:1rem}.chart-generation-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.chart-generation-facts div{background:var(--paper-deep);border-left:3px solid var(--aqua);min-width:0;padding:8px 10px}.chart-generation-facts dt,.chart-generation-facts dd{margin:0}.chart-generation-facts dt{color:#59627a;letter-spacing:.06em;text-transform:uppercase;font-size:.67rem;font-weight:760}.chart-generation-facts dd{color:var(--ink);margin-top:3px;font-size:.86rem;font-weight:800}.chart-export{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:720px;margin-inline:auto;padding:14px 16px}.chart-export-title{color:var(--ink);margin:0 0 6px;font-size:.95rem;font-weight:720}.chart-export-hint,.chart-export-status{margin:0 0 10px;font-size:.82rem}.chart-export-status{color:var(--ink);margin-bottom:0}.chart-frame{border:1px solid var(--ink);overscroll-behavior:contain;background:#fff;max-height:min(80vh,920px);padding:12px;overflow:auto}.chart-overview-frame{border:1px solid var(--ink);background:#fff;padding:1px;overflow:hidden}.chart-coordinate-plot{width:min(100% - 62px,540px);min-width:1px;min-height:1px;margin:30px auto 38px;position:relative}.chart-overview-svg,.chart-overview-svg svg{width:100%;height:100%;display:block}.chart-column-coordinates,.chart-row-coordinates{z-index:2;color:#4a5574;pointer-events:none;font-family:Consolas,Courier New,monospace;font-size:.68rem;font-weight:760;line-height:1;position:absolute}.chart-column-coordinates{height:18px;inset:-22px 0 auto}.chart-row-coordinates{width:32px;inset:0 auto 0 -38px}.chart-column-coordinates span,.chart-row-coordinates span{position:absolute}.chart-column-coordinates span{transform:translate(-50%)}.chart-row-coordinates span{right:0;transform:translateY(-50%)}.chart-start-marker{z-index:3;color:#fff;background:var(--coral);border:2px solid var(--ink);width:28px;height:28px;box-shadow:2px 2px 0 var(--ink);pointer-events:none;border-radius:50% 50% 50% 3px;place-items:center;font-size:.8rem;font-weight:900;line-height:1;display:grid;position:absolute;bottom:-34px;left:0}.chart-start-explainer{color:#4a5574;margin:10px 0 0;font-size:.82rem}.chart-start-explainer strong{color:#fff;background:var(--coral);border-radius:50% 50% 50% 3px;place-items:center;width:1.45rem;height:1.45rem;margin-right:4px;display:inline-grid}.chart-frame svg{width:100%;height:100%;display:block}.result-palette{flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.result-palette li{align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.result-palette span{border:1px solid var(--ink);width:22px;height:22px}.chart-editor{gap:16px;max-width:100%;display:grid}.chart-editor>.chart-source-comparison{order:1}.chart-editor>.chart-editor-toolbar{order:2}.chart-editor>.chart-frame{order:3}.chart-editor>.chart-palette{order:4}.chart-editor>.chart-color-controls{order:5}.chart-editor>.chart-edit-actions{order:6}.chart-editor>.chart-delete-confirmation{order:7}.chart-editor-toolbar{gap:12px;display:grid}.chart-tool-group,.chart-view-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chart-tool-label{color:var(--ink);font-weight:700}.chart-tool-hint{color:#4a5574;font-size:.82rem}.chart-tool-button{min-width:88px;min-height:44px;color:var(--ink);border:1px solid var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px}.chart-tool-button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 1px #ffffff2e}.chart-tool-button:focus-visible,.chart-view-button:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.chart-view-button{min-width:88px;min-height:44px;color:var(--ink);border:1px solid var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px}.chart-view-button[aria-pressed=true]{color:#fff;background:var(--ink);border-color:var(--ink)}.chart-view-zoom-label{min-width:4.5rem;color:var(--ink);text-align:center;border:1px solid var(--line);background:var(--paper-deep);border-radius:999px;padding:8px 12px;font-weight:700}.chart-view-exit{border-color:var(--coral);color:var(--coral)}.chart-edit-status{color:var(--ink);margin:0;font-weight:600}.chart-interaction-status{color:#4a5574;min-height:1.4em;margin:0;font-size:.86rem}.chart-palette{border:0;margin:0;padding:0}.chart-palette-options{flex-wrap:wrap;gap:10px;display:flex}.chart-swatch{align-items:center;gap:8px;min-height:44px;display:inline-flex}.chart-swatch-color{border:1px solid var(--ink);width:28px;height:28px}.chart-color-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chart-custom-color,.chart-replace-color,.chart-delete-confirmation{background:var(--paper-deep);border:1px solid var(--line);gap:10px;min-width:0;padding:14px;display:grid}.chart-custom-color label,.chart-replace-color label{color:var(--ink);font-weight:750}.chart-custom-color input,.chart-replace-color input,.chart-replace-color select{width:100%;min-height:44px;color:var(--ink);border:1px solid var(--ink);font:inherit;background:#fff;border-radius:6px;padding:8px 10px}.chart-custom-color p,.chart-replace-color p,.chart-delete-confirmation p{color:#4a5574;margin:0;font-size:.84rem;line-height:1.45}.chart-custom-color button,.chart-replace-color button,.chart-delete-confirmation button{min-height:44px;color:var(--ink);border:1px solid var(--ink);font:inherit;background:#fff;border-radius:8px;padding:8px 14px}.chart-custom-color button:focus-visible,.chart-replace-color button:focus-visible,.chart-delete-confirmation button:focus-visible,.chart-custom-color input:focus-visible,.chart-replace-color input:focus-visible,.chart-replace-color select:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.chart-delete-confirmation{border-color:var(--coral)}.chart-delete-confirmation-actions,.chart-edit-actions,.chart-export-actions,.project-save-actions,.project-row-actions,.studio-dialog-actions{flex-wrap:wrap;gap:10px;display:flex}.chart-edit-actions button,.chart-export-actions button,.project-save-actions button,.project-row-actions button,.studio-dialog-actions button,.size-apply-banner button{min-height:44px;color:var(--ink);border:1px solid var(--ink);background:#fff;border-radius:8px;padding:8px 14px}.chart-edit-actions button:disabled,.chart-export-actions button:disabled,.project-save-actions button:disabled{color:#6b7280;border-color:var(--line);background:#f3f4f6}.studio-danger{color:#9f1239;border-color:#9f1239}.chart-editor-shell{touch-action:none;cursor:default;width:100%;height:100%;margin-inline:auto;position:relative}.chart-editor-shell svg{width:100%;height:100%;display:block}.chart-active-cell{left:calc(var(--cell-column) * 100% / var(--chart-columns));top:calc(var(--cell-row) * 100% / var(--chart-rows));width:calc(100% / var(--chart-columns));height:calc(100% / var(--chart-rows));z-index:4;pointer-events:none;position:absolute}.chart-active-cell:before,.chart-active-cell:after{content:"";pointer-events:none;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.chart-active-cell:before{border-top:10px solid var(--ink);border-left:8px solid #0000;border-right:8px solid #0000;top:-11px}.chart-active-cell:after{border-top:7px solid var(--coral-bright);border-left:5px solid #0000;border-right:5px solid #0000;top:-10px}.chart-editor-shell:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.size-apply-banner,.project-library,.studio-dialog{background:var(--paper-deep);border:1px solid var(--line);padding:16px}.project-library{margin-top:28px}.studio-result>.project-library{border-left:5px solid var(--aqua);margin-top:0}.project-library h3,.studio-dialog h3{color:var(--ink);margin:0 0 12px}.project-save-controls,.project-row-body{gap:10px;display:grid}.project-save-status.is-error,.project-save-status.is-recovery,.project-row.is-unreadable .project-row-meta{color:#9f1239;font-weight:700}.project-list{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.project-row{border:1px solid var(--line);background:#fff;grid-template-columns:72px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.project-row.is-unreadable{grid-template-columns:1fr auto}.project-thumb{object-fit:contain;border:1px solid var(--line);background:#fff;width:72px;height:72px}.project-thumb.is-empty{display:block}.project-row-title,.project-row-meta,.project-empty{margin:0}.studio-dialog-backdrop{z-index:20;background:#1725546b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-dialog{background:var(--paper);width:min(100%,420px)}.footer-mark{color:var(--coral-bright);letter-spacing:.3em}@media (width<=900px){.site-header{min-height:96px}.brand-logo{height:72px}.hero{grid-template-columns:1fr;padding-top:64px}.craft-home{grid-template-columns:1fr}.craft-home-intro{max-width:720px}.pattern-board{justify-self:center;width:min(92%,470px)}.craft-list{grid-template-columns:1fr}.craft-list article,.craft-list article+article{padding:36px 0}.craft-list article+article{border-top:1px solid var(--ink);border-left:0}.studio-grid{grid-template-columns:1fr}.studio-preview-column{position:static}.chart-source-comparison{grid-template-columns:1fr}.chart-source-panel{position:static}.chart-source-preview-frame{min-height:280px}}.project-library h4{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin:20px 0 0;font-size:.9rem}@media (width<=680px){.site-header,.hero,.crafts,.craft-home,.finger-studio,.privacy,footer,.notice{width:min(100% - 32px,1180px)}.site-header{gap:12px;min-height:86px;padding-block:8px}.brand-logo{height:56px}.connection-state{font-size:.66rem}.connection-state.is-offline{max-width:120px;line-height:1.25}.hero{gap:60px;min-height:auto;padding-block:56px 78px}.craft-home{gap:42px;min-height:auto;padding-block:44px 70px}.craft-home h1{font-size:clamp(3rem,15vw,4.5rem)}.craft-choice-heading{display:block}.studio-controls{grid-template-columns:1fr}.studio-controls .control-block:first-child{grid-column:auto}.generation-progress-heading{display:grid}.generation-progress output{text-align:left}.craft-entry-board{box-shadow:8px 8px 0 var(--aqua), 10px 10px 0 var(--ink);grid-template-columns:1fr}.craft-entry-card{min-height:350px;padding:28px 24px 30px}.craft-entry-card.is-planned{min-height:250px}.craft-entry-card.is-planned .craft-entry-mark{width:48px;height:48px;margin-bottom:16px;font-size:1.8rem}.craft-entry-card+.craft-entry-card{border-top:1px solid var(--ink);border-left:0}.craft-entry-mark{width:62px;height:62px;margin-bottom:22px;font-size:2.35rem}.chart-color-controls{grid-template-columns:1fr}h1{font-size:clamp(3rem,16vw,4.8rem)}.install-area{flex-direction:column;align-items:flex-start}.pattern-board{width:calc(100% - 20px);box-shadow:10px 10px 0 var(--aqua), 12px 12px 0 var(--ink);border-width:7px;padding:24px}.pattern-board>p{margin-top:14px;font-size:.5rem}.thread-path{border-width:5px;width:48px;height:48px}.thread-path-one{top:-27px;right:50px}.thread-path-two{bottom:40px;left:-30px}.crafts{padding-block:76px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:44px}.craft-list article{grid-template-columns:64px 1fr;gap:18px}.craft-symbol{width:64px;height:64px;font-size:2.5rem}.privacy{grid-template-columns:1fr;padding:54px 28px}.privacy-icon{width:150px;height:150px}.privacy-icon:before{border-width:7px;width:58px;height:68px}.privacy-icon:after{border-width:7px 7px 0;border-bottom-style:none;border-bottom-color:currentColor;width:48px;height:43px;top:29px}.privacy-icon span{top:81px}.update-notice{flex-direction:column;align-items:flex-start}.studio-grid,.custom-size,.refine-artwork-grid,.refine-artwork-previews,.recommendation-alternative-grid,.chart-generated-caption,.chart-generation-facts{grid-template-columns:1fr}.chart-source-preview-frame{min-height:240px;max-height:62vh}}body.chart-focused-mode{overflow:hidden}body.chart-focused-mode .site-header,body.chart-focused-mode .hero,body.chart-focused-mode .crafts,body.chart-focused-mode .craft-home,body.chart-focused-mode .privacy,body.chart-focused-mode footer,body.chart-focused-mode .notice{display:none}body.chart-focused-mode .finger-studio{z-index:40;background:var(--paper);width:100%;max-width:none;margin:0;padding:16px;position:fixed;inset:0;overflow:auto}body.chart-focused-mode .finger-studio .section-heading,body.chart-focused-mode .finger-studio .studio-grid,body.chart-focused-mode .finger-studio .refine-artwork-panel,body.chart-focused-mode .finger-studio .recommendations-panel,body.chart-focused-mode .finger-studio .studio-status,body.chart-focused-mode .finger-studio .studio-error,body.chart-focused-mode .finger-studio .chart-export,body.chart-focused-mode .finger-studio .project-library{display:none}body.chart-focused-mode .finger-studio .studio-result{gap:12px}body.chart-focused-mode .finger-studio .chart-source-comparison{display:none}body.chart-focused-mode .finger-studio .chart-editor-toolbar{order:1}body.chart-focused-mode .finger-studio .chart-frame{order:2}body.chart-focused-mode .finger-studio .chart-palette{order:3}body.chart-focused-mode .finger-studio .chart-color-controls{order:4}body.chart-focused-mode .finger-studio .chart-edit-actions{order:5}body.chart-focused-mode .finger-studio .chart-delete-confirmation{order:6}body.chart-focused-mode .finger-studio .chart-frame{max-height:calc(100svh - 280px)}@media (width<=680px){body.chart-focused-mode .finger-studio{padding:12px}body.chart-focused-mode .finger-studio .chart-frame{max-height:calc(100svh - 320px)}body.chart-focused-mode .chart-view-group{gap:8px}body.chart-focused-mode .chart-view-button,body.chart-focused-mode .chart-tool-button{min-width:72px;padding-inline:12px}}