@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600&display=swap');
:root{--paper:#faf6ee;--cream:#f1e8d9;--ink:#35382c;--olive:#59684a;--rust:#ad654b;--line:#d9d0bf;--white:#fffdf8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 'DM Sans',sans-serif}h1,h2,h3{font-family:'Fraunces',Georgia,serif;line-height:1.2;margin:0}h1{font-size:clamp(2.2rem,4vw,3.7rem)}h1 span{color:var(--rust)}h2{font-size:1.45rem}h3{font-size:1.05rem;margin-bottom:12px}p{margin:7px 0}a{color:inherit}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(22px,3vw);border-bottom:1px solid var(--line);background:#fffaf0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 23px 'Fraunces',Georgia,serif}.brand img{height:57px;width:68px;object-fit:contain}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--rust)}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{font-size:13px;text-decoration:none}nav a:hover,nav .active{color:var(--rust);text-decoration:underline;text-underline-offset:6px}main{max-width:1600px;margin:auto;padding:28px clamp(15px,3vw,45px)}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.intro p{max-width:680px;color:#6f7065}.intro-actions,.instructions-actions{display:flex;gap:9px;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--rust)}.btn{border:1px solid var(--olive);padding:10px 15px;border-radius:8px;cursor:pointer;font:600 13px 'DM Sans',sans-serif;background:transparent;color:var(--olive)}.btn.primary{background:var(--olive);color:white}.btn.ghost{background:#efe7d7}.btn.outline{background:var(--white)}.btn:hover{filter:brightness(.95)}.full{width:100%}.studio-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(210px,290px);gap:15px;align-items:start}.panel{border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:0 3px 12px #433b2d09;padding:19px;min-width:0}.panel-head{margin-bottom:17px}.panel-head h2{margin-top:4px}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;margin:12px 0}.field input:not([type=color]),.field select,.pattern-settings select{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;font:inherit;color:var(--ink)}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.two .btn{align-self:end}.section-divider{border-top:1px dashed var(--line);margin:21px 0}.muted,.hint{color:#797b70}.small{font-size:12px}.palette{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.swatch{height:30px;width:30px;border-radius:7px;border:2px solid white;outline:1px solid #bfb6a6;cursor:pointer}.swatch.selected{outline:3px solid var(--olive)}input[type=color]{height:37px;width:100%;border:1px solid var(--line);border-radius:6px;background:white}.tool-toggle{display:flex;gap:5px}.tool-toggle button{flex:1;border:1px solid var(--line);border-radius:6px;background:var(--cream);padding:8px 2px;cursor:pointer;font-size:12px}.tool-toggle button.selected{background:var(--olive);color:white}.upload{text-align:center;display:block;cursor:pointer}.status{border-radius:99px;background:var(--cream);padding:6px 10px;font-size:11px;white-space:nowrap}.workspace-toolbar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px;font-size:12px}.workspace-toolbar label{display:flex;align-items:center;gap:7px}.canvas-scroll{overflow:auto;max-height:690px;min-height:340px;background:#f3eee3;border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;align-items:flex-start;justify-content:safe center}#gridCanvas{display:block;cursor:crosshair;touch-action:none;box-shadow:0 3px 12px #0002;background:white;max-width:none}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:11px}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:13px;height:13px;border:1px solid #999;display:inline-block}.fabric-wrap{background:#ede7db;padding:14px;border-radius:9px;display:flex;justify-content:center;overflow:auto}#fabricCanvas{display:block;max-width:100%;height:auto;box-shadow:2px 4px 10px #0002}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:17px 0}.stats strong{display:block;font:600 21px 'Fraunces',serif}.stats small{font-size:10px;color:#858578}.ad-unit{margin-top:20px;background:#f3efe7;border:1px dashed #c5bbac;border-radius:7px;text-align:center;padding:20px 10px;color:#888174}.ad-unit span{font-size:9px;letter-spacing:2px}.ad-unit p{font:600 13px 'Fraunces',serif}.ad-unit small{font-size:10px}.ad-unit.compact{padding:12px}.instructions,.saved{margin-top:18px}.pattern-settings{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding:10px 0 17px;font-size:12px}.pattern-settings select{margin-left:5px;width:auto}.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.row-line{background:#f7f2e9;border:1px solid #e8dece;border-radius:8px;padding:12px;font-size:12px}.row-line strong{color:var(--olive)}.row-strip{display:flex;height:13px;overflow:hidden;border-radius:3px;margin:8px 0}.row-strip span{flex:1;min-width:1px}.membership{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:20px;border-radius:13px;background:#e8eadf;border:1px solid #d2d7c7;padding:25px}.membership p{max-width:650px;color:#626a5a}.plan{display:flex;flex-direction:column;gap:8px;min-width:220px}.plan strong{font:600 29px 'Fraunces',serif}.plan strong small{font:400 13px 'DM Sans',sans-serif}.plan span{font-size:12px}.projects{display:flex;flex-wrap:wrap;gap:12px}.project-card{border:1px solid var(--line);border-radius:8px;padding:13px;min-width:185px;background:#f8f3e9}.project-card strong{display:block}.project-card small{display:block;color:#777}.project-card button{margin-top:9px;margin-right:5px;font-size:11px}.empty{color:#777;font-size:13px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:30px 4vw;border-top:1px solid var(--line);font-size:12px}footer div{display:flex;gap:15px;flex-wrap:wrap}dialog{max-width:420px;border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--white);color:var(--ink)}dialog::backdrop{background:#24271f99}@media(max-width:1150px){.studio-shell{grid-template-columns:250px minmax(0,1fr)}.preview{grid-column:2}}@media(max-width:750px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav{gap:12px}.intro{align-items:flex-start;flex-direction:column}.studio-shell{grid-template-columns:1fr}.preview{grid-column:auto}.rows{grid-template-columns:1fr}.membership{flex-direction:column;align-items:stretch}.panel{padding:15px}.canvas-scroll{min-height:250px}.brand{font-size:20px}}
/* Stitch simulator prototype */
.simulator{margin:18px 0;padding:13px;border:1px solid #cbbba4;border-radius:14px;background:#fff9ee}.sim-heading{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.sim-heading strong{color:#5d6749}.sim-heading small{color:#8c7968}#stitch3dCanvas{display:block;width:100%;height:320px;border-radius:10px;border:1px solid #dfd0b8;touch-action:pan-y}.sim-status{display:flex;justify-content:space-between;gap:10px;margin:10px 0;font-size:12px;color:#62594d}.simulator input[type=range]{width:100%;accent-color:#7a805a}.sim-buttons{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.sim-buttons button{border:1px solid #c5b49a;background:#f7eddb;border-radius:8px;padding:8px 9px;cursor:pointer;color:#494a36;font-weight:600;flex:1;white-space:nowrap}.sim-buttons button.sim-main{background:#697652;color:white}.sim-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.sim-options label{font-size:11px;color:#665d51}