@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/patternista/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2)format("woff2"),url(/patternista/assets/young-serif-latin-ext-400-normal-4arC2Gh9.woff)format("woff");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:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/patternista/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/patternista/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/patternista/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/patternista/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/patternista/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/patternista/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/patternista/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/patternista/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/patternista/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/patternista/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");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}:root{--muslin:#f3ebdd;--flannel:#ece9e1;--panel:#fbf6ea;--panel-sunken:#ede3d0;--walnut:#33261e;--walnut-soft:#6e5f53;--walnut-faint:#a1907f;--tomato:#be3a2b;--tomato-deep:#a33124;--chalk:#4a7086;--chalk-soft:#4a708626;--marigold:#c98a2e;--stitch:#d9cdb9;--stitch-strong:#c4b49a;--stitch-bold:#8a7a68;--font-display:"Young Serif", "Iowan Old Style", Georgia, serif;--font-ui:"Atkinson Hyperlegible", "Avenir Next", system-ui, sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-name:1.375rem;--text-brand:1.5rem;--radius-work:4px;--radius-control:8px;--radius-card:12px;--shadow-rest:0 1px 2px #33261e1a, 0 4px 12px #33261e12;--shadow-raised:0 2px 4px #33261e1f, 0 8px 24px #33261e1a;--shadow-drawer:0 8px 32px #33261e2e;--ease-settle:cubic-bezier(.2, .7, .3, 1);--dur-quick:.14s;--dur-settle:.24s;--target:44px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--text-base);color:var(--walnut);background:var(--muslin);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 0h3v3H0zM3 3h3v3H3z' fill='%2333261e' fill-opacity='0.016'/%3E%3C/svg%3E")}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default;opacity:.42}input{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--tomato);outline-offset:2px;border-radius:2px}svg{display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.studio{grid-template:"header header header"60px"rail canvas preview"minmax(0,1fr)/100px minmax(360px,43%) minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.header-bar{border-bottom:1px dashed var(--stitch);grid-area:header;align-items:center;gap:16px;padding:0 16px;display:flex}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.brand{align-items:center;gap:10px;padding-right:6px;display:flex}.brand-mark{border-radius:5px;width:26px;height:26px}.brand-name{font-family:var(--font-display);font-size:var(--text-brand);letter-spacing:.01em}.design-name{text-align:center;min-width:0;max-width:420px;font-family:var(--font-display);font-size:var(--text-name);border:1px dashed #0000;border-bottom-color:var(--stitch-bold);border-radius:var(--radius-control);transition:border-color var(--dur-quick) var(--ease-settle), background var(--dur-quick) var(--ease-settle);background:0 0;flex:auto;margin-inline:auto;padding:6px 12px}.design-name:hover{border-color:var(--stitch-strong)}.design-name:focus{border-color:var(--chalk);background:var(--panel);outline:none}.primary-btn{min-height:var(--target);border-radius:var(--radius-control);background:var(--tomato);color:#fff;box-shadow:var(--shadow-rest);transition:background var(--dur-quick) var(--ease-settle);align-items:center;gap:8px;padding:8px 18px;font-weight:700;display:inline-flex}.primary-btn:hover{background:var(--tomato-deep)}.ghost-btn{min-height:var(--target);border-radius:var(--radius-control);border:1px dashed var(--stitch-bold);background:var(--panel);color:var(--walnut);transition:border-color var(--dur-quick) var(--ease-settle);align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex}.ghost-btn:hover{border-color:var(--chalk)}.ghost-btn[aria-pressed=true]{border:2px solid var(--chalk)}.danger-btn{min-height:var(--target);border-radius:var(--radius-control);background:var(--tomato);color:#fff;padding:8px 18px;font-weight:700}.icon-btn{width:var(--target);height:var(--target);border-radius:var(--radius-control);color:var(--walnut);transition:background var(--dur-quick) var(--ease-settle);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--panel-sunken)}.icon-btn svg{width:22px;height:22px}.btn-glyph{display:inline-flex}.btn-glyph svg{width:18px;height:18px}.undo-redo{gap:2px;display:flex}.primary-btn:active{background:var(--tomato-deep)}.ghost-btn:active,.value-toggle:active,.pill-toggle:active,.add-role-btn:active,.pool-add:active,.new-design-btn:active,.icon-btn:active:not(:disabled),.tool-btn:active,.segment:active,.symmetry-btn:active,.stepper-btn:active,.card-menu button:active{background:var(--panel-sunken)}.role-dot:active,.pool-swatch:active,.wall-swatch:active,.role-swatch-btn:active,.card-thumb-btn:active{transform:scale(.95)}.share-anchor{position:relative}.popover-scrim{z-index:40;cursor:default;background:0 0;position:fixed;inset:0}.share-popover{z-index:41;background:var(--panel);border:1px dashed var(--stitch-strong);border-radius:var(--radius-card);width:340px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-raised);gap:10px;padding:16px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.share-lede{font-weight:700}.share-url{border:1px solid var(--stitch);border-radius:var(--radius-control);background:var(--muslin);width:100%;font-size:var(--text-base);color:var(--walnut-soft);padding:8px 10px}.copy-btn,.share-sheet-btn,.share-close-btn{justify-content:center}.copy-btn.is-copied{background:var(--chalk);border-color:var(--chalk);color:#fff}.share-note{font-size:var(--text-sm);color:var(--walnut-soft)}.tool-rail{border-right:1px dashed var(--stitch);overscroll-behavior:contain;flex-direction:column;grid-area:rail;align-items:stretch;gap:6px;padding:12px 10px;display:flex;overflow-y:auto}.tool-btn{min-width:var(--target);border-radius:var(--radius-control);transition:background var(--dur-quick) var(--ease-settle);border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 7px;display:flex}.tool-btn:hover{background:var(--panel)}.tool-btn.is-active{background:var(--panel);border:1px solid var(--tomato);position:relative}.tool-btn.is-active:after{content:"";background:var(--tomato);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 1px 1px #33261e66}.tool-icon{width:30px;height:30px}.tool-glyph svg{width:26px;height:26px;margin:2px}.tool-label{font-size:var(--text-sm);font-weight:700}.rail-divider{border-top:1px dashed var(--stitch);margin:4px 6px}.canvas-column{border-right:1px dashed var(--stitch);flex-direction:column;grid-area:canvas;min-width:0;min-height:0;display:flex}.canvas-toolbar{border-bottom:1px dashed var(--stitch);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;display:flex}.stepper{align-items:center;gap:2px;display:flex}.stepper-label{font-size:var(--text-sm);color:var(--walnut-soft);margin-right:6px;font-weight:700}.stepper-btn{width:var(--target);height:var(--target);min-width:var(--target);border-radius:var(--radius-control);border:1px solid var(--stitch-bold);background:var(--panel);font-size:var(--text-lg);font-weight:700;line-height:1}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-weight:700}.symmetry-picker{background:var(--panel-sunken);border-radius:var(--radius-control);gap:2px;margin-left:auto;padding:3px;display:flex}.symmetry-btn{border-radius:6px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:58px;padding:6px 8px 5px;display:flex}.symmetry-btn:hover{background:var(--panel)}.symmetry-btn.is-active{background:var(--panel);box-shadow:inset 0 0 0 1.5px var(--chalk)}.symmetry-icon{width:26px;height:26px}.symmetry-label{font-size:var(--text-sm);color:var(--walnut-soft);white-space:nowrap;font-weight:700}.symmetry-btn.is-active .symmetry-label{color:var(--chalk)}.design-wall{background:var(--flannel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5'%3E%3Ccircle cx='1' cy='1' r='0.5' fill='%2333261e' fill-opacity='0.02'/%3E%3C/svg%3E")}.canvas-frame{flex:1;min-height:0;padding:18px;display:flex;position:relative}.block-canvas{touch-action:none;cursor:crosshair;filter:drop-shadow(0 2px 3px #33261e24)drop-shadow(0 7px 16px #33261e17);width:100%;height:100%}.palette-panel{border-top:1px dashed var(--stitch);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.palette-chips{flex-wrap:wrap;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.role-chip{border-radius:var(--radius-control);border:1px solid #0000;align-items:center;padding:3px 2px 3px 3px;display:flex}.role-chip.is-active{border-color:var(--tomato);background:var(--panel)}.role-swatch-btn{min-height:var(--target);border-radius:6px;align-items:center;gap:8px;padding:2px 4px;display:flex}.role-swatch{border-radius:var(--radius-work);border:1px solid #33261e40;width:34px;height:34px;overflow:hidden}.role-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-weight:700;overflow:hidden}.role-lock{width:var(--target);height:var(--target);color:var(--walnut-soft);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.role-lock:hover,.role-lock:active{color:var(--walnut);background:var(--panel-sunken)}.role-lock.is-locked{color:var(--chalk)}.role-lock svg{width:16px;height:16px}.add-role-btn{min-height:var(--target);border-radius:var(--radius-control);border:1px dashed var(--stitch-bold);color:var(--walnut-soft);font-size:var(--text-sm);align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.add-role-btn:hover{border-color:var(--chalk);color:var(--walnut)}.add-role-glyph svg{width:16px;height:16px}.palette-actions{align-items:center;gap:8px;display:flex}.colorway-btn{min-height:var(--target);border-radius:var(--radius-control);background:var(--marigold);color:var(--walnut);box-shadow:var(--shadow-rest);align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:inline-flex}.colorway-btn:hover{background:#d69a3f}.colorway-btn:active{background:#b3781f}.value-toggle{min-height:var(--target);border-radius:var(--radius-control);border:1px dashed var(--stitch-bold);background:var(--panel);min-width:64px;padding:8px 14px;font-weight:700}.value-toggle.is-active{background:var(--walnut);color:var(--muslin);border-style:solid;border-color:var(--walnut)}.color-editor{z-index:41;background:var(--panel);border:1px dashed var(--stitch-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);gap:12px;padding:14px;display:grid;position:fixed}.color-editor-head{align-items:center;gap:8px;display:flex}.role-name-input{border:1px solid var(--stitch);border-radius:var(--radius-control);background:var(--muslin);flex:1;min-width:0;padding:8px 10px;font-weight:700}.fabric-wall{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.wall-swatch{aspect-ratio:1;border-radius:var(--radius-work);width:100%;transition:transform var(--dur-quick) var(--ease-settle);border:1px solid #33261e38}.wall-swatch:hover{transform:scale(1.12)}.wall-swatch.is-current{outline:2px solid var(--walnut);outline-offset:1.5px}.custom-color-row{font-size:var(--text-sm);color:var(--walnut-soft);justify-content:space-between;align-items:center;gap:10px;font-weight:700;display:flex}.custom-color-row input[type=color]{width:64px;height:var(--target);border:1px solid var(--stitch-bold);border-radius:var(--radius-work);background:var(--muslin);cursor:pointer;padding:2px}.pool-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pool-swatch{width:var(--target);height:var(--target);border-radius:var(--radius-work);border:1px solid #33261e40;padding:0;overflow:hidden}.pool-swatch.is-active{outline:2px solid var(--walnut);outline-offset:1.5px}.pool-swatch-svg,.role-swatch-svg,.role-dot-swatch{width:100%;height:100%;display:block}.pool-add{min-height:var(--target);border-radius:var(--radius-control);border:1px dashed var(--stitch-bold);color:var(--walnut-soft);font-size:var(--text-sm);align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.pool-add:hover{border-color:var(--chalk);color:var(--walnut)}.print-picker{border-top:1px dashed var(--stitch);grid-template-columns:repeat(4,1fr);gap:6px;padding-top:10px;display:grid}.print-chip{border-radius:var(--radius-work);font-size:var(--text-sm);color:var(--walnut-soft);border:1px solid #0000;justify-items:center;gap:3px;padding:6px 4px;font-weight:700;display:grid}.print-chip:hover{background:var(--panel-sunken)}.print-chip.is-active{border-color:var(--walnut);color:var(--walnut)}.print-chip-svg{border-radius:var(--radius-work);border:1px solid #33261e38;width:34px;height:34px}.print-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ink-row{font-size:var(--text-sm);color:var(--walnut-soft);align-items:center;gap:8px;font-weight:700;display:flex}.ink-row input[type=color]{border:1px solid var(--stitch-bold);border-radius:var(--radius-work);background:var(--muslin);cursor:pointer;width:56px;height:40px;padding:2px}.color-editor-foot{border-top:1px dashed var(--stitch);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.lock-row{font-size:var(--text-sm);cursor:pointer;min-height:var(--target);align-items:center;gap:7px;display:flex}.lock-row input{width:20px;height:20px;accent-color:var(--chalk)}.remove-role-btn{font-size:var(--text-sm);color:var(--tomato);border-radius:var(--radius-control);padding:8px 10px;font-weight:700}.remove-role-btn:hover:not(:disabled){background:#be3a2b14}.preview-column{flex-direction:column;grid-area:preview;min-width:0;min-height:0;display:flex}.preview-frame{flex:1;min-height:0;padding:22px;display:flex}.quilt-svg{filter:drop-shadow(0 2px 3px #33261e29)drop-shadow(0 10px 22px #33261e1a);width:100%;height:100%}.composer-panel{border-top:1px dashed var(--stitch);gap:6px;padding:10px 16px;display:grid}.composer-row{flex-wrap:wrap;align-items:center;gap:14px;min-height:40px;display:flex}.pill-toggle{min-height:var(--target);border-radius:var(--radius-control);border:1px dashed var(--stitch-bold);background:var(--panel);font-size:var(--text-sm);color:var(--walnut-soft);padding:6px 14px;font-weight:700}.pill-toggle.is-active{border:1.5px solid var(--chalk);color:var(--walnut);border-style:solid}.role-dots{background:var(--panel-sunken);border-radius:var(--radius-control);gap:4px;padding:4px;display:inline-flex}.role-dot{width:var(--target);height:var(--target);border-radius:var(--radius-work);border:1px solid #33261e40;padding:0;overflow:hidden}.role-dot.is-active{outline:2px solid var(--walnut);outline-offset:1.5px}.border-editor{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.border-remove svg{width:16px;height:16px}.quilt-dimensions{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:700}.quilt-size-label{color:var(--walnut-soft);font-weight:400;font-size:var(--text-sm)}.segmented{background:var(--panel-sunken);border-radius:var(--radius-control);flex-wrap:wrap;gap:2px;padding:3px;display:flex}.segment{min-height:var(--target);font-size:var(--text-sm);color:var(--walnut-soft);border-radius:6px;padding:6px 14px;font-weight:700}.segment:hover{background:var(--panel)}.segment.is-active{background:var(--panel);color:var(--walnut);box-shadow:inset 0 0 0 1.5px var(--chalk)}.drawer-scrim{z-index:50;cursor:default;background:#33261e47;position:fixed;inset:0}.gallery-drawer{z-index:51;background:var(--muslin);border-right:1px dashed var(--stitch-strong);width:min(430px,94vw);box-shadow:var(--shadow-drawer);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.drawer-head{border-bottom:1px dashed var(--stitch);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.drawer-title{font-family:var(--font-display);font-size:var(--text-brand);font-weight:400}.drawer-body{overscroll-behavior:contain;flex:1;align-content:start;gap:22px;padding:16px;display:grid;overflow-y:auto}.new-design-btn{border-radius:var(--radius-card);border:1px dashed var(--stitch-bold);background:var(--panel);align-items:center;gap:10px;min-height:52px;padding:10px 16px;font-weight:700;display:flex}.new-design-btn:hover{border-color:var(--chalk)}.new-design-hint{font-size:var(--text-sm);color:var(--walnut-soft);margin-left:auto;font-weight:400}.drawer-section{gap:10px;display:grid}.drawer-section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400}.drawer-section-note{font-size:var(--text-sm);color:var(--walnut-soft);margin-top:-6px}.card-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.design-card{background:var(--panel);border:1px dashed var(--stitch);border-radius:var(--radius-card);box-shadow:var(--shadow-rest);gap:8px;padding:10px;display:grid;position:relative}.design-card.is-current{border:1.5px solid var(--chalk)}.card-thumb-btn{border-radius:var(--radius-work);background:var(--flannel);padding:8px;overflow:hidden}.card-thumb{aspect-ratio:1;width:100%;height:auto}.card-thumb-missing{aspect-ratio:1;color:var(--walnut-faint);justify-content:center;align-items:center;font-size:28px;display:flex}.card-meta{gap:1px;min-width:0;padding-right:30px;display:grid}.card-name{font-weight:700;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-time{font-size:var(--text-sm);color:var(--walnut-soft)}.card-rename-input{border:1px solid var(--chalk);border-radius:var(--radius-work);background:var(--muslin);width:100%;font-size:var(--text-base);padding:4px 6px;font-weight:700}.card-menu-anchor{position:absolute;bottom:6px;right:6px}.card-menu-btn{width:var(--target);height:var(--target)}.card-menu{z-index:52;background:var(--panel);border:1px dashed var(--stitch-strong);border-radius:var(--radius-control);box-shadow:var(--shadow-raised);min-width:140px;display:grid;position:absolute;bottom:calc(100% + 4px);right:0;overflow:hidden}.card-menu button{text-align:left;min-height:var(--target);font-size:var(--text-sm);padding:11px 14px;font-weight:700}.card-menu button:hover{background:var(--panel-sunken)}.card-menu .menu-danger{color:var(--tomato)}.drawer-foot{border-top:1px dashed var(--stitch);gap:10px;padding:12px 16px;display:flex}.drawer-foot .ghost-btn{flex:1;justify-content:center}.confirm-scrim{z-index:60;background:#33261e4d}.confirm-dialog{z-index:61;background:var(--panel);border:1px dashed var(--stitch-strong);border-radius:var(--radius-card);width:min(340px,92vw);box-shadow:var(--shadow-drawer);gap:16px;padding:18px;font-weight:700;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.coachmark{z-index:30;background:var(--panel);border:1px dashed var(--stitch-strong);border-radius:var(--radius-card);width:min(300px,70%);box-shadow:var(--shadow-raised);gap:8px;padding:18px 16px 12px;display:grid;position:absolute;top:26px;left:26px;transform:rotate(-1.1deg)}.coach-pin{background:var(--marigold);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:50%;box-shadow:0 2px 3px #33261e59,inset 0 -2px 2px #33261e40}.coachmark p{font-size:var(--text-base);line-height:1.45}.coach-dismiss{justify-self:end}.toast-host{bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;justify-items:center;gap:8px;display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--walnut);color:var(--muslin);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);font-size:var(--text-sm);max-width:min(480px,90vw);padding:11px 18px;font-weight:700}.phone-switch{z-index:24;background:var(--muslin);border-bottom:1px dashed var(--stitch);grid-area:switch;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px;display:grid;position:sticky;top:0}.phone-tab{border:1px dashed var(--stitch-bold);border-radius:var(--radius-card);background:var(--panel-sunken);min-height:64px;font-size:var(--text-base);color:var(--walnut-soft);justify-content:center;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:flex}.phone-tab.is-active{background:var(--panel);border:1px solid var(--tomato);color:var(--walnut);position:relative}.phone-tab.is-active:after{content:"";background:var(--tomato);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;right:5px;box-shadow:0 1px 1px #33261e66}.phone-tab:active{background:var(--panel)}.phone-tab-thumb{flex:none;width:48px;height:48px}.phone-tab-svg{width:100%;height:100%}.quilt-adjust{min-height:var(--target);border-radius:var(--radius-control);background:var(--tomato);color:#fff;box-shadow:var(--shadow-rest);align-self:center;margin:8px auto;padding:10px 26px;font-weight:700}.quilt-adjust:last-child{margin-bottom:calc(12px + env(safe-area-inset-bottom))}.quilt-adjust:active{background:var(--tomato-deep)}.quilt-morph{view-transition-name:quilt-surface}::view-transition-old(quilt-surface){object-fit:contain;width:100%;height:100%;animation-duration:.3s}::view-transition-new(quilt-surface){object-fit:contain;width:100%;height:100%;animation-duration:.3s}@media (width<=1020px){.tool-rail{border-right:none;border-top:1px dashed var(--stitch);background:var(--muslin);z-index:20;padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:row;justify-content:center;position:sticky;bottom:0;overflow-x:auto}.rail-divider{border-top:none;border-left:1px dashed var(--stitch);margin:6px 4px}.brand-name{display:none}.design-name{max-width:220px}.symmetry-picker{max-width:100%;margin-left:0;overflow-x:auto}}@media (width>=760px) and (width<=1020px){.studio{grid-template:"header header""canvas preview"minmax(0,1fr)"rail rail"/minmax(0,11fr) minmax(0,9fr);height:100dvh;overflow:hidden}.preview-frame{padding:14px}.composer-panel{padding:10px 12px}}@media (width<=759.98px){.studio{grid-template:"header""switch""canvas"minmax(0,1fr)"rail"/1fr;height:100dvh;overflow:hidden}.studio[data-phone-mode=quilt]{grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header""switch""preview"}.canvas-column{border-right:none;min-height:0}.canvas-toolbar{flex-wrap:nowrap;overflow-x:auto}.palette-panel{flex-wrap:nowrap;gap:8px}.palette-chips{flex-wrap:nowrap;overflow-x:auto}.palette-actions{flex:none}.role-name,.colorway-btn .btn-label{display:none}.preview-frame{padding:14px}.composer-scroll{max-height:min(38dvh,360px);animation:controls-rise var(--dur-settle) var(--ease-settle);overflow-y:auto}.composer-scroll .composer-panel{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@keyframes controls-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.header-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand.actions""gallery name name";align-items:center;gap:2px 8px;padding:6px 10px;display:grid}.brand{grid-area:brand}.brand-name{font-size:var(--text-lg);display:block}.header-right{grid-area:actions}.gallery-btn{grid-area:gallery;justify-self:start}.design-name{grid-area:name;width:100%;max-width:none}.share-btn .btn-label{display:none}.share-btn{padding:8px 12px}.canvas-toolbar,.composer-panel,.palette-panel{padding-inline:10px}.quilt-dimensions{white-space:normal;margin-left:0}}.cutting-layer{z-index:64;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cutting-scrim{cursor:default;background:#33261e61;border:none;position:absolute;inset:0}.cutting-sheet{border:1px dashed var(--stitch-strong);border-radius:var(--radius-card);width:640px;max-width:100%;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-drawer);background:#fffdf6;position:relative;overflow:auto}.cutting-toolbar{z-index:1;border-bottom:1px dashed var(--stitch);background:#fffdf6;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.cutting-toolbar-hint{font-size:var(--text-xs);color:var(--walnut-soft);margin-right:auto}.cut-doc{font-size:var(--text-sm);padding:20px 26px 30px;line-height:1.5}.cut-head{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.cut-brand{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--walnut-soft);font-weight:700}.cut-title{font-family:var(--font-display);font-size:var(--text-name);margin:2px 0 4px;font-weight:400}.cut-summary{color:var(--walnut-soft)}.cut-thumb-svg{width:108px;height:108px}.cut-role{border-top:1px dashed var(--stitch);margin-top:16px;padding-top:10px}.cut-role-name{font-family:var(--font-display);margin:0 0 4px;font-size:1.05rem;font-weight:400}.cut-pool-note{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--walnut-soft)}.cut-fabric{grid-template-columns:26px 1fr auto;align-items:start;gap:12px;padding:5px 0;display:grid}.cut-swatch{border-radius:var(--radius-work);border:1px solid #33261e40;width:26px;height:26px;margin-top:2px}.cut-lines{margin:0;padding:0;list-style:none}.cut-lines li{padding:1.5px 0}.cut-yardage{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.cut-none{color:var(--walnut-faint)}.cut-notes{border-top:1px dashed var(--stitch);font-size:var(--text-xs);color:var(--walnut-soft);margin-top:18px;padding-top:10px}.cut-notes p{margin:3px 0}.cut-templates{border-top:1px dashed var(--stitch);margin-top:16px;padding-top:10px}.cut-template-legend{font-size:var(--text-xs);color:var(--walnut-soft);margin:0 0 10px}.cut-cal{align-items:center;gap:12px;margin:0 0 12px;display:flex}.cut-template{max-width:100%;margin:0 0 14px;overflow-x:auto}.cut-template-halves{flex-wrap:wrap;gap:12px;display:flex}.cut-cal figcaption,.cut-template figcaption{font-size:var(--text-xs);color:var(--walnut-soft);max-width:260px;margin-top:4px}.cut-template figcaption{max-width:none}.tpl-svg,.cut-cal-svg{flex:none;display:block}.cut-cal-svg{width:1.5in;height:1.5in}.tpl-cut{fill:#fff;stroke:var(--walnut);stroke-width:.02px}.tpl-sew{fill:none;stroke:var(--chalk);stroke-width:.014px;stroke-dasharray:.09 .06}.tpl-join{fill:none;stroke:var(--walnut-faint);stroke-width:.014px;stroke-dasharray:.05 .05}.tpl-grain path{fill:none;stroke:var(--walnut);stroke-width:.016px;stroke-linecap:round}.tpl-letter{font-family:var(--font-display);fill:var(--walnut);font-size:.32px}.tpl-text{font-family:var(--font-ui);fill:var(--walnut-soft);font-size:.13px}.tpl-cal{fill:none;stroke:var(--walnut);stroke-width:.02px}.tpl-tick{fill:none;stroke:var(--walnut);stroke-width:.012px}@media (width<=759.98px){.cutting-layer{padding:0}.cutting-sheet{border:none;border-radius:0;width:100%;height:100dvh;max-height:none}.cutting-toolbar-hint{display:none}.cutting-toolbar{justify-content:flex-end}}@media print{body.cutting-open #root{display:none}body.cutting-open{background:#fff}body.cutting-open .cutting-layer{padding:0;display:block;position:static}body.cutting-open .cutting-scrim,body.cutting-open .cutting-toolbar{display:none}body.cutting-open .cutting-sheet{width:auto;max-width:none;height:auto;max-height:none;box-shadow:none;background:#fff;border:none;border-radius:0;position:static;overflow:visible}body.cutting-open .cut-doc{padding:0}.cut-role,.cut-fabric,.cut-cal,.cut-template{break-inside:avoid}.cut-templates{break-before:page}.cut-template{overflow:visible}}@page{margin:.55in}