@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-cyrillic-wght-normal-BfQLqnEI.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-ext-wght-normal-CsF3XSp0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pixelify Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/pixelify-sans-latin-wght-normal-Cbhn5ptY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{color:#352f39;font-synthesis:none;--paper:#f7f4f1;--surface:#fff;--ink:#352f39;--muted:#615063;--line:#f3efed;--brand:#c54332;--brand-soft:#fbede8;--green:#24745a;--green-soft:#edf7f1;--display:"Bricolage Grotesque Variable", "DM Sans Variable", sans-serif;background:#f7f4f1;font-family:DM Sans Variable,Noto Sans SC,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{-webkit-font-smoothing:antialiased;min-width:320px;margin:0;font-size:16px;line-height:1.55}::selection{color:var(--ink);background:#f3c6b9}a{color:inherit;text-underline-offset:4px;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:4px}input,textarea,select{background:var(--surface);min-width:0;max-width:100%;color:var(--ink);accent-color:var(--brand);caret-color:var(--brand);border:1px solid #f3efed;border-radius:7px;padding:10px 12px}input::placeholder,textarea::placeholder{color:#6c596c}input[type=range]{cursor:pointer;background:0 0;border:0;width:100%;padding:6px 0}input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px}select{cursor:pointer}input[type=number]{font-variant-numeric:tabular-nums}textarea{resize:vertical}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);text-wrap:balance;letter-spacing:-.025em;font-weight:600}h1{margin-bottom:16px;font-size:clamp(32px,2.2vw + 18px,55px);line-height:1.08}h2{margin-bottom:12px;font-size:clamp(27px,2.1vw,34px);line-height:1.18}h3{margin-bottom:8px;font-size:18px;line-height:1.3}p{text-wrap:pretty}img{max-width:100%;display:block}svg{vertical-align:middle;flex-shrink:0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}small{color:var(--muted);font-size:12px;line-height:1.5}button,a{transition:color .16s,background .16s,border-color .16s,transform .16s}button svg{pointer-events:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e8e2df;border-radius:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:#fff;z-index:100;border-radius:8px;padding:12px 20px;position:fixed;top:-70px;left:18px}.skip-link:focus{top:12px}.site-header{background:var(--paper);border-bottom:1px solid var(--line);height:80px}.header-inner{align-items:center;gap:50px;max-width:1376px;height:100%;margin:auto;padding:0 44px;display:flex}.brand{white-space:nowrap;font-family:var(--display);letter-spacing:-.8px;align-items:center;gap:9px;font-size:24px;font-weight:650;display:inline-flex}.brand-dot{color:var(--brand)}.desktop-nav{align-self:stretch;align-items:center;gap:30px;margin-left:20px;display:flex}.desktop-nav>a{color:#615063;align-items:center;height:100%;font-size:14px;font-weight:500;display:flex;position:relative}.desktop-nav>a:hover,.desktop-nav>a.active{color:var(--ink)}.desktop-nav>a.active:after{content:"";background:var(--brand);border-radius:50%;width:4px;height:4px;position:absolute;bottom:16px;left:50%}.header-actions{align-items:center;gap:25px;margin-left:auto;display:flex}.language-select{color:var(--muted);align-items:center;gap:4px;display:flex}.language-select select{appearance:none;background:0 0;border:0;min-width:26px;padding:9px 0;font-size:12px}.projects-link{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.projects-link:hover{color:var(--brand)}.mobile-menu{display:none;position:relative}.site-main{max-width:1376px;margin:auto;padding:0 44px}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding-top:24px;font-size:12px;display:flex}.breadcrumb>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:60ch;overflow:hidden}.breadcrumb a:hover{color:var(--brand)}.page-intro{justify-content:space-between;align-items:center;gap:60px;padding:44px 0 34px;display:flex}.page-intro>div:first-child{max-width:770px}.page-intro p{color:var(--muted);max-width:64ch;margin:0;font-size:16px;line-height:1.65}.home-intro{padding-top:35px;padding-bottom:29px}.home-intro h1{margin-bottom:13px;font-size:50px}.home-intro>div:first-child{max-width:750px}.home-intro p{max-width:62ch;font-size:15px}.intro-promise{flex-direction:column;align-items:center;gap:9px;min-width:220px;margin-right:25px;display:flex}.intro-promise>span{font-family:var(--display);letter-spacing:-.025em;font-size:19px}.intro-promise>small{align-items:center;gap:6px;font-size:12px;display:flex}.promise-art{align-items:center;gap:5px;margin-bottom:7px;display:flex;transform:rotate(-5deg)}.promise-art span{border-radius:7px;width:22px;height:22px;position:relative}.promise-art span:nth-child(2n){transform:translateY(5px)}.promise-art span:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:8px}.button{background:var(--brand);color:#fff;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:11px 18px;font-size:14px;font-weight:600;line-height:1.4;display:inline-flex}.button:hover:not(:disabled){background:#ad3829}.button-small{gap:7px;min-height:36px;padding:8px 13px;font-size:12px}.button-secondary{color:var(--ink);background:#fff;border:1px solid #f3efed}.button-secondary:hover:not(:disabled){background:#f8f9fc}.text-button{justify-content:center;align-items:center;gap:6px;min-height:36px;padding:6px;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover:not(:disabled){color:var(--brand);background:#f8f9fc;border-radius:5px}.text-link{color:var(--green);align-items:center;gap:9px;padding:8px 0;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.text-link:hover{color:var(--brand)}.icon-button{border-radius:7px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover{background:var(--green-soft)}.editor{isolation:isolate;background:#fff;border:1px solid #f3efed;border-radius:14px;scroll-margin-top:20px;position:relative}.studio-topbar{border-bottom:1px solid var(--line);background:#fff;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 17px;display:flex}.studio-name{align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.status-dot{background:#6c596c;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.status-dot.muted{background:#d2c7ce}.tiny-tag{color:var(--muted);font-variant-numeric:tabular-nums;background:#f8f9fc;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:400}.studio-file-actions{align-items:center;gap:9px;display:flex}.studio-file-actions .text-button{font-size:12px}.studio-body{grid-template-columns:262px minmax(0,1fr) 230px;height:620px;display:grid}.studio-settings{flex-direction:column;gap:18px;padding:19px 19px 15px;display:flex;overflow-y:auto}.studio-settings>*{flex-shrink:0}.upload-zone{background:#fff;border:1px dashed #e8e2df;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-height:150px;padding:15px 10px;display:flex}.upload-zone:hover{background:#f8f9fc;border-color:#6c596c}.upload-illustration{width:47px;height:47px;color:var(--green);background:#fff;border:1px solid #e8e2df;border-radius:10px;justify-content:center;align-items:center;margin-bottom:8px;display:flex;position:relative;transform:rotate(-6deg)}.upload-plus{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-3px;right:-8px}.upload-zone strong{font-size:13px;font-weight:600}.upload-zone>span{color:var(--muted);font-size:11px}.upload-zone small{margin-top:5px;font-size:10px}.upload-zone.has-image{min-height:125px;padding:8px}.upload-zone img{object-fit:contain;max-width:100%;height:70px;margin-bottom:5px}.sample-row{justify-content:space-between;align-items:center;margin-top:-16px;display:flex}.sample-row button{color:var(--green);align-items:center;gap:5px;min-height:30px;padding:6px 0;font-size:11px;display:flex}.sample-row button:last-child{justify-content:center;width:30px;padding:5px}.input-group{flex-direction:column;gap:9px;display:flex}.input-group>label,.input-group>strong{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.unit-label{color:var(--muted);font-size:10px;font-weight:400}.input-group select{width:100%;min-height:38px;padding:8px 28px 8px 10px;font-size:12px}.select-wrap{position:relative}.select-wrap select{appearance:none}.select-wrap>svg{pointer-events:none;color:var(--muted);position:absolute;top:13px;right:11px}.size-presets{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.size-presets button{font-variant-numeric:tabular-nums;border:1px solid #f3efed;border-radius:5px;min-height:32px;padding:4px 0;font-size:10px}.size-presets button:hover{background:var(--paper)}.size-presets button.active{background:var(--green-soft);color:var(--green);border-color:#d2c7ce}.dimension-row{align-items:center;gap:9px;display:flex}.dimension-row>span{color:var(--muted);padding-top:20px;font-size:12px}.dimension-row label{min-width:0;color:var(--muted);flex-direction:column;flex:1;gap:4px;font-size:10px;display:flex}.dimension-row input{width:100%;min-height:33px;padding:7px 8px;font-size:12px}.detail-presets{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.detail-presets>button{border:1px solid #f3efed;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:9px 2px 8px;font-size:11px;display:flex}.detail-presets>button.active{background:var(--brand-soft);color:#9e3c2e;border-color:#d68d7d}.detail-presets>button>span:not(.detail-icon){font-weight:600}.detail-presets small{font-size:9px}.detail-icon{grid-template-columns:repeat(3,4px);gap:2px;min-height:16px;margin-bottom:4px;display:grid}.detail-icon i{background:#d2c7ce;border-radius:1px;width:4px;height:4px}.detail-icon.easy i:nth-child(2n){opacity:0}.detail-icon.balanced i:nth-child(3n){background:#ca8673}.detail-icon.detailed i:nth-child(2n){background:#c54332}.make-button{gap:8px;width:100%;min-height:41px;padding:9px;font-size:12px}.make-button>span{text-align:left;flex:1}.privacy-note{color:var(--muted);align-items:flex-start;gap:7px;margin-top:auto;font-size:10px;line-height:1.5;display:flex}.disclosure{border-top:1px solid var(--line);min-height:35px;color:var(--muted);justify-content:space-between;align-items:center;padding:12px 0 0;font-size:11px;display:flex}.disclosure .rotate{transform:rotate(180deg)}.advanced-options{flex-direction:column;gap:15px;margin-top:-5px;display:flex}.checkbox-row{cursor:pointer;align-items:center;gap:8px;font-size:12px;line-height:1.5;display:flex}.background-actions{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:14px;display:flex}.background-actions>strong{font-size:12px}.background-actions .button{min-height:38px;padding:8px;font-size:11px}.background-actions small{font-size:10px}.owned-palette{grid-template-columns:repeat(7,1fr);gap:5px;max-height:180px;padding:4px;display:grid;overflow-y:auto}.owned-palette button{border:1px solid #6c596c55;border-radius:4px;justify-content:center;align-items:center;height:23px;display:flex}.owned-palette button.checked{outline:2px solid var(--ink);outline-offset:1px}.owned-palette svg{color:#fff;filter:drop-shadow(0 1px 1px #000)}.blank-start{border-bottom:1px solid var(--line);padding-bottom:20px;font-size:12px}.blank-start>svg{color:var(--brand);margin:4px 0 12px}.blank-start h3{font-size:17px}.blank-start p{color:var(--muted);font-size:12px;line-height:1.6}.blank-start .button{white-space:normal;width:100%;font-size:11px}.small-note{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;line-height:1.6;display:flex}.small-note svg{margin-top:3px}.studio-canvas-section{border-left:1px solid var(--line);border-right:1px solid var(--line);background:#f8f9fc;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-toolbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:7px;height:49px;padding:6px 10px;display:flex}.drawing-tools,.view-toggles,.canvas-zoom,.canvas-transform{align-items:center;gap:3px;display:flex}.canvas-toolbar button,.canvas-bottom button{color:#615063;border-radius:5px;justify-content:center;align-items:center;min-width:31px;height:32px;padding:5px;display:flex}.canvas-toolbar button:hover:not(:disabled),.canvas-bottom button:hover:not(:disabled){color:var(--ink);background:#f8f9fc}.canvas-toolbar button.active{background:var(--green-soft);color:var(--green)}.toolbar-divider{background:var(--line);width:1px;height:18px;margin:0 4px}.bead-icon{border:3px solid;border-radius:4px;width:14px;height:14px}.board-viewport{flex:1;justify-content:center;align-items:center;min-height:0;padding:22px;display:flex;position:relative;overflow:hidden}.board-inner{will-change:transform;justify-content:center;align-items:center;width:100%;transition:transform .14s;display:flex}.bead-canvas{image-rendering:auto;touch-action:none;cursor:crosshair;outline-offset:3px;background:#fff;border-radius:2px;width:auto;max-width:100%;height:auto;max-height:485px;display:block;box-shadow:0 6px 24px #3a303f12}.is-panning .bead-canvas{cursor:grab}.is-panning .bead-canvas:active{cursor:grabbing}.canvas-bottom{height:43px;color:var(--muted);background:#f8f9fc;border-top:1px solid #f3efed;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:5px 12px;display:flex}.canvas-zoom{gap:2px}.canvas-bottom .zoom-value{font-variant-numeric:tabular-nums;min-width:45px;font-size:10px}.board-count{white-space:nowrap;font-size:10px}.canvas-empty{text-align:center;pointer-events:none;background:#ffffffed;border-radius:8px;flex-direction:column;gap:7px;padding:16px;display:flex;position:absolute;top:45%;left:10%;right:10%}.canvas-empty strong{font-size:15px;font-family:var(--display);font-weight:600}.canvas-empty span{color:var(--muted);font-size:12px}.studio-materials{flex-direction:column;gap:12px;min-width:0;padding:0 17px 14px;display:flex;overflow-y:auto}.studio-materials>*{flex-shrink:0}.inspector-tabs{border-bottom:1px solid var(--line);align-items:center;gap:17px;height:49px;margin:0 -1px;display:flex}.inspector-tabs button{white-space:nowrap;height:100%;color:var(--muted);align-items:center;gap:5px;padding:0;font-size:11px;display:flex;position:relative}.inspector-tabs button.active{color:var(--ink);font-weight:600}.inspector-tabs button.active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.material-summary{border-bottom:1px solid var(--line);gap:33px;padding:3px 0 11px;display:flex}.material-summary>div{flex-direction:column;display:flex}.material-summary strong{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:500;line-height:1.25}.material-summary span{color:var(--muted);margin-top:3px;font-size:10px}.material-list{flex-direction:column;flex-shrink:1;gap:3px;min-height:0;max-height:310px;display:flex;overflow:auto}.material-row{border-radius:6px;align-items:center;gap:9px;min-height:44px;padding:4px 3px;display:flex}.material-row.focused{background:#f8f9fc}.material-color{border:1px solid #352f391a;border-radius:7px;flex-shrink:0;width:25px;height:25px;position:relative}.material-color:after{content:"";background:#fffb;border-radius:2px;position:absolute;inset:8px}.material-label{text-align:left;flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.material-label strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:500;overflow:hidden}.material-label small{font-variant-numeric:tabular-nums;font-size:9px}.material-count{font-variant-numeric:tabular-nums;color:#615063;margin-left:auto;font-size:11px}.palette-disclaimer{color:var(--muted);margin:auto 0 0;padding-top:6px;font-size:9px;line-height:1.55}.all-colors{min-width:0;margin:0}.all-colors summary{border-top:1px solid var(--line);justify-content:space-between;min-height:34px;padding:8px 0;font-size:11px;font-weight:500;display:flex}.all-colors summary span{color:var(--muted);font-size:10px}.all-colors input{width:100%;margin:4px 0 9px;padding:7px;font-size:10px}.palette-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-height:177px;padding:4px;display:grid;overflow-y:auto}.palette-grid button{aspect-ratio:1;border:1px solid #352f3922;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.palette-grid button.selected{outline:2px solid var(--ink);outline-offset:1px}.palette-grid svg{color:#fff;filter:drop-shadow(0 1px 1px #352f39)}.replace-color{white-space:normal;font-size:10px;line-height:1.5}.custom-color{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.custom-color>label{width:100%;font-size:10px}.custom-color input{width:40px;height:30px;margin:0;padding:2px}.custom-color button{padding:5px}.making-progress{background:var(--green-soft);border-radius:7px;padding:10px}.making-progress>div{justify-content:space-between;align-items:center;font-size:10px;display:flex}.making-progress strong{font-size:16px}.making-progress progress{appearance:none;background:#e8e2df;border:0;border-radius:4px;width:100%;height:5px;margin:8px 0;display:block}.making-progress progress::-webkit-progress-bar{background:#e8e2df;border-radius:4px}.making-progress progress::-webkit-progress-value{background:var(--green);border-radius:4px}.making-progress p{margin:7px 0 0;font-size:10px;line-height:1.6}.making-progress .text-button{min-height:27px;margin-top:6px;padding:3px;font-size:10px}.studio-status{border-top:1px solid var(--line);min-height:33px;color:var(--muted);border-radius:0 0 14px 14px;justify-content:space-between;align-items:center;gap:12px;padding:7px 17px;font-size:10px;display:flex}.studio-status>span{align-items:center;gap:7px;display:flex}.mobile-editor-tabs{display:none}.processing-message{background:var(--ink);color:#fff;z-index:4;border-radius:9px;align-items:center;gap:10px;max-width:95%;padding:12px 15px;font-size:12px;display:flex;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #352f3933}.processing-message button{padding:5px;font-size:11px;text-decoration:underline}.editor-error{color:#8f3429;background:#fff0eb;border-radius:0 0 14px 14px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;line-height:1.55;display:flex}.editor-error button{margin-left:auto}.toast{z-index:30;background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:14px 20px;font-size:13px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #352f3922}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio-dialog{width:min(540px,100% - 32px);color:var(--ink);background:#fff;border:0;border-radius:14px;max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto;box-shadow:0 18px 70px #352f3933}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#352f3955}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.dialog-heading h2{font-size:26px}.dialog-heading p{color:var(--muted);max-width:45ch;margin:0;font-size:13px}.dialog-heading>button{background:#f8f9fc;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:flex}.studio-dialog>input{width:100%;font-size:14px}.field-label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.export-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 13px;display:grid}.export-settings label{flex-direction:column;gap:5px;font-size:11px;display:flex}.export-settings select{min-height:35px;padding:8px 5px;font-size:11px}.export-list{border-top:1px solid var(--line);flex-direction:column;margin:20px 0 14px;display:flex}.export-list>button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;min-height:53px;padding:13px 5px;display:flex}.export-list>button:hover{color:var(--brand)}.export-list strong{flex:1;font-size:13px;font-weight:500}.export-list>button>svg:first-child{color:var(--green)}.crop-preview{background:#f8f9fc;justify-content:center;align-items:center;width:fit-content;max-width:100%;max-height:330px;margin-inline:auto;display:flex;position:relative;overflow:hidden}.crop-presets{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.crop-presets .button{padding:9px 12px;font-size:13px}.crop-preview img{width:auto;max-width:100%;height:auto;max-height:330px;display:block}.crop-boundary{border:2px solid var(--brand);pointer-events:none;position:absolute;box-shadow:0 0 0 500px #352f3955}.crop-sliders{grid-template-columns:1fr 1fr;gap:10px 24px;margin:20px 0;display:grid}.crop-sliders label{font-size:12px}.crop-sliders output{float:right;color:var(--muted);font-variant-numeric:tabular-nums}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.section{margin-top:76px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.section-heading h2{margin-bottom:8px}.section-heading p{color:var(--muted);max-width:65ch;margin-bottom:0;font-size:15px}.section-heading>.text-link{white-space:nowrap}.how-section{border-bottom:1px solid var(--line);margin-top:51px;padding-bottom:48px}.how-section>.section-heading{margin-bottom:30px}.how-section .section-heading h2{font-size:29px}.how-section .section-heading p{max-width:80ch;font-size:14px}.how-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.how-step{align-items:flex-start;gap:15px;display:flex}.step-number{color:var(--green);width:30px;height:30px;font-size:12px;font-family:var(--display);background:#f8f9fc;border:1px solid #e8e2df;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.how-step h3{margin-bottom:7px;font-size:16px}.how-step p{color:var(--muted);max-width:35ch;margin:0;font-size:13px;line-height:1.7}.pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;display:grid}.pattern-card{min-width:0}.pattern-preview{aspect-ratio:1;background:#f8f9fc;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pattern-preview img{object-fit:contain;width:100%;height:100%;transition:transform .23s}.pattern-preview:hover img{transform:scale(1.05)}.preview-open{opacity:0;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(5px)}.pattern-preview:hover .preview-open{opacity:1;transform:translateY(0)}.category-animals{background:#f8f9fc}.category-food{background:#f7ece3}.category-flowers{background:#f8f9fc}.category-christmas{background:#f4ebe7}.category-hearts{background:#f5ece7}.category-coasters{background:#f3efed}.category-alphabet{background:#edf0f0}.pattern-card-copy{padding:14px 2px 2px}.pattern-card-copy h3{margin-bottom:7px;font-size:16px;font-weight:550}.pattern-card-copy>div{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.pattern-card-copy .difficulty{color:var(--green);background:#f3efed;border-radius:4px;margin-left:auto;padding:2px 7px;font-size:10px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;display:grid}.tool-item{border-top:1px solid var(--line);align-items:flex-start;gap:14px;padding:24px 0;display:flex}.tool-art{width:47px;height:47px;color:var(--green);background:#f3efed;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-art-1{color:#a25c42;background:#f6e4dc}.tool-art-2{color:#615063;background:#f3efed}.tool-art-3{color:#7d618f;background:#f3efed}.tool-art-4,.tool-art-5{color:#615063;background:#f3efed}.tool-item h3{margin-bottom:7px;font-size:16px}.tool-item p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.tool-item>svg:last-child{color:#6c596c;width:16px;height:16px;margin-left:auto}.tool-item:hover h3{color:var(--brand)}.faq-section{grid-template-columns:1fr 1.6fr;gap:80px;margin-bottom:90px;display:grid}.faq-section h2{max-width:13ch}.faq-section>div:first-child p{color:var(--muted);font-size:14px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:14px;font-weight:500;display:flex}.faq-list summary>span{color:var(--muted);font-size:20px;font-weight:300}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{color:var(--muted);margin:0;padding:0 35px 16px 0;font-size:14px;line-height:1.75}.site-footer{border-top:1px solid var(--line);background:#f8f9fc;margin-top:85px}.footer-main{justify-content:space-between;gap:70px;max-width:1376px;margin:auto;padding:47px 44px;display:flex}.footer-main>.brand{font-size:22px}.footer-main p{color:var(--muted);max-width:28ch;margin:13px 0 0;font-size:13px}.footer-links{gap:84px;display:flex}.footer-links>div{color:var(--muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.footer-links strong{color:var(--ink);margin-bottom:6px;font-size:12px;font-weight:600}.footer-links a:hover,.footer-bottom a:hover{color:var(--brand)}.footer-bottom{color:#615063;border-top:1px solid #f3efed;justify-content:space-between;gap:25px;max-width:1288px;margin:auto;padding:22px 0;font-size:12px;display:flex}.footer-bottom>div{gap:22px;display:flex}.gallery-toolbar{flex-direction:column;gap:22px;margin-bottom:30px;display:flex}.category-links{flex-wrap:wrap;gap:8px;display:flex}.category-links a{border:1px solid #f3efed;border-radius:6px;align-items:center;min-height:35px;padding:8px 13px;font-size:12px;display:inline-flex}.category-links a.active{background:var(--green);border-color:var(--green);color:#fff}.category-links a:hover:not(.active){background:#f8f9fc}.gallery-search{align-items:center;gap:13px;display:flex}.gallery-search input{width:100%;max-width:350px;font-size:13px}.gallery-search>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.load-more{flex-direction:column;align-items:center;gap:12px;margin:40px 0;display:flex}.gallery-note{color:var(--muted);max-width:80ch;margin-top:35px;font-size:12px;line-height:1.75}.related-links{flex-wrap:wrap;gap:25px;margin:20px 0 40px;display:flex}.related-links a{color:var(--green);align-items:center;gap:8px;padding:8px 0;font-size:13px;display:inline-flex}.empty-state{text-align:center;padding:60px}.empty-state h2{font-size:24px}.pattern-detail{grid-template-columns:1.1fr 1fr;align-items:start;gap:65px;margin-top:30px;display:grid}.detail-image{border-radius:14px;position:relative;overflow:hidden}.detail-image img{aspect-ratio:1;object-fit:contain;width:100%}.detail-image>span{text-align:center;color:#615063;font-size:10px;position:absolute;bottom:14px;left:16px;right:16px}.detail-copy{padding-top:8px}.free-label{color:var(--green);background:#f3efed;border-radius:5px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 9px;font-size:11px;display:inline-flex}.detail-copy h1{margin-bottom:15px;font-size:40px;line-height:1.15}.detail-copy>p{color:var(--muted);font-size:15px;line-height:1.75}.detail-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0;padding:21px 0;display:grid}.detail-facts>div{font-variant-numeric:tabular-nums;flex-direction:column;gap:3px;display:flex}.detail-facts strong{font-family:var(--display);font-size:20px;font-weight:500}.detail-facts span{color:var(--muted);font-size:10px}.detail-copy>.button{width:100%;min-height:48px;margin-bottom:10px}.detail-copy>.button:first-of-type{justify-content:space-between}.detail-share{flex-wrap:wrap;gap:19px;margin:7px 0;display:flex}.detail-copy>.small-note{margin-top:20px;font-size:12px}.material-section{grid-template-columns:1fr 1.5fr;gap:80px;display:grid}.material-section>div:first-child>p{color:var(--muted);max-width:35ch;font-size:14px}.bom-table-wrap{min-width:0}.bom-table-wrap>p{color:var(--muted);margin:18px 0;font-size:11px;line-height:1.75}.bom-table-wrap>p a{color:var(--green);text-decoration:underline}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 9px}th{color:var(--muted);font-size:11px;font-weight:500}td{font-variant-numeric:tabular-nums}th:last-child,td:last-child{text-align:right}.table-swatch{vertical-align:middle;border:1px solid #352f3922;border-radius:5px;width:18px;height:18px;margin-right:12px;display:inline-block}.ideas-list{flex-direction:column;gap:40px;display:flex}.idea-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr;align-items:center;gap:55px;padding-bottom:40px;display:grid}.idea-image{background:#f3efed;border-radius:12px;max-width:360px}.idea-image img{aspect-ratio:1;object-fit:contain;width:100%}.idea-row:nth-child(2n) .idea-image{background:#f5ebe4}.idea-row h2{max-width:24ch;font-size:29px}.idea-row p{color:var(--muted);max-width:55ch;font-size:15px;line-height:1.8}.chart-controls{align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.chart-controls label{flex-direction:column;flex:1;gap:8px;max-width:380px;font-size:12px;display:flex}.chart-controls input,.chart-controls select{width:100%;font-size:13px}.chart-controls>span{color:var(--muted);margin-bottom:12px;font-size:12px}.color-chart-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 14px;display:grid}.chart-color{text-align:left;flex-direction:column;min-width:0;padding:0;display:flex}.chart-color>span{border:1px solid #352f3910;border-radius:7px;width:100%;height:80px;margin-bottom:9px;display:block}.chart-color strong{font-size:11px;font-weight:500;line-height:1.5}.chart-color small{font-variant-numeric:tabular-nums;font-size:10px}.chart-color:hover>span{outline:2px solid var(--green);outline-offset:3px}.chart-source{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;margin:35px 0;font-size:12px;display:flex}.chart-source p{width:100%;max-width:90ch;margin-bottom:0;line-height:1.75}.chart-source a{align-items:center;gap:6px;text-decoration:underline;display:flex}.color-match{background:#f8f9fc;border-radius:12px;grid-template-columns:1fr 1fr;gap:50px;margin:0 0 40px;padding:30px;display:grid}.color-match h2{font-size:29px}.color-match p{color:var(--muted);max-width:40ch;font-size:13px}.color-match>div>label{align-items:center;gap:14px;margin-top:15px;font-size:12px;display:flex}.color-match select{flex:1;font-size:12px}.match-picker input{background:0 0;border:0;width:55px;height:44px;padding:2px}.match-picker strong{font-size:17px;font-weight:500}.match-results{flex-direction:column;gap:12px;display:flex}.match-results>div{background:#fff;border-radius:7px;align-items:center;gap:14px;padding:10px;display:flex}.large-swatch{border:1px solid #352f3922;border-radius:5px;width:50px;height:47px}.match-results>div>div{flex-direction:column;flex:1;gap:2px;display:flex}.match-results strong{font-size:13px;font-weight:500}.match-results span:not(.large-swatch){color:var(--muted);font-size:11px}.match-results small{font-size:10px}.match-results>div>svg{color:var(--green)}.guide-list{grid-template-columns:1fr 1fr;gap:30px 40px;display:grid}.guide-item{border-top:1px solid var(--line);align-items:flex-start;gap:20px;padding:25px 0;display:flex}.guide-art{width:75px;height:80px;color:var(--green);background:#f3efed;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guide-art-1,.guide-art-4{color:#ad6f4f;background:#f4e6de}.guide-art-2{color:#88758b;background:#eee8f0}.guide-item h2{margin-bottom:12px;font-size:22px}.guide-item p{color:var(--muted);max-width:42ch;font-size:13px;line-height:1.7}.guide-item>div>span{color:var(--green);align-items:center;gap:8px;font-size:12px;display:flex}.article-layout{grid-template-columns:minmax(0,730px) 250px;justify-content:space-between;gap:85px;margin-top:12px;display:grid}.article-body{min-width:0}.article-body>section{margin-bottom:45px;scroll-margin-top:24px}.article-body h2{margin-bottom:16px;font-size:27px}.article-body p{color:#615063;max-width:68ch;font-size:16px;line-height:1.9}.article-aside{flex-direction:column;align-self:start;align-items:flex-start;gap:16px;padding:20px 0;font-size:12px;display:flex;position:sticky;top:30px}.article-aside>strong{margin-bottom:5px;font-size:12px;font-weight:600}.article-aside>a:not(.button){color:var(--muted);line-height:1.6}.article-aside>.button{width:100%;margin-top:17px;font-size:12px}.article-references{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:24px 0;font-size:12px;display:flex}.article-references strong{font-size:13px;font-weight:500}.article-references a{color:var(--green);align-items:center;gap:6px;text-decoration:underline;display:inline-flex}.support-body{max-width:760px;min-height:250px;margin-top:10px}.support-body>p{color:#615063;margin-bottom:23px;font-size:16px;line-height:1.9}.support-body>small{margin-top:12px;display:block}.support-body>.text-link{margin-top:35px;display:flex}.license-links{color:var(--green);flex-direction:column;gap:10px;margin-top:30px;font-size:13px;display:flex}.license-links a{align-items:center;gap:6px;text-decoration:underline;display:flex}.projects-actions{flex-wrap:wrap;gap:12px;display:flex}.local-note{color:var(--muted);align-items:flex-start;gap:7px;margin:20px 0 30px;font-size:12px;line-height:1.7;display:flex}.local-note svg{margin-top:3px}.empty-projects{text-align:center;background:#f8f9fc;border:1px dashed #e8e2df;border-radius:12px;padding:80px 20px}.empty-projects>svg{color:#6c596c;margin-bottom:20px}.empty-projects h2{font-size:28px}.empty-projects p{color:var(--muted);max-width:50ch;margin:0 auto 15px;font-size:14px}.saved-project{border-bottom:1px solid var(--line);align-items:center;gap:22px;padding:20px 0;display:flex}.project-thumb{background:#f8f9fc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:95px;height:88px;padding:10px;display:flex}.project-thumb canvas{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated}.saved-project h2{margin:0 0 7px;font-size:20px}.saved-project p{color:var(--muted);margin:0 0 3px;font-size:12px}.saved-project small{font-size:11px}.saved-project>div:nth-child(2){flex:1;min-width:0}.saved-project .button{font-size:12px}.inline-error{color:#a43c2f;font-size:13px;line-height:1.6}.not-found{text-align:center;max-width:900px;margin:auto;padding:90px 24px 120px}.error-code{font-family:var(--display);color:#d2c7ce;letter-spacing:-.04em;font-size:100px;line-height:1.3;display:block}.not-found h1{margin:15px 0;font-size:43px}.not-found p{color:var(--muted);font-size:16px}.not-found>div{justify-content:center;gap:15px;margin-top:30px;display:flex}@media (width>=1600px){.header-inner{padding-left:44px;padding-right:44px}.site-main{max-width:1440px}.studio-body{grid-template-columns:280px minmax(0,1fr) 250px;height:650px}.studio-settings{padding-left:23px;padding-right:23px}.studio-materials{padding-left:21px;padding-right:21px}.material-label strong{font-size:12px}.material-label small{font-size:10px}.material-count{font-size:12px}}@media (width<=1150px){.header-inner{gap:28px;padding:0 28px}.desktop-nav{gap:20px;margin-left:0}.header-actions{gap:16px}.site-main{padding:0 28px}.studio-body{grid-template-columns:235px minmax(0,1fr) 195px}.studio-settings{padding:16px 14px}.studio-materials{padding:0 12px 12px}.studio-name .tiny-tag{display:none}.material-summary{gap:25px}.material-color{width:22px;height:22px}.material-color:after{inset:7px}.material-row{gap:7px}.material-label strong{font-size:10px}.material-label small{font-size:9px}.canvas-toolbar{gap:3px;padding:5px}.canvas-toolbar button{width:27px;min-width:27px;padding:5px}.drawing-tools{gap:1px}.view-toggles{gap:0}.toolbar-divider{margin:0 2px}.home-intro h1{font-size:46px}.intro-promise{min-width:180px;margin-right:0}.footer-main{gap:30px;padding-left:28px;padding-right:28px}.footer-links{gap:40px}.footer-bottom{margin:0 28px}.color-chart-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.tool-grid{gap:0 20px}.tool-art{width:39px;height:39px}.tool-item{gap:12px}.pattern-detail{gap:35px}.detail-copy h1{font-size:32px}.detail-facts{gap:6px}.detail-facts strong{font-size:17px}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:50px}}@media (width<=900px){.header-inner{gap:23px}.brand{font-size:21px}.desktop-nav{gap:16px}.header-actions{gap:15px}.projects-link span,.intro-promise{display:none}.home-intro>div:first-child{max-width:720px}.studio-body{grid-template-columns:225px minmax(0,1fr);height:615px}.studio-materials{grid-column:1/-1;display:none}.studio-canvas-section{border-right:0}.editor{margin-bottom:0}.studio-topbar .open-project{display:none}.material-summary{gap:40px}.tool-grid{grid-template-columns:1fr 1fr}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px}.how-grid{gap:25px}.how-step{gap:11px}.how-step h3{font-size:15px}.how-step p{font-size:12px}.faq-section{gap:40px}.section{margin-top:60px}.footer-links{gap:28px}.footer-main{flex-wrap:wrap}.footer-main>div:first-child{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-main p{text-align:right;margin:0}.footer-links{justify-content:space-between;width:100%}.footer-bottom{flex-direction:column;gap:13px}.pattern-detail{grid-template-columns:1fr 1fr;gap:25px}.detail-copy h1{font-size:28px}.detail-copy>p{font-size:13px}.detail-facts{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;padding:15px 0}.detail-facts strong{font-size:17px}.material-section{grid-template-columns:1fr 1.3fr;gap:30px}.guide-list{grid-template-columns:1fr}.article-layout{gap:35px}.article-aside{width:190px}.color-match{gap:28px;padding:24px}.how-section{margin-top:42px}.studio-settings .privacy-note{font-size:10px}}@media (width<=680px){body{font-size:16px}.site-header{height:67px}.header-inner{gap:12px;padding:0 18px}.brand{gap:7px;font-size:21px}.brand>svg{width:28px;height:28px}.desktop-nav{display:none}.header-actions{gap:10px}.projects-link{display:none}.language-select{gap:1px}.language-select>svg:first-child{display:none}.language-select select{min-height:44px;font-size:11px}.mobile-menu{display:block;position:static}.mobile-menu summary{justify-content:flex-end;align-items:center;width:32px;height:44px;display:flex}.mobile-menu nav{z-index:20;background:#fff;border-radius:10px;flex-direction:column;padding:8px;display:flex;position:absolute;top:60px;left:16px;right:16px;box-shadow:0 10px 30px #352f3922}.mobile-menu nav a{min-height:44px;padding:12px 15px;font-size:15px}.site-main{padding:0 17px}.page-intro{gap:0;padding:29px 0 24px}.page-intro h1{letter-spacing:-.03em;margin-bottom:14px;font-size:35px;line-height:1.12}.home-intro h1{font-size:37px;line-height:1.09}.page-intro p{max-width:44ch;font-size:14px;line-height:1.7}.breadcrumb{gap:7px;padding-top:18px;font-size:10px}.editor{border-radius:12px}.studio-topbar{border-radius:12px 12px 0 0;flex-wrap:wrap;gap:6px;padding:10px 11px}.studio-name{justify-content:flex-start;width:100%;min-height:27px;font-size:12px}.studio-name .tiny-tag{margin-left:auto;display:block}.studio-file-actions{gap:5px;width:100%}.studio-file-actions .text-button{flex:1;gap:5px;min-height:40px;padding:7px 6px;font-size:11px}.studio-file-actions .open-project{display:flex}.studio-file-actions .button{flex:1.2;gap:5px;min-height:40px;padding:8px 9px;font-size:11px}.studio-file-actions svg{width:14px;height:14px}.mobile-editor-tabs{border-bottom:1px solid var(--line);background:#fff;gap:7px;padding:0 10px;display:flex}.mobile-editor-tabs button{flex:1;min-height:43px;font-size:12px;position:relative}.mobile-editor-tabs button[aria-selected=true]{color:var(--green);font-weight:600}.mobile-editor-tabs button[aria-selected=true]:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:15%;right:15%}.studio-body{height:auto;display:block}.studio-settings,.studio-canvas-section,.studio-materials{display:none}.studio-body.mobile-canvas .studio-canvas-section,.studio-body.mobile-settings .studio-settings,.studio-body.mobile-materials .studio-materials{display:flex}.studio-settings{gap:21px;padding:20px;overflow:visible}.studio-settings .input-group>label,.studio-settings .checkbox-row{font-size:14px}.input-group select{min-height:44px;font-size:14px}.size-presets{gap:8px}.size-presets button{min-height:42px;font-size:12px}.dimension-row label{font-size:12px}.dimension-row input{min-height:42px;font-size:16px}.detail-presets{gap:8px}.detail-presets>button{padding:12px 4px;font-size:12px}.detail-presets small{font-size:10px}.make-button{min-height:46px;font-size:14px}.upload-zone{min-height:175px}.upload-zone strong{font-size:15px}.upload-zone>span{font-size:12px}.upload-zone small{font-size:11px}.sample-row button{min-height:40px;font-size:12px}.studio-settings .privacy-note{font-size:11px}.disclosure,.background-actions .button{min-height:44px;font-size:13px}.advanced-options small{font-size:11px}.advanced-options .text-button{min-height:44px;font-size:12px}.owned-palette{grid-template-columns:repeat(6,1fr);max-height:220px}.owned-palette button{height:36px}.studio-canvas-section{border:0;min-height:430px}.canvas-toolbar{height:47px;padding:5px 7px}.canvas-toolbar button{width:32px;min-width:32px;height:36px}.drawing-tools{gap:1px}.view-toggles{gap:2px}.toolbar-divider{margin:0 3px}.board-viewport{flex:auto;height:340px;min-height:340px;padding:16px}.board-inner{max-width:100%}.bead-canvas{max-height:315px}.canvas-bottom{height:45px;min-height:45px;padding:4px 10px}.canvas-bottom button{min-width:32px;height:36px}.canvas-bottom .zoom-value{font-size:11px}.board-count{font-size:10px}.canvas-empty{padding:13px;top:40%;left:7%;right:7%}.canvas-empty strong{font-size:14px}.canvas-empty span{font-size:11px}.studio-materials{gap:13px;min-height:430px;max-height:600px;padding:0 20px 20px;overflow-y:auto}.inspector-tabs{gap:24px;height:46px}.inspector-tabs button{font-size:13px}.material-summary{gap:50px;padding:9px 0 13px}.material-summary strong{font-size:30px}.material-summary span{font-size:12px}.material-list{flex-shrink:0;max-height:none}.material-row{gap:12px;min-height:49px}.material-color{width:32px;height:32px}.material-color:after{inset:10px}.material-label strong{font-size:13px}.material-label small{font-size:11px}.material-count{font-size:13px}.palette-grid{grid-template-columns:repeat(6,1fr);gap:8px;max-height:250px}.palette-grid button{min-height:35px}.palette-disclaimer{font-size:11px}.all-colors summary{min-height:44px;font-size:13px}.all-colors input{min-height:40px;font-size:14px}.replace-color{min-height:44px;font-size:12px}.making-progress p{font-size:12px}.making-progress .text-button{min-height:40px;font-size:12px}.making-progress>div{font-size:12px}.studio-status{min-height:36px;padding:9px 11px;font-size:9px}.studio-status>span:last-child{display:none}.studio-dialog{width:calc(100% - 26px);padding:20px}.dialog-heading h2{font-size:24px}.dialog-heading>button{min-width:36px;height:44px}.export-settings{grid-template-columns:1fr 1fr;gap:7px}.export-settings label{font-size:12px}.export-settings label:last-child{grid-column:1/-1}.export-settings select{min-height:42px;font-size:13px}.export-list>button{min-height:55px}.crop-sliders{gap:15px}.dialog-actions{gap:8px}.dialog-actions .button{padding:10px 13px;font-size:12px}.editor-error{gap:8px;padding:12px;font-size:12px}.toast{width:max-content;max-width:calc(100% - 28px);font-size:12px;bottom:15px}.processing-message{gap:7px;width:calc(100% - 24px);padding:12px;font-size:11px;bottom:39px}.processing-message span{flex:1;min-width:0}.processing-message button{min-height:32px;padding:5px}.section{margin-top:52px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:23px}.section-heading h2{font-size:28px}.section-heading p{font-size:14px}.section-heading>.text-link{min-height:30px;padding:0;font-size:12px}.how-section{margin-top:40px;padding-bottom:34px}.how-section .section-heading h2{font-size:27px}.how-section .section-heading p{font-size:13px}.how-grid{grid-template-columns:1fr;gap:22px}.how-step{gap:13px}.how-step h3{font-size:16px}.how-step p{max-width:42ch;font-size:13px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.pattern-preview{border-radius:9px}.pattern-card-copy{padding:11px 1px 0}.pattern-card-copy h3{letter-spacing:-.02em;margin-bottom:6px;font-size:14px;line-height:1.35}.pattern-card-copy>div{gap:5px 9px;font-size:10px}.pattern-card-copy .difficulty{margin-left:0;font-size:9px}.preview-open{display:none}.tool-grid{grid-template-columns:1fr;gap:0}.tool-item{gap:16px;padding:20px 0}.tool-art{width:46px;height:46px}.tool-item h3{font-size:17px}.tool-item p{max-width:35ch;font-size:13px}.faq-section{grid-template-columns:1fr;gap:20px;margin-bottom:55px}.faq-section h2{max-width:20ch;font-size:28px}.faq-section>div:first-child p{margin-bottom:0}.faq-section .text-link{display:none}.faq-list summary{padding:18px 0;font-size:14px}.faq-list details>p{padding-right:20px;font-size:13px}.site-footer{margin-top:58px}.footer-main{gap:32px;padding:30px 20px}.footer-main>div:first-child{display:block}.footer-main p{text-align:left;max-width:100%;margin-top:13px;font-size:12px}.footer-links{gap:15px}.footer-links>div{gap:12px;max-width:33%;font-size:10px}.footer-links strong{margin-bottom:4px;font-size:11px}.footer-bottom{gap:17px;margin:0 20px;padding:20px 0;font-size:12px;line-height:1.7}.footer-bottom>div{flex-wrap:wrap;gap:18px}.gallery-toolbar{gap:19px}.category-links{scrollbar-width:none;flex-wrap:nowrap;gap:7px;margin:0 -17px;padding:0 17px 8px;overflow-x:auto}.category-links a{white-space:nowrap;flex-shrink:0;min-height:40px;padding:8px 12px;font-size:12px}.gallery-search input{max-width:none;min-height:44px;font-size:14px}.gallery-note{font-size:11px;line-height:1.75}.related-links{gap:17px}.related-links a{font-size:12px}.empty-state{padding:40px 15px}.empty-state h2{font-size:22px}.load-more .button{min-height:44px;font-size:13px}.pattern-detail{grid-template-columns:1fr;gap:25px;margin-top:22px}.detail-image{border-radius:12px}.detail-image>span{font-size:9px}.detail-copy{padding:0}.detail-copy h1{font-size:32px}.detail-copy>p{font-size:14px}.free-label{margin-bottom:15px;font-size:11px}.detail-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.detail-facts strong{font-size:18px}.detail-facts span{font-size:10px}.detail-copy>.button{min-height:47px;font-size:13px}.detail-share .text-button{min-height:40px}.material-section{grid-template-columns:1fr;gap:13px}.material-section h2{font-size:28px}.material-section>div:first-child>p{max-width:100%;font-size:13px}.material-section .text-link{font-size:12px}.bom-table-wrap{font-size:11px}table{font-size:12px}td,th{padding:11px 4px}.table-swatch{width:15px;height:15px;margin-right:7px}.bom-table-wrap>p{font-size:11px}.idea-row{grid-template-columns:1fr;gap:23px;padding-bottom:30px}.idea-image{max-width:none}.idea-row h2{max-width:100%;font-size:27px}.idea-row p{font-size:14px}.ideas-list{gap:35px}.chart-controls{flex-wrap:wrap;align-items:stretch;gap:13px}.chart-controls label{flex:100%;max-width:none;font-size:12px}.chart-controls>span{margin:0}.chart-controls input,.chart-controls select{min-height:44px;font-size:14px}.color-chart-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.chart-color>span{height:68px}.chart-color strong{font-size:11px}.chart-color small{font-size:9px}.chart-source{gap:14px;font-size:11px;line-height:1.8}.color-match{grid-template-columns:1fr;gap:25px;padding:21px}.color-match h2{font-size:27px}.color-match>div>label{font-size:13px}.color-match select{min-height:44px}.match-results>div{padding:12px}.match-results strong{font-size:13px}.large-swatch{width:55px;height:50px}.guide-list{gap:10px}.guide-item{gap:15px;padding:24px 0}.guide-art{border-radius:9px;width:55px;height:62px}.guide-item h2{font-size:22px}.guide-item p{font-size:13px}.guide-item>div>span{font-size:12px}.article-layout{grid-template-columns:1fr;gap:0}.article-body>section{margin-bottom:32px}.article-body h2{font-size:26px}.article-body p{font-size:16px;line-height:1.85}.article-aside{border-top:1px solid var(--line);width:auto;margin-top:10px;padding-top:0;position:static}.article-aside>strong,.article-aside>a:not(.button):not(.text-link){display:none}.article-aside .button{width:auto;margin-top:22px}.article-references{gap:13px;font-size:11px}.support-body>p{font-size:15px;line-height:1.9}.support-body>.button{max-width:100%;padding:11px;font-size:13px}.support-body>small{font-size:11px}.projects-actions .button{font-size:13px}.local-note{font-size:11px}.empty-projects{padding:50px 20px}.empty-projects h2{font-size:26px}.empty-projects p{font-size:13px}.saved-project{flex-wrap:wrap;gap:12px;padding:20px 0}.project-thumb{width:75px;height:75px}.saved-project>div:nth-child(2){flex-basis:calc(100% - 95px);width:calc(100% - 95px)}.saved-project h2{word-break:break-word;font-size:18px}.saved-project small{font-size:10px}.saved-project .button{min-height:42px;margin-left:87px;font-size:12px}.saved-project .icon-button{width:35px;height:42px}.not-found{padding:65px 20px}.not-found h1{font-size:34px}.not-found>div{flex-direction:column;max-width:250px;margin:30px auto}.not-found p{font-size:14px}.error-code{font-size:80px}}@media (width<=360px){.brand{font-size:19px}.brand>svg{width:25px;height:25px}.header-inner{padding:0 14px}.site-main{padding:0 13px}.home-intro h1{font-size:34px}.canvas-toolbar button{width:29px;min-width:29px}.toolbar-divider{margin:0 2px}.studio-file-actions .text-button,.studio-file-actions .button{font-size:10px}.studio-file-actions .text-button{padding:6px 4px}.detail-facts strong{font-size:16px}.saved-project .button{margin-left:0}.crop-sliders{gap:10px}.footer-links{gap:12px}}.project-title-input{text-overflow:ellipsis;background:0 0;border:1px solid #0000;min-width:70px;max-width:190px;min-height:30px;padding:3px 5px;font-size:12px;font-weight:600}.project-title-input:hover{border-color:var(--line)}.mobile-upload-button{display:none}.image-actions{align-items:center;gap:5px;margin-top:-7px;margin-bottom:8px;display:flex}.image-actions .button{flex:1;min-height:35px;padding:8px;font-size:10px}.image-actions .icon-button{width:33px;height:35px}.gallery-pagination{justify-content:center;gap:8px;margin:38px 0;display:flex}.gallery-pagination a{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:7px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;display:flex}.gallery-pagination a[aria-current=page]{background:var(--green);border-color:var(--green);color:#fff}.gallery-pagination a:hover{background:var(--green-soft);color:var(--green)}@media (width>=681px){.studio-settings .input-group>label,.input-group select{font-size:13px}.size-presets button{font-size:11px}.detail-presets>button{font-size:12px}.detail-presets small{font-size:10px}.material-label strong{font-size:12px}.material-label small{font-size:10px}.material-count,.inspector-tabs button{font-size:12px}.palette-disclaimer{font-size:10px}.privacy-note{font-size:11px}}@media (width<=680px){.studio-file-actions .mobile-upload-button{white-space:nowrap;flex:1.4;min-width:0;padding:8px;font-size:11px;display:inline-flex}.studio-file-actions:has(.mobile-upload-button)>.text-button{flex:0 0 34px;width:34px;min-width:34px;padding:6px;font-size:0}.studio-file-actions:has(.mobile-upload-button)>.text-button>span{display:none}.studio-file-actions:has(.mobile-upload-button)>.text-button>svg{width:17px;height:17px}.studio-file-actions:has(.mobile-upload-button)>.export-button{background:var(--green-soft);color:var(--green);flex:1.3}.studio-file-actions:has(.mobile-upload-button)>.export-button:hover{background:#f3efed}.project-title-input{max-width:205px;min-height:31px;padding:2px 4px;font-size:12px}.image-actions .button{min-height:44px;font-size:12px}.image-actions .icon-button,.gallery-pagination a{width:44px;height:44px}}.detail-preview{object-fit:contain;width:38px;height:38px;image-rendering:pixelated;margin-bottom:3px}.footer-language-links{max-width:1288px;color:var(--muted);gap:22px;margin:0 auto;padding:0 0 20px;font-size:11px;display:flex}.footer-language-links a:hover{color:var(--brand)}@media (width<=1376px){.footer-language-links{margin:0 44px}}@media (width<=1150px){.footer-language-links{margin:0 28px}}@media (width<=680px){.footer-language-links{gap:24px;margin:0 20px;font-size:11px}}.image-actions-wrapper{margin-top:-5px}.image-actions-wrapper .image-actions{margin:0 0 6px}.ai-size-note{color:var(--muted);font-size:10px;line-height:1.5;display:block}@media (width<=700px){.canvas-toolbar{flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:4px 8px;height:auto;min-height:109px;padding:8px;display:grid}.canvas-toolbar .drawing-tools{display:contents}.canvas-toolbar .toolbar-divider{display:none}.canvas-toolbar button{justify-self:center;width:44px;min-width:44px;height:44px}.canvas-toolbar .view-toggles{grid-column:span 3;justify-self:end;gap:8px}.canvas-bottom button{min-width:44px;min-height:44px}.studio-file-actions>button{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.board-inner{will-change:auto}}