:root{color-scheme:light;--canvas:#f4fbf7;--canvas-strong:#e9f6ee;--surface:#fff;--ink:#14352a;--ink-deep:#0a241b;--ink-soft:#60756b;--line:#bfd2c8;--line-strong:#82a493;--mint:#bdf4d3;--mint-strong:#78e6a5;--mint-deep:#257f4e;--lemon:#f6e84b;--lemon-soft:#fff8b8;--sky:#cceff2;--grid:#246b4813;--shadow-color:#23764d2b;--radius-tight:8px;--radius-control:13px;--radius-panel:20px;background:var(--canvas);color:var(--ink);font-family:Avenir Next,Avenir,Noto Sans,Noto Sans CJK SC,Hiragino Sans,Yu Gothic,Malgun Gothic,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--canvas);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);min-width:320px;color:var(--ink);background-size:24px 24px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 84% 9%,#f6e84b3d,#0000 23rem),radial-gradient(circle at 2% 33%,#78e6a52e,#0000 26rem);position:fixed;inset:0}button,input,select{font:inherit}button,label,summary,a{-webkit-tap-highlight-color:transparent}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,label:focus-visible{outline-offset:3px;outline:3px solid #2e9e6352}h1,h2,h3,p{margin-top:0}.skip-link{z-index:20;border:1px solid var(--ink);background:var(--lemon);color:var(--ink-deep);box-shadow:3px 3px 0 var(--ink);border-radius:7px;padding:10px 14px;font-size:12px;font-weight:750;text-decoration:none;transition:transform .18s;position:fixed;top:10px;left:10px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.language-switcher{z-index:30;position:relative}.language-switcher summary{border:1px solid var(--line-strong);border-radius:var(--radius-tight);min-height:38px;color:var(--ink-deep);cursor:pointer;background:#ffffffb3;align-items:center;gap:8px;padding:0 11px;font-size:10.5px;font-weight:700;list-style:none;transition:background .15s,border-color .15s,transform .14s;display:flex}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:hover,.language-switcher[open] summary{border-color:var(--ink);background:var(--surface)}.language-switcher summary:active{transform:translateY(1px)}.language-switcher summary>.language-code,.language-switcher nav a>span{min-width:27px;color:var(--mint-deep);letter-spacing:.03em;font:750 9.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.language-switcher summary b{margin-left:2px;font-size:12px;transition:transform .15s}.language-switcher[open] summary b{transform:rotate(180deg)}.language-switcher nav{border:1px solid var(--ink);background:#fffffffa;border-radius:9px 9px 19px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(520px,100vw - 28px);padding:9px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:6px 6px #14352a29}.language-switcher nav a{min-width:0;min-height:38px;color:var(--ink);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:0 9px;font-size:10.5px;font-weight:650;text-decoration:none;display:flex}.language-switcher nav a:hover{background:var(--canvas-strong)}.language-switcher nav a:active{transform:translateY(1px)}.language-switcher nav a[aria-current=page]{background:var(--lemon-soft);color:var(--ink-deep)}.site-header{z-index:10;border-bottom:1px solid #14352a3d;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;width:min(1280px,100% - 48px);height:76px;margin:0 auto;display:grid;position:relative}.header-actions{justify-self:end;align-items:center;gap:9px;display:flex}.brand{color:var(--ink-deep);letter-spacing:-.045em;align-items:center;gap:11px;font-size:22px;font-weight:750;text-decoration:none;display:inline-flex}.brand>span:last-child>span{color:var(--mint-deep)}.brand-mark{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:2px;width:31px;display:grid}.brand-mark i{background:var(--ink);border-radius:2px;display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(6),.brand-mark i:nth-child(8){background:var(--mint-strong)}.brand-mark i:nth-child(5){background:var(--lemon)}.primary-nav{align-items:center;gap:30px;display:flex}.primary-nav a{color:var(--ink);font-size:12px;font-weight:650;text-decoration:none;transition:color .15s}.primary-nav a:hover{color:var(--mint-deep)}.header-cta{border:1px solid var(--ink);border-radius:var(--radius-tight);background:var(--lemon);min-height:38px;color:var(--ink-deep);box-shadow:3px 3px 0 var(--ink);justify-self:end;align-items:center;gap:9px;padding:0 14px;font-size:11px;font-weight:750;text-decoration:none;transition:transform .14s,box-shadow .14s;display:inline-flex}.header-cta:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.header-cta:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}main{overflow:hidden}.maker-shell{width:min(1280px,100% - 48px);margin:0 auto;padding:54px 0 98px;scroll-margin-top:20px}.maker-intro{grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr);align-items:end;gap:clamp(48px,7vw,110px);margin-bottom:42px;display:grid;position:relative}.intro-heading,.intro-copy{min-width:0}.maker-intro:after{content:"";opacity:.48;background-image:linear-gradient(90deg, var(--mint-strong) 14px, transparent 14px), linear-gradient(var(--lemon) 14px, transparent 14px);background-position:0 0,13px 13px;background-size:26px 26px;width:78px;height:78px;position:absolute;top:-18px;right:-18px}.eyebrow,.step-kicker{color:var(--mint-deep);letter-spacing:.06em;margin:0;font-size:11px;font-weight:750}.maker-intro .eyebrow{color:var(--ink-soft);letter-spacing:0;align-items:center;gap:9px;margin-bottom:17px;display:flex}.maker-intro .eyebrow>span{background:var(--mint-strong);width:9px;height:9px;box-shadow:12px 0 0 var(--lemon);border-radius:2px}h1{max-width:880px;color:var(--ink-deep);letter-spacing:-.064em;text-wrap:balance;margin-bottom:0;font-size:clamp(48px,6.1vw,86px);font-weight:760;line-height:.98}h1 span{z-index:0;white-space:nowrap;position:relative}h1 span:after{content:"";z-index:-1;background:var(--lemon);border-radius:2px;height:.29em;position:absolute;bottom:.06em;left:-.035em;right:-.035em;transform:rotate(-1deg)}.mobile-break{display:none}.intro-copy{padding-bottom:4px}.lede{max-width:460px;color:var(--ink-soft);letter-spacing:-.015em;margin-bottom:28px;font-size:clamp(16px,1.45vw,19px);line-height:1.62}.privacy-note{border-top:1px solid var(--line-strong);max-width:430px;color:var(--ink-soft);align-items:center;gap:12px;padding-top:18px;font-size:12px;line-height:1.45;display:flex}.privacy-note svg{color:var(--mint-deep);flex:none}.privacy-note strong{color:var(--ink)}.workspace-card{border:1px solid var(--ink);border-radius:var(--radius-control) var(--radius-panel) 30px var(--radius-panel);background:var(--surface);min-height:700px;box-shadow:9px 9px 0 var(--shadow-color);grid-template-rows:auto 1fr;grid-template-columns:390px minmax(0,1fr);display:grid;overflow:hidden}.workspace-topbar{border-bottom:1px solid var(--ink);background:var(--surface);min-height:53px;color:var(--ink-soft);grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 20px;font-size:11px;display:grid}.studio-label{color:var(--ink);align-items:center;gap:8px;font-weight:750;display:inline-flex}.studio-label i{background:var(--mint-strong);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #78e6a533}.workspace-free{color:var(--ink);justify-self:end;font-weight:650}.control-panel{border-right:1px solid var(--ink);background-color:#effaf3;background-image:linear-gradient(#246b480e 1px,#0000 1px),linear-gradient(90deg,#246b480e 1px,#0000 1px);background-size:18px 18px;padding:30px}.step-heading{align-items:center;gap:13px;display:flex}.step-heading>span{border:1px solid var(--ink);background:var(--mint-strong);width:35px;height:35px;color:var(--ink-deep);box-shadow:2px 2px 0 var(--ink);border-radius:7px;flex:none;place-items:center;font:750 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.step-heading h2{color:var(--ink-deep);letter-spacing:-.035em;margin:0;font-size:20px;font-weight:720;line-height:1.1}.step-heading .step-kicker{margin-bottom:4px;font-size:10.5px}.step-heading.compact{margin:31px 0 25px}.step-heading.compact>span{background:var(--lemon)}.drop-zone{border:1.5px dashed var(--ink);background:var(--lemon-soft);cursor:pointer;border-radius:10px 10px 18px;flex-direction:column;justify-content:center;align-items:center;min-height:164px;margin-top:21px;padding:24px 18px;transition:transform .15s,background .15s,box-shadow .15s;display:flex}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-dragging{background:var(--lemon);outline:none;transform:translate(-2px,-2px);box-shadow:4px 4px #14352a21}.drop-zone:active{transform:translate(0);box-shadow:inset 0 0 0 2px #14352a1f}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-mark{border:1px solid var(--ink);background:var(--surface);width:45px;height:45px;color:var(--ink);border-radius:9px;place-items:center;margin-bottom:13px;display:grid;box-shadow:3px 3px #14352a29}.drop-title{color:var(--ink-deep);font-size:14px;font-weight:750}.drop-subtitle{color:var(--ink-soft);margin-top:7px;font-size:11px}.file-chip{border:1px solid var(--line-strong);border-radius:var(--radius-tight);background:var(--surface);grid-template-columns:54px 1fr auto;align-items:center;gap:12px;margin-top:21px;padding:9px;display:grid}.file-chip img{object-fit:cover;border-radius:5px;width:54px;height:54px}.file-chip span{min-width:0;display:grid}.file-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.file-chip small{color:var(--ink-soft);margin-top:4px;font:500 10.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.file-chip button{color:var(--mint-deep);cursor:pointer;background:0 0;padding:8px;font-size:11px;font-weight:750;transition:transform .14s}.file-chip button:active{transform:translateY(2px)}.control-group{border:0;margin:0 0 24px;padding:0;display:block}.control-label,.control-group legend{width:100%;color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.control-label output{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:5px;padding:4px 7px;font:650 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}input[type=range]{appearance:none;width:100%;height:4px;accent-color:var(--mint-deep);background:#aec8ba;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ink);background:var(--lemon);cursor:grab;border-radius:4px;width:17px;height:17px;box-shadow:2px 2px #14352a2e}.range-scale{color:#809389;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.control-group select,.gauge-control input{border:1px solid var(--line-strong);background:var(--surface);min-height:38px;color:var(--ink-deep);border-radius:7px;font-size:11px;font-weight:650}.control-group select{width:100%;padding:0 10px}.gauge-control{grid-template-columns:1fr 1fr;gap:10px}.gauge-control legend{grid-column:1/-1}.gauge-control label{color:var(--ink-soft);gap:6px;font-size:10.5px;display:grid}.gauge-control input{width:100%;padding:0 10px}.info-dot{border:1px solid var(--line-strong);width:15px;height:15px;color:var(--ink-soft);border-radius:4px;place-items:center;margin-left:3px;font-size:10px;display:inline-grid}.segmented{border:1px solid var(--line);background:#dcebe2;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;display:grid}.segmented input{opacity:0;position:absolute}.segmented span{min-height:33px;color:var(--ink-soft);cursor:pointer;border-radius:6px;place-items:center;font-size:10.5px;font-weight:650;display:grid}.segmented input:checked+span{background:var(--surface);color:var(--ink-deep);box-shadow:0 1px #14352a24}.segmented input:focus-visible+span{outline:2px solid var(--mint-deep)}.segmented span:active{transform:translateY(1px)}.toggle-row{cursor:pointer;grid-template-columns:1fr auto;align-items:center;display:grid;position:relative}.toggle-row>span:first-child{display:grid}.toggle-row strong{font-size:11px}.toggle-row small{color:var(--ink-soft);margin-top:4px;font-size:10.5px}.toggle-row input{opacity:0;position:absolute;right:0}.toggle{border:1px solid var(--line-strong);background:#d9e5de;border-radius:7px;width:42px;height:24px;padding:3px;transition:background .15s;display:block}.toggle:after{content:"";background:var(--surface);border-radius:4px;width:16px;height:16px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0a241b2e}.toggle-row input:checked+.toggle{border-color:var(--ink);background:var(--mint-strong)}.toggle-row input:checked+.toggle:after{background:var(--ink);transform:translate(18px)}.toggle-row input:focus-visible+.toggle{outline:3px solid #2e9e6340}.generate-button{border:1px solid var(--ink);background:var(--mint-strong);width:100%;min-height:49px;color:var(--ink-deep);box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:28px;padding:0 17px;font-size:12px;font-weight:780;transition:transform .14s,box-shadow .14s,background .14s;display:flex}.generate-button:hover:not(:disabled){background:var(--lemon);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.generate-button:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.generate-button:disabled{color:#758b80;cursor:not-allowed;background:#cfe0d6;border-color:#8ca79a;box-shadow:3px 3px #aec5b9}.processing-status{text-align:center;min-height:16px;color:var(--ink-soft);margin:10px 0 0;font-size:10.5px;line-height:1.5}.preview-panel{background:var(--surface);min-width:0;padding:30px}.preview-toolbar{justify-content:space-between;align-items:center;gap:22px;min-height:42px;display:flex}.preview-toolbar h2{color:var(--ink-deep);letter-spacing:-.04em;margin:0;font-size:23px;font-weight:740;line-height:1}.preview-toolbar .step-kicker{margin-bottom:6px;font-size:10.5px}.zoom-control{color:var(--ink-soft);grid-template-columns:auto 110px auto;align-items:center;gap:9px;font-size:10.5px;display:grid}.zoom-control output{font-variant-numeric:tabular-nums;width:38px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.empty-preview{border:1px solid var(--line);text-align:center;background-color:#fbfefa;background-image:linear-gradient(#246b4813 1px,#0000 1px),linear-gradient(90deg,#246b4813 1px,#0000 1px);background-size:20px 20px;border-radius:10px 10px 22px;align-content:center;place-items:center;gap:27px;min-height:540px;margin-top:16px;display:grid;position:relative;overflow:hidden}.empty-preview:before,.empty-preview:after{content:"";background:var(--lemon);opacity:.72;width:74px;height:74px;position:absolute}.empty-preview:before{top:-37px;right:28px;transform:rotate(18deg)}.empty-preview:after{background:var(--mint-strong);border-radius:50%;bottom:44px;left:-42px}.empty-preview h3{color:var(--ink-deep);letter-spacing:-.03em;margin-bottom:7px;font-size:18px;font-weight:730}.empty-preview p{max-width:380px;color:var(--ink-soft);margin:0 auto;font-size:12px;line-height:1.55}.pattern-sample{z-index:1;aspect-ratio:12/10;border:1px solid var(--ink);background:var(--surface);border-radius:8px;grid-template-columns:repeat(12,1fr);gap:2px;width:274px;padding:10px;display:grid;position:relative;box-shadow:7px 7px #14352a26}.pattern-sample i{background:var(--tone);border-radius:2px;display:block}.diagonal-sample{gap:5px;padding:23px}.diagonal-sample i{border-radius:1px;transform:rotate(45deg)}.result-view{margin-top:24px}.canvas-scroller{border:1px solid var(--line-strong);background-color:#eef7f1;background-image:linear-gradient(45deg,#dfede4 25%,#0000 25%),linear-gradient(-45deg,#dfede4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfede4 75%),linear-gradient(-45deg,#0000 75%,#dfede4 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;border-radius:10px;height:440px;position:relative;overflow:auto}.canvas-scroller canvas{max-width:none;image-rendering:pixelated;margin:26px auto;display:block;box-shadow:6px 6px #14352a2b}.cell-tooltip{z-index:5;pointer-events:none;background:var(--ink-deep);color:#fff;white-space:nowrap;border-radius:5px;padding:6px 9px;font-size:10.5px;position:absolute}.result-summary{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(5,1fr);margin-top:15px;display:grid;overflow:hidden}.stat{border-right:1px solid var(--line);gap:4px;min-width:0;padding:11px;display:grid}.stat:last-child{border-right:0}.stat span{color:var(--ink-soft);font-size:10px}.stat strong{color:var(--ink-deep);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.confetti-stat strong{color:var(--mint-deep)}.result-actions{align-items:center;gap:13px;margin:15px 0 22px;display:flex}.download-button{border:1px solid var(--ink);background:var(--mint-strong);min-height:43px;color:var(--ink-deep);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:750;text-decoration:none;display:flex}.download-button:hover{background:var(--lemon)}.download-button:active:not([aria-disabled=true]){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.download-button[aria-disabled=true]{opacity:.55;cursor:wait}.result-actions>span{color:var(--ink-soft);font-size:10.5px}.legend-block{border-top:1px solid var(--line);padding-top:19px}.legend-heading{justify-content:space-between;align-items:center;display:flex}.legend-heading h3{color:var(--ink-deep);letter-spacing:-.025em;margin:0;font-size:17px;font-weight:720}.legend-heading span{color:var(--ink-soft);font:500 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.legend-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;max-height:240px;margin-top:12px;display:grid;overflow:auto}.legend-row{background:#f6fbf8;border:1px solid #dae7df;border-radius:6px;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;min-width:0;padding:7px;display:grid}.swatch{background:var(--swatch);border:1px solid #14352a38;border-radius:5px;width:28px;height:28px;box-shadow:inset 0 0 0 3px #ffffff2e}.color-name,.bead-count{min-width:0;display:grid}.color-name strong{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.color-name small,.bead-count small{color:var(--ink-soft);font-size:10px}.bead-count{text-align:right}.bead-count strong{font-variant-numeric:tabular-nums;font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.how-section,.faq-section{width:min(1160px,100% - 48px);margin:0 auto;padding:102px 0 126px}.how-section{border-top:1px solid #14352a40;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(50px,8vw,110px);display:grid}.section-title .eyebrow{margin-bottom:17px}.section-title h2{color:var(--ink-deep);letter-spacing:-.058em;text-wrap:balance;margin-bottom:0;font-size:clamp(39px,4.3vw,60px);font-weight:760;line-height:.98}.section-copy{max-width:400px;color:var(--ink-soft);margin:25px 0 0;font-size:13px;line-height:1.7}.feature-layout{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:15px;display:grid}.feature-layout article{border:1px solid var(--ink)}.feature-spotlight{background:var(--mint);border-radius:11px 11px 30px;flex-direction:column;justify-content:space-between;min-height:500px;padding:25px;display:flex;box-shadow:6px 6px #14352a24}.feature-index{color:#486057;letter-spacing:.02em;font:650 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.color-orbit{border:1px solid #14352a6b;border-radius:50%;place-items:center;width:174px;height:174px;margin:12px auto;display:grid;position:relative}.color-orbit:before{content:"";border:1px dashed #14352a52;border-radius:50%;position:absolute;inset:31px}.color-orbit strong{z-index:2;letter-spacing:-.08em;font:750 26px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:relative}.color-orbit i{border:1px solid var(--ink);border-radius:6px;width:27px;height:27px;position:absolute}.color-orbit i:first-child{background:var(--lemon);top:-7px;left:73px}.color-orbit i:nth-child(2){background:#ee7f67;top:42px;right:-8px}.color-orbit i:nth-child(3){background:var(--sky);bottom:6px;right:17px}.color-orbit i:nth-child(4){background:var(--surface);bottom:20px;left:5px}.color-orbit i:nth-child(5){background:var(--mint-deep);top:37px;left:-7px}.feature-layout h3{color:var(--ink-deep);letter-spacing:-.04em;margin-bottom:9px;font-size:23px;font-weight:740;line-height:1.08}.feature-layout p{color:#486057;margin:0;font-size:12px;line-height:1.65}.feature-stack{gap:15px;display:grid}.feature-stack article{background:var(--lemon-soft);border-radius:24px 9px 9px;flex-direction:column;justify-content:space-between;min-height:242px;padding:23px;display:flex}.feature-stack article:last-child{background:var(--sky);border-radius:9px 9px 24px}.feature-stack article>div{padding-right:36px}.feature-symbol{color:var(--ink-deep);align-self:flex-end;font-size:28px}.pixel-symbol{font:28px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.faq-section{border-top:1px solid #14352a40;grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr);align-items:start;gap:clamp(50px,8vw,110px);display:grid}.faq-section .section-title{position:sticky;top:32px}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:34px;display:grid}.faq-list article{border-top:1px solid var(--line-strong);grid-template-columns:27px 1fr;gap:13px;min-height:220px;padding:18px 0 28px;display:grid}.faq-list article>span{color:var(--mint-deep);font-variant-numeric:tabular-nums;font:700 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.faq-list h3{color:var(--ink-deep);letter-spacing:-.025em;margin-bottom:12px;font-size:15px;font-weight:730;line-height:1.35}.faq-list p{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.7}.guide-section{border-top:1px solid #14352a40;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);align-items:start;gap:clamp(56px,8vw,112px);width:min(1160px,100% - 48px);margin:0 auto;padding:104px 0 136px;display:grid}.guide-heading{max-width:420px;position:sticky;top:32px}.guide-heading .eyebrow{margin-bottom:16px}.guide-heading h2{color:var(--ink-deep);letter-spacing:-.056em;text-wrap:balance;margin-bottom:18px;font-size:clamp(40px,4.25vw,58px);font-weight:760;line-height:.98}.guide-heading>p:last-child{max-width:38ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:14px;line-height:1.72}.guide-grid{border:1px solid var(--ink);background:#f9fdfae0;border-radius:12px 12px 34px;padding:0 32px;display:grid;overflow:hidden;box-shadow:8px 8px #23764d1f}.guide-grid article{border-top:1px solid var(--line-strong);grid-template-columns:48px minmax(0,1fr) 88px;align-items:center;gap:24px;min-height:206px;padding:32px 0;display:grid;position:relative}.guide-grid article:first-child{border-top:0}.guide-grid article:nth-child(2):before{content:"";z-index:0;background:#fff3a03d;position:absolute;inset:0 -32px}.guide-index,.guide-copy,.guide-motif{z-index:1;position:relative}.guide-index{border:1px solid var(--ink);background:var(--mint);width:44px;height:44px;color:var(--mint-deep);font-variant-numeric:tabular-nums;border-radius:7px 7px 15px;align-self:start;place-items:center;font:750 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid;box-shadow:3px 3px #14352a29}.guide-grid article:nth-child(2) .guide-index{background:var(--lemon-soft)}.guide-grid article:nth-child(3) .guide-index{background:var(--sky)}.guide-grid h3{color:var(--ink-deep);letter-spacing:-.04em;text-wrap:balance;margin:0 0 12px;font-size:clamp(22px,2.1vw,28px);line-height:1.08}.guide-grid p{max-width:54ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:13px;line-height:1.72}.guide-motif{aspect-ratio:1;background:#ffffff9e;border:1px solid #14352a57;border-radius:8px 8px 20px;grid-template-columns:repeat(4,1fr);gap:3px;width:88px;padding:7px;display:grid;transform:rotate(2deg)}.guide-motif i{background:#edf6f0;border:1px solid #14352a1f;border-radius:3px}.guide-motif-1 i:nth-child(3n+1),.guide-motif-1 i:nth-child(7){background:var(--mint-strong)}.guide-motif-1 i:nth-child(6),.guide-motif-1 i:nth-child(11){background:var(--ink-deep)}.guide-motif-2{transform:rotate(-2deg)}.guide-motif-2 i:nth-child(4n+1){background:var(--lemon)}.guide-motif-2 i:nth-child(3n+2){background:#ee7f67}.guide-motif-2 i:nth-child(7),.guide-motif-2 i:nth-child(10),.guide-motif-3 i:nth-child(2),.guide-motif-3 i:nth-child(5),.guide-motif-3 i:nth-child(8),.guide-motif-3 i:nth-child(11),.guide-motif-3 i:nth-child(14){background:var(--sky)}.guide-motif-3 i:nth-child(6),.guide-motif-3 i:nth-child(7),.guide-motif-3 i:nth-child(10){background:var(--mint-deep)}.chart-shell{width:min(1280px,100% - 48px);margin:0 auto;padding:60px 0 100px}.chart-hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:clamp(48px,7vw,110px);margin-bottom:42px;display:grid}.chart-hero .eyebrow{margin-bottom:17px}.chart-hero h1{max-width:820px}.chart-hero .lede{margin-bottom:22px}.chart-cta{justify-self:start}.chart-card{border:1px solid var(--ink);background:var(--surface);box-shadow:9px 9px 0 var(--shadow-color);border-radius:12px 12px 30px;overflow:hidden}.chart-toolbar{border-bottom:1px solid var(--ink);background:#effaf3;justify-content:space-between;align-items:center;gap:30px;min-height:100px;padding:22px 26px;display:flex}.chart-toolbar .step-kicker{margin-bottom:6px}.chart-toolbar h2{color:var(--ink-deep);letter-spacing:-.04em;margin:0;font-size:24px}.chart-toolbar label{width:min(330px,45%);color:var(--ink-soft);gap:7px;font-size:10.5px;font-weight:650;display:grid}.chart-toolbar input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:42px;color:var(--ink-deep);border-radius:8px;padding:0 13px;font-size:12px}.chart-note{border-bottom:1px solid var(--line);background:var(--lemon-soft);color:var(--ink-soft);margin:0;padding:16px 26px;font-size:11px;line-height:1.55}.chart-note strong{color:var(--ink-deep)}.color-table-wrap{max-height:720px;overflow:auto}.color-table{border-collapse:collapse;width:100%;font-size:12px}.color-table th{z-index:1;border-bottom:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:12px 18px;font-size:10px;position:sticky;top:0}.color-table td{color:var(--ink-soft);border-bottom:1px solid #e0ebe5;padding:10px 18px}.color-table tr:hover td{background:#f5fbf7}.color-table td:first-child{width:76px}.color-table td:nth-child(2){width:150px;color:var(--ink-deep)}.color-table i{background:var(--chart-color);border:1px solid #14352a47;border-radius:5px;width:38px;height:28px;display:block;box-shadow:inset 0 0 0 3px #ffffff29}.color-table code{color:var(--ink);font:600 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#chart-empty{color:var(--ink-soft);text-align:center;padding:60px 24px}.not-found-shell{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(54px,9vw,120px);width:min(1080px,100% - 48px);min-height:650px;margin:0 auto;padding:96px 0 132px;display:grid}.lost-pattern{aspect-ratio:1;border:1px solid var(--ink);background:var(--surface);box-shadow:9px 9px 0 var(--shadow-color);border-radius:10px 10px 30px;grid-template-columns:repeat(7,1fr);gap:5px;padding:24px;display:grid;transform:rotate(-3deg)}.lost-pattern i{background:var(--mint);border:1px solid #14352a33;border-radius:3px;display:block}.lost-pattern i:nth-child(3n){background:var(--lemon)}.lost-pattern i:nth-child(5n){background:var(--sky)}.lost-pattern i.gap{visibility:hidden}.not-found-copy .eyebrow{margin-bottom:18px}.not-found-copy h1{max-width:720px;font-size:clamp(48px,6.8vw,82px)}.not-found-copy>p:nth-of-type(2){max-width:520px;color:var(--ink-soft);margin:28px 0 0;font-size:16px;line-height:1.65}.not-found-actions{align-items:center;gap:22px;margin-top:30px;display:flex}.not-found-actions .header-cta{justify-self:start}.not-found-actions>a:last-child{color:var(--ink);text-underline-offset:4px;font-size:11px;font-weight:720}.legal-shell{width:min(900px,100% - 48px);margin:0 auto;padding:78px 0 112px}.legal-hero{max-width:760px;margin-bottom:46px}.legal-hero .eyebrow{margin-bottom:15px}.legal-hero h1{max-width:760px;font-size:clamp(46px,6vw,76px);line-height:.98}.legal-hero>p:last-child{color:var(--ink-soft);margin:22px 0 0;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.legal-card{border:1px solid var(--ink);box-shadow:8px 8px 0 var(--shadow-color);background:#ffffffdb;border-radius:11px 11px 28px;padding:clamp(28px,5vw,58px)}.legal-card section+section{border-top:1px solid var(--line);margin-top:38px;padding-top:38px}.legal-card h2{color:var(--ink-deep);letter-spacing:-.035em;margin-bottom:13px;font-size:clamp(21px,2.4vw,28px);font-weight:740}.legal-card p,.legal-card li{color:var(--ink-soft);font-size:14px;line-height:1.75}.legal-card p{max-width:68ch;margin-bottom:12px}.legal-card p:last-child{margin-bottom:0}.legal-card ul{margin:0;padding-left:20px}.legal-card li+li{margin-top:7px}footer{border:1px solid var(--ink);background:var(--lemon);border-radius:8px 24px 8px 8px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 34px;width:min(1280px,100% - 48px);margin:0 auto 24px;padding:31px 34px;display:grid;box-shadow:7px 7px #14352a24}.site-footer{grid-template-columns:minmax(210px,.68fr) minmax(0,1.32fr);align-items:start;gap:34px 64px;padding:34px}.footer-intro p{justify-self:start;max-width:270px;margin:20px 0 0;line-height:1.6}.tool-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 36px;display:grid}.tool-directory section{border-top:1px solid #14352a57;grid-template-columns:94px 1fr;align-items:start;gap:14px;min-width:0;padding-top:11px;display:grid}.tool-directory h2{color:var(--ink-deep);letter-spacing:.045em;margin:1px 0 0;font-size:10px;font-weight:800}.tool-directory section>div{flex-wrap:wrap;gap:7px 14px;display:flex}.tool-directory a{color:var(--ink);text-underline-offset:3px;font-size:10.5px;font-weight:650;line-height:1.35;text-decoration-color:#14352a59}.tool-directory a:hover{text-decoration-color:var(--ink)}.footer-meta{border-top:1px solid #14352a4d;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding-top:18px;display:flex}.site-footer .footer-meta small{grid-column:auto;max-width:820px;line-height:1.5}.footer-brand{font-size:19px}.footer-brand .brand-mark{width:27px}footer p{color:var(--ink);justify-self:end;margin:0;font-size:11px;font-weight:650}footer small{color:#14352ab8;grid-column:1/-1;font-size:10px}.footer-links{justify-self:end;gap:16px;display:flex}.footer-links a{color:var(--ink-deep);text-underline-offset:3px;font-size:11px;font-weight:700}.footer-links a[aria-current=page]{text-decoration-thickness:2px}[hidden]{display:none!important}@media (width<=1040px){.site-header{grid-template-columns:1fr auto}.primary-nav{display:none}.maker-intro{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:44px}.workspace-card{grid-template-columns:350px minmax(0,1fr)}.control-panel,.preview-panel{padding:25px}.result-summary{grid-template-columns:repeat(3,1fr)}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(3){border-right:0}.stat:nth-child(n+4){border-bottom:0}.legend-list{grid-template-columns:1fr}.how-section,.faq-section{gap:48px}.feature-layout{grid-template-columns:1fr}.feature-spotlight{min-height:430px}.tool-directory{grid-template-columns:1fr}.guide-section{grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);gap:48px}.guide-grid{padding:0 26px}.guide-grid article{grid-template-columns:46px minmax(0,1fr) 76px;gap:19px}.guide-motif{width:76px;padding:6px}}@media (width<=780px){body{background-size:20px 20px}.site-header{width:min(100% - 28px,1280px);height:68px}.header-cta{min-height:35px;box-shadow:2px 2px 0 var(--ink)}.maker-shell{width:min(100% - 24px,1280px);padding:42px 0 74px}.maker-intro{grid-template-columns:1fr;gap:24px;margin-bottom:31px}.maker-intro:after{display:none}h1{font-size:clamp(42px,12.5vw,64px)}.lede{margin-bottom:20px}.workspace-card{box-shadow:6px 6px 0 var(--shadow-color);border-radius:12px 12px 24px;grid-template-rows:auto auto auto;grid-template-columns:1fr}.workspace-topbar{grid-template-columns:1fr auto}.workspace-topbar>span:nth-child(2){display:none}.control-panel{border-right:0;border-bottom:1px solid var(--ink)}.preview-panel{min-height:520px}.empty-preview{min-height:400px}.canvas-scroller{height:390px}.zoom-control{grid-template-columns:auto 85px auto}.how-section,.faq-section{grid-template-columns:1fr;width:min(100% - 28px,1160px);padding:78px 0}.guide-section{grid-template-columns:1fr;gap:36px;width:min(100% - 28px,1160px);padding:78px 0 92px}.guide-heading{max-width:620px;position:static}.guide-heading>p:last-child{max-width:56ch}.guide-grid{padding:0 26px}.chart-shell{width:min(100% - 28px,1280px);padding:48px 0 80px}.chart-hero{grid-template-columns:1fr;gap:24px}.chart-toolbar{flex-direction:column;align-items:stretch}.chart-toolbar label{width:100%}.not-found-shell{grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);gap:38px;width:min(100% - 28px,1080px);min-height:0;padding:72px 0 96px}.legal-shell{width:min(100% - 28px,900px);padding:58px 0 82px}.feature-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.feature-spotlight{min-height:460px}.faq-section .section-title{position:static}.faq-list article{min-height:205px}footer{grid-template-columns:1fr;width:min(100% - 28px,1280px);padding:26px}footer p,.footer-links{justify-self:start}.site-footer{grid-template-columns:1fr;gap:30px}.tool-directory{grid-template-columns:1fr}.footer-meta{flex-direction:column;grid-column:auto;align-items:flex-start}}@media (width<=570px){.language-switcher nav{grid-template-columns:repeat(2,minmax(0,1fr))}.language-switcher summary{padding:0 9px}.language-name{display:none}.brand{font-size:19px}.brand-mark{width:27px}.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.mobile-break{display:initial}h1{font-size:clamp(40px,12vw,54px)}.workspace-topbar{padding:0 14px}.workspace-free{font-size:10px}.control-panel,.preview-panel{padding:22px 17px}.preview-toolbar{flex-direction:column;align-items:flex-start}.result-summary{grid-template-columns:repeat(2,1fr)}.stat,.stat:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.stat:last-child{border-bottom:0}.result-actions{flex-direction:column;align-items:flex-start}.download-button{justify-content:center;width:100%}.pattern-sample{width:224px}.feature-layout{grid-template-columns:1fr}.feature-spotlight{min-height:430px}.feature-stack article{min-height:226px}.faq-list{grid-template-columns:1fr}.faq-list article{min-height:0}.guide-grid{padding:0 18px}.guide-grid article{grid-template-columns:44px minmax(0,1fr);gap:16px;min-height:0;padding:27px 0}.guide-motif{display:none}.guide-grid article:nth-child(2):before{inset:0 -18px}.guide-grid h3{font-size:22px}.tool-directory section{grid-template-columns:80px 1fr}.chart-toolbar{padding:20px}.chart-note{padding:14px 20px}.color-table th,.color-table td{padding:10px 12px}.color-table td:first-child{width:58px}.not-found-shell{grid-template-columns:1fr;padding:58px 0 84px}.lost-pattern{width:min(66vw,260px)}.not-found-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}