.pattern-booklet{isolation:isolate;border:1px solid var(--line);background:linear-gradient(90deg, transparent 13px, color-mix(in srgb, var(--line) 55%, transparent) 14px, transparent 15px), repeating-linear-gradient(0deg, transparent 0 3px, #684d3806 3px 4px), var(--paper);box-shadow:5px 5px 0 -1px var(--paper), 5px 5px 0 0 var(--line), 10px 10px 0 -1px var(--paper), 10px 10px 0 0 var(--line), 0 20px 50px -30px #39271f59;border-radius:4px 18px 18px 4px;padding:24px;position:relative}.pattern-booklet:after{content:"";pointer-events:none;background:linear-gradient(135deg, transparent 45%, color-mix(in srgb, var(--line) 38%, var(--paper)) 72%, var(--paper) 76%);border-radius:0 0 18px;width:52px;height:52px;position:absolute;bottom:0;right:0}.booklet-title{font-family:var(--serif);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:12px;font-size:23px;display:flex}.booklet-ready{font:10px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.booklet-ready svg{fill:none;width:16px;height:16px;stroke:var(--sage,#66806a);stroke-width:1.5px}.booklet-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-bottom:7px;display:grid}.booklet-tabs a{border:1px dashed var(--line);min-height:48px;color:var(--muted);border-radius:8px 8px 2px 2px;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:12px;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.booklet-tabs a span{opacity:.7;font-size:9px}.booklet-tabs a[aria-current],.booklet-tabs a:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--paper))}.booklet-tabs a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.pattern-booklet [id]{scroll-margin-top:110px}.pattern-booklet>.panel{box-shadow:none;border-radius:3px}.pattern-booklet>.preview-card{border:0}.pattern-booklet .sheet-heading{padding-inline:0}.pattern-booklet .preview-stage{border:1px solid color-mix(in srgb, var(--sage,#66806a) 20%, var(--line));background:radial-gradient(ellipse at 40% 30%, color-mix(in srgb, var(--paper) 70%, transparent), transparent 70%), repeating-linear-gradient(90deg, transparent 0 3px, #556e5809 3px 4px), var(--tint-2);min-height:380px}.pattern-booklet .preview-meta{background:0 0;gap:0}.pattern-booklet .preview-meta>div{border-right:1px dashed var(--line);background:0 0;padding:18px 10px}.pattern-booklet .preview-meta>div:last-child{border-right:0}.pattern-booklet .preview-meta b{font-size:clamp(19px,2.1vw,29px)}.pattern-booklet .panel:not(.preview-card){border:0;border-top:1px dashed var(--line);background:0 0;padding:22px 4px 8px}.pattern-booklet .assumptions summary{align-items:center;min-height:44px;display:flex}.pattern-booklet .fabric-dot,.pattern-booklet .key-item .sw{animation:booklet-swatch .45s var(--ease) both}.pattern-booklet .key-item:nth-child(3n+2) .sw{animation-delay:60ms}.pattern-booklet .key-item:nth-child(3n+3) .sw{animation-delay:.12s}.booklet-celebration{pointer-events:none;z-index:3;width:1px;height:1px;position:absolute;top:92px;left:50%}.booklet-celebration i{background:var(--primary);opacity:0;width:10px;height:3px;animation:booklet-stitch 1.2s var(--stitch-delay) cubic-bezier(.14,.65,.35,1) both;border-radius:2px;position:absolute}.booklet-celebration i:nth-child(3n){background:#809982}.booklet-celebration i:nth-child(3n+1){background:#c79755}@keyframes booklet-stitch{10%{opacity:1}65%{opacity:1}to{transform:translate(var(--stitch-x), var(--stitch-y)) rotate(var(--stitch-rotation));opacity:0}}@keyframes booklet-swatch{0%{transform:scale(.72)}to{transform:scale(1)}}@media (max-width:600px){.pattern-booklet{margin-right:7px;padding:16px 12px;gap:14px!important}.booklet-title{align-items:flex-start;font-size:21px}.booklet-ready{gap:3px;margin-top:6px;font-size:8px}.booklet-tabs{gap:4px}.booklet-tabs a{gap:4px;padding:8px 4px;font-size:11px}.booklet-tabs a span{display:none}.pattern-booklet .preview-stage{min-height:280px;padding:20px}.pattern-booklet .preview-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.pattern-booklet .preview-meta>div:nth-child(2n){border-right:0}.pattern-booklet .preview-meta>div:nth-child(n+3){border-top:1px dashed var(--line)}}@media (prefers-reduced-motion:reduce){.pattern-booklet *,.pattern-booklet :before,.pattern-booklet :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.booklet-celebration{display:none}}@media print{.booklet-tabs,.booklet-title,.booklet-celebration{display:none}.pattern-booklet{box-shadow:none;background:0 0;border:0;padding:0}.pattern-booklet:after{display:none}}