.glow-label{font:400 .75rem Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (width<=960px){.glow-label{font-size:.625rem}}.testimonials{min-height:3lh;margin-bottom:var(--standard-spacing);padding-inline:var(--standard-spacing);place-items:center;display:grid}.testimonials__quote{text-align:center;max-width:100%;font-family:var(--font-serif);color:var(--color-text-secondary);background:var(--paper-highlight);box-shadow:var(--paper-highlight-shadow);opacity:0;filter:blur(5px);will-change:opacity, filter;grid-area:1/1;margin:0;font-size:clamp(1rem,2vw,1.5rem);line-height:1.15;animation-name:testimonial-morph;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes testimonial-morph{0%{opacity:0;filter:blur(5px);animation-timing-function:ease-in-out}3%{opacity:1;filter:blur();animation-timing-function:linear}14.285%{opacity:1;filter:blur();animation-timing-function:ease-in-out}16%{opacity:0}17.285%{filter:blur(5px)}to{opacity:0;filter:blur(5px)}}@media (prefers-reduced-motion:reduce){.testimonials__quote{opacity:1;filter:none;animation:none}.testimonials__quote~.testimonials__quote{display:none}}.catalog-footer{margin-top:var(--standard-spacing);padding-top:var(--standard-spacing);color:var(--color-text-muted);font-size:var(--secondary-font-size);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 14px;display:flex}.catalog-footer .brand-title{color:var(--color-text-primary)}.catalog-footer p{margin:0}.catalog-footer .brand-title,.catalog-footer p{background:var(--paper-highlight);box-shadow:var(--paper-highlight-shadow)}.pre-hero{text-align:center;flex-direction:column;align-items:center;gap:3rem;width:100%;margin:clamp(28px,7vh,84px) 0 3rem;display:flex;position:relative}.pre-hero-title{width:100%;max-width:960px}.pre-hero h1{max-width:960px;color:var(--color-text-primary);text-wrap:balance;margin:0 auto;font-size:clamp(2rem,7vw,5rem);font-weight:700;line-height:1.02}.pre-hero h1 em{color:var(--color-wood);font-style:normal}.pre-hero p{max-width:560px;color:var(--color-text-secondary);font-family:var(--font-serif);background:var(--paper-highlight);box-shadow:var(--paper-highlight-shadow);margin:0 auto;font-size:clamp(1.25rem,1.75vw,2rem)}@media (width<=768px){.pre-hero{gap:2rem;margin-top:clamp(22px,5vh,48px);margin-bottom:2rem}}.hero-section{--hero-chat-fade-duration:.55s;--hero-icon-out-duration:1.25s;--hero-icon-out-inner-duration:.625s;--hero-control-duration:3.8s;box-sizing:border-box;width:100%;max-width:min(100%,680px);margin:0 auto var(--standard-spacing);aspect-ratio:1;border-radius:var(--standard-border-radius);box-shadow:var(--paper-shadow);background:var(--paper-bg);position:relative;overflow:hidden}.hero-section__stage{z-index:0;position:absolute;inset:0}.hero-section__stage canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.hero-section__stage canvas:active{cursor:grabbing}.hero-section__chat{z-index:1;pointer-events:none;padding:var(--standard-spacing);background:linear-gradient(#f8fbff00,#f8fbffeb 70%);position:absolute;bottom:0;left:0;right:0}.hero-chat{box-sizing:border-box}.hero-chat__icon-wrap{vertical-align:-.18em;animation:hero-icon-enter var(--hero-chat-fade-duration) ease both;margin-left:.15em;display:inline-flex}.hero-chat__icon-wrap.is-leaving{animation:hero-icon-control-out var(--hero-icon-out-duration) ease forwards}.hero-chat__icon-wrap.is-leaving .hero-chat__icon{animation:hero-icon-control-icon-out var(--hero-icon-out-inner-duration) ease-out forwards}.hero-chat__icon{width:1.15em;height:1.15em;color:var(--color-ai-blue);animation:hero-icon-spin var(--hero-icon-spin-duration,2s) ease-in-out forwards;flex:none}@keyframes hero-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-icon-enter{0%{opacity:0;transform:translateY(-.5em)}to{opacity:1;transform:none}}@keyframes hero-icon-control-out{0%{opacity:1;transform:rotate(0)translate(0)}to{opacity:0;transform:rotate(-90deg)translate(10em)}}@keyframes hero-icon-control-icon-out{0%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(360deg)}}.hero-chat__text{text-align:left;width:100%;color:var(--color-text-primary);margin:0;font-size:clamp(.75rem,1.5vw,1rem);font-weight:500}.hero-chat__line{animation:hero-chat-in var(--hero-chat-fade-duration) ease}.hero-chat__text-run{opacity:1;transition:opacity var(--hero-chat-fade-duration) ease}.hero-chat__text-run.is-leaving{opacity:0}@keyframes hero-chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-chat__caret{background-color:var(--color-ai-blue);width:.5ch;height:1.05em;margin-left:1px;animation:1s step-end infinite hero-chat-caret;display:inline-block;transform:translateY(.16em)}@keyframes hero-chat-caret{0%,50%{opacity:1}50.01%,to{opacity:0}}.hero-chat__sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-section:after{content:"";z-index:2;border-radius:inherit;background:conic-gradient(from var(--hero-control-angle,0deg), var(--gradient-hero-ring-stops));opacity:0;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-section.is-controlling{animation:hero-control-border-width var(--hero-control-duration) ease-in-out}@keyframes hero-control-border-width{0%{border-width:1px}12%{border-width:0}88%{border-width:0}to{border-width:1px}}.hero-section.is-controlling:after{animation:hero-control-spin var(--hero-control-duration) linear, hero-control-fade var(--hero-control-duration) ease-in-out}@keyframes hero-control-spin{0%{--hero-control-angle:0deg}to{--hero-control-angle:-360deg}}@keyframes hero-control-fade{0%{opacity:0}14.5%{opacity:1}85.5%{opacity:1}to{opacity:0}}@property --hero-control-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.sloppy-mascot{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:relative}.sloppy-mascot__frame{position:absolute;inset:0;overflow:hidden}.sloppy-mascot__image{width:200%;max-width:none;height:200%;position:absolute}.sloppy-mascot__speech{width:max-content;max-width:calc(190 * var(--u,1px));padding:calc(9 * var(--u,1px)) calc(11 * var(--u,1px));border-radius:calc(8 * var(--u,1px));background:var(--booklet-bg,#fff);color:var(--booklet-ink,currentColor);font-size:calc(14 * var(--u,1px));text-align:center;white-space:normal;box-shadow:calc(3 * var(--u,1px)) calc(3 * var(--u,1px)) 0 currentColor;border:1px solid;line-height:1.18;position:absolute;top:6%}.sloppy-mascot__speech--left{right:80%}.sloppy-mascot__speech--right{left:80%}.booklet-shell{color:var(--booklet-ink);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.booklet-print{z-index:2;border:1px solid var(--booklet-hairline);background:var(--booklet-bg);width:40px;height:40px;color:var(--booklet-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:sticky;top:0}.booklet-pages{background:var(--booklet-preview-bg);flex-direction:column;flex:1;gap:24px;min-height:0;padding:16px 0;display:flex;overflow-y:auto}.booklet-page{--u:1px;width:min(100%,8.5in);min-height:calc(1056 * var(--u));padding:calc(52.8 * var(--u));font-size:calc(16 * var(--u));box-sizing:border-box;page-break-after:always;background:var(--booklet-bg);color:var(--booklet-ink);box-shadow:var(--paper-shadow);flex-direction:column;margin:0 auto;display:flex;position:relative}.booklet-page h1,.booklet-page h2,.booklet-page p{margin:0}.booklet-page h1{font-size:calc(28 * var(--u));line-height:1.1}.booklet-page h2{font-size:calc(18 * var(--u));line-height:1.2}.booklet-page--intro{justify-content:space-between}.booklet-hero-canvas-wrapper{flex:1;position:relative}.booklet-hero-canvas{position:absolute}.booklet-hero-canvas,.booklet-canvas,.booklet-summary-canvas{background:var(--booklet-bg);width:100%;height:100%;min-height:0}.booklet-intro-footer{flex-direction:column;align-items:flex-end;display:flex;position:relative}.booklet-mascot{width:calc(120 * var(--u));z-index:1;position:absolute}.booklet-mascot:not(.booklet-mascot--intro){display:none}.booklet-mascot--intro{right:calc(5 * var(--u));bottom:calc(25 * var(--u))}.booklet-mascot--inventory{top:calc(52.8 * var(--u));right:calc(52.8 * var(--u))}.booklet-mascot--instruction{top:calc(52.8 * var(--u));left:calc(52.8 * var(--u))}.booklet-brand{align-self:flex-end;font-weight:700}.booklet-inventory{gap:calc(16 * var(--u));margin-top:calc(36 * var(--u));display:grid}.booklet-inventory-row,.booklet-item,.booklet-recommended div{align-items:center;gap:calc(12 * var(--u));min-height:calc(44 * var(--u));display:flex}.booklet-recommended{margin-top:calc(40 * var(--u));gap:calc(16 * var(--u));padding:calc(18 * var(--u));border:1px solid var(--booklet-hairline);border-radius:calc(8 * var(--u));display:grid}.booklet-recommended h2{margin-bottom:calc(12 * var(--u))}.booklet-tool-image{width:calc(50 * var(--u));height:calc(50 * var(--u));flex:0 0 calc(50 * var(--u));object-fit:contain}.booklet-lumber-piece-icon{width:auto;height:calc(34 * var(--u));color:var(--booklet-ink);flex:none}.booklet-screw-image{width:auto;height:calc(50 * var(--u));object-fit:contain;flex:none}.booklet-page--instruction{gap:calc(28 * var(--u));grid-template-rows:1fr 2fr;grid-template-columns:1fr 1fr;display:grid}.booklet-instruction{grid-area:1/2;align-self:start}.booklet-instruction p{margin-top:calc(12 * var(--u));font-size:calc(15 * var(--u));line-height:1.5}.booklet-items{gap:calc(12 * var(--u));margin-top:calc(22 * var(--u));display:grid}.booklet-visualization{grid-area:2/1/auto/-1;min-height:0}.booklet-canvas{height:100%}.booklet-summary-grid{gap:calc(18 * var(--u));min-height:0;margin-top:calc(28 * var(--u));flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,1fr);display:grid}.booklet-summary-view{flex-direction:column;min-width:0;min-height:0;display:flex}.booklet-summary-view:first-child{grid-column:1/-1}.booklet-summary-view h2{margin-bottom:calc(10 * var(--u))}.booklet-summary-canvas{flex:1}.booklet-loading{height:100%;min-height:calc(220 * var(--u));color:var(--booklet-muted);place-items:center;display:grid}@media (width<=960px){.booklet-page{--u:min(1px, calc(100vw / 816))}}@media print{@page{size:letter portrait;margin:0}html,body,#root{background:var(--booklet-bg)!important;height:auto!important;overflow:visible!important}.page,.sheet-backdrop,.slide-sheet,.slide-sheet__body,.booklet-shell,.booklet-pages{display:contents!important}.layout,.slide-sheet__header,.booklet-print{display:none!important}.booklet-page{--u:1px;width:8.5in;height:11in;min-height:0;box-shadow:none;break-after:page;break-inside:avoid;margin:0;overflow:hidden}.booklet-page:last-child{break-after:auto}.booklet-mascot:not(.booklet-mascot--intro){display:block}.booklet-hero-canvas canvas,.booklet-canvas canvas,.booklet-summary-canvas canvas{width:100%!important;height:100%!important}}.icon-button{border-radius:var(--standard-border-radius);background:var(--paper-bg);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--paper-shadow);border:none;justify-content:center;align-items:center;transition:color .14s,background .5s,box-shadow .14s;display:flex}.icon-button:hover{color:var(--color-ballpoint-blue);box-shadow:var(--paper-shadow-hover)}.icon-button:active{box-shadow:var(--paper-shadow);background:var(--paper-bg-active)}.details-panel{padding:0 var(--standard-spacing) var(--standard-spacing) 0;z-index:1;flex-direction:column;display:flex}.details-panel__header{margin-bottom:var(--aggressive-shrink-spacing)}.details-panel__header h1{font-size:var(--font-size-display);color:var(--color-text-secondary);margin:0 0 10px;font-weight:700;line-height:1.1}.details-panel__header .subtitle{max-width:none;margin-bottom:0}.details-panel__content{gap:var(--aggressive-shrink-spacing);flex-direction:column;flex:1;display:flex}.plan-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.download-btn{border-radius:var(--standard-border-radius);background:linear-gradient(135deg, var(--color-brand-blue), #0ea5e9);color:var(--color-white);cursor:pointer;box-shadow:0 4px 24px var(--glow-brand);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.download-btn--secondary{background:var(--paper-bg);color:var(--color-text-secondary);box-shadow:var(--paper-shadow)}.download-btn:hover{box-shadow:0 8px 32px var(--glow-brand);transform:translateY(-1px)}.download-btn--secondary:hover{box-shadow:var(--paper-shadow-hover)}@media (width<=960px){.details-panel{padding:0 var(--standard-spacing) var(--standard-spacing) var(--standard-spacing);border-left:none;flex:none}.details-panel__header{display:none}.plan-actions{gap:.5rem}}.ruler-controls{z-index:3;gap:var(--standard-spacing-small);pointer-events:none;flex-direction:row;display:flex;position:absolute;bottom:0;left:0}.ruler{pointer-events:auto;border-radius:var(--standard-border-radius);background:var(--paper-bg);min-width:10rem;box-shadow:var(--paper-shadow);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;gap:5px;padding:.5rem .5rem 0;transition:box-shadow .16s,background .16s,transform .16s;display:flex}.ruler:hover,.ruler:focus-visible{box-shadow:var(--paper-shadow-hover);outline:none;transform:translateY(-1px)}.ruler:active{background:var(--paper-bg-active);box-shadow:var(--paper-shadow-hover)}.ruler__head{justify-content:space-between;align-items:center;gap:10px;line-height:1;display:flex}.ruler__axis{color:var(--color-text-muted)}.ruler__value{font-size:.75rem;font-family:var(--font-body);justify-content:flex-end;align-items:baseline;width:2rem;display:flex}.ruler__value em{opacity:.7;margin-left:1px;font-size:10px;font-style:normal}.ruler__scale{height:12px;margin-bottom:-1px;position:relative;overflow-x:hidden}.ruler__tick{background:var(--color-text-secondary);opacity:.25;width:1px;height:3px;position:absolute;bottom:0;transform:translate(-50%)}.ruler__tick.is-major{opacity:.75;height:3px}.ruler__limit{background:#ef4444;width:1px;height:6px;position:absolute;bottom:0;transform:translate(-50%)}.ruler__default{background:#18a558;width:1px;height:6px;position:absolute;bottom:0;transform:translate(-50%)}.ruler__highlight{background:var(--color-brand-blue);width:1px;height:12px;box-shadow:0 0 4px color-mix(in srgb, var(--color-brand-blue) 70%, transparent);transition:left .5s cubic-bezier(0,.5,.3,1.25);position:absolute;bottom:0;transform:translate(-50%)}@media (width<=960px){.ruler-controls{right:0}.ruler{flex-grow:1}}.prompt-container{--border:var(--border-ballpoint-blue);--prompt-offset:2px;--prompt-shadow:2px 2px 0 var(--border);--prompt-active-shadow:4px 4px 0 var(--border);flex-direction:column;flex:1;gap:18px;height:auto;min-height:0;padding:20px;display:flex;overflow:hidden}.prompt-block{top:var(--prompt-offset);left:var(--prompt-offset);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper-bg);min-width:0;min-height:0;max-height:calc(100% - 4px);box-shadow:var(--paper-shadow);isolation:isolate;flex-direction:column;flex:0 auto;transition:box-shadow .14s;display:flex;position:relative;overflow:hidden}:is(.prompt-container:has(.prompt-copy__button:hover) .prompt-block,.prompt-container:has(.prompt-copy__button:active) .prompt-block){box-shadow:var(--paper-shadow-hover)}.prompt-copy{flex:none;justify-content:flex-end;align-items:flex-start;min-width:0;display:flex}.prompt-copy__button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper-bg);box-shadow:var(--paper-shadow);color:var(--color-text-secondary);cursor:pointer;z-index:1;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:14px;transition:box-shadow .14s,background .5s,color .5s;display:flex}.prompt-copy__button:hover{color:var(--color-text-primary);border-color:var(--border-standard);box-shadow:var(--paper-shadow-hover)}.prompt-copy__button:active{box-shadow:var(--paper-shadow);background:var(--color-ballpoint-blue);color:var(--color-white)}.prompt-block__content{z-index:2;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:auto}.prompt-block__effect{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.prompt-block--copied .prompt-block__copy-surface{animation:1.25s ease-in-out both prompt-content-copy-wave}.prompt-wave{opacity:0;background:var(--gradient-prompt-wave);filter:blur(18px);mix-blend-mode:multiply;will-change:transform, opacity;display:block;position:absolute;inset:-18% -8%;transform:translateY(-72%)scaleX(1.06)}.prompt-block--copied .prompt-wave{animation:1.45s cubic-bezier(.2,0,0,1) both prompt-copy-wave}@keyframes prompt-copy-wave{0%{opacity:0;transform:translateY(-72%)scaleX(1.06)}22%{opacity:.82}to{opacity:0;transform:translateY(72%)scaleX(1.06)}}@keyframes prompt-content-copy-wave{0%{filter:blur()}20%{filter:blur(8px)}to{filter:blur()}}.prompt-reveal{letter-spacing:.005em;padding:26px 24px 10px;font-size:15px;line-height:1.7}.prompt-reveal__line{margin:0 0 1.05em}.prompt-reveal__word{opacity:0;background-image:linear-gradient(180deg, var(--color-brand-blue) 0%, var(--color-ai-blue) 20%, var(--color-text-primary) 40%, var(--color-ai-blue) 60%, var(--color-brand-blue) 80%, var(--color-ai-blue) 100%);-webkit-text-fill-color:transparent;color:#0000;will-change:opacity, transform, background-position;animation:prompt-word-in .5s var(--ease-emphasized) both, prompt-shimmer 1.4s ease-in-out 2, prompt-word-settle .8s ease forwards;animation-delay:calc(var(--i,0) * 10ms), calc(var(--i,0) * 10ms), calc(var(--i,0) * 10ms + .95s);background-position:50% 0;background-size:100% 280%;-webkit-background-clip:text;background-clip:text;display:inline-block}@keyframes prompt-word-in{0%{opacity:0;filter:blur(7px);transform:translateY(.3em)}to{opacity:1;filter:blur();transform:none}}@keyframes prompt-shimmer{0%{background-position:50% 0}to{background-position:50% 100%}}@keyframes prompt-word-settle{to{-webkit-text-fill-color:var(--color-text-secondary);color:var(--color-text-secondary)}}.prompt-reveal__sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prompt-attachments{--prompt-attachment-delay:calc(var(--prompt-word-count,0) * 10ms + .1s);margin-top:auto;padding:14px 24px 26px}.prompt-attachments__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);opacity:0;animation:prompt-attachment-in .48s var(--ease-emphasized) both;animation-delay:var(--prompt-attachment-delay);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex;transform:translateY(-10px)}.prompt-attachments__tiles{flex-wrap:wrap;gap:12px;display:flex}.prompt-file{border:1px solid var(--border-standard);border-radius:var(--standard-border-radius);background:var(--paper-bg);opacity:0;min-width:0;animation:prompt-attachment-in .52s var(--ease-emphasized) both;animation-delay:calc(var(--prompt-attachment-delay) + var(--file-index,0) * .1s + .1s);flex:180px;align-items:center;gap:12px;padding:12px 14px;display:flex;transform:translateY(-12px)}@keyframes prompt-attachment-in{to{opacity:1;transform:none}}.prompt-file__icon{width:38px;height:38px;color:var(--color-brand-blue);flex:none;justify-content:center;align-items:center;display:flex}.prompt-file__meta{flex-direction:column;min-width:0;display:flex}.prompt-file__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.prompt-file__sub{color:var(--color-text-muted);font-size:11px}@media (prefers-reduced-motion:reduce){.prompt-reveal__word{-webkit-text-fill-color:var(--color-text-secondary);color:var(--color-text-secondary);animation:.3s both prompt-word-in;animation-delay:calc(var(--i,0) * 20ms)}.prompt-block__content{animation:none}.prompt-wave{display:none}.prompt-attachments__label,.prompt-file{opacity:1;animation:none;transform:none}}@media (width<=960px){.prompt-container{gap:14px;padding:14px}.prompt-copy{justify-content:stretch}.prompt-copy__button{width:100%}}.page{--dot-matrix-size:28px;--dot-matrix-dot:1px;--dot-matrix-fade:1.2px;z-index:0;background-image:radial-gradient(circle, color-mix(in srgb, var(--color-dot-matrix) 65%, transparent) var(--dot-matrix-dot), transparent var(--dot-matrix-fade));background-size:var(--dot-matrix-size) var(--dot-matrix-size);background-position:50%;background-attachment:local;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}@media (width<=767.98px){.page{--dot-matrix-size:16px;--dot-matrix-dot:.5px;--dot-matrix-fade:1px}}.page--centered{flex-direction:column;justify-content:center;align-items:center;gap:16px}.layout{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr 340px;min-width:0;height:100%;display:grid}.site-header,.catalog-header{justify-content:space-between;align-items:flex-end;gap:var(--standard-spacing);padding:var(--standard-spacing);grid-column:1/-1;display:flex}.site-header__lead{align-items:center;gap:12px;display:flex}.site-header__lead .icon-button{margin-bottom:2px}.catalog-shell{width:100%;max-width:1260px;padding:var(--standard-spacing);box-sizing:border-box;margin:0 auto}.catalog-brandbar{margin-bottom:var(--standard-spacing);flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.catalog-brand{color:var(--color-text-primary);white-space:nowrap;align-items:center;font-size:22px;font-weight:700;display:inline-flex}.hero-panel{padding:0 var(--standard-spacing) var(--aggressive-shrink-spacing) var(--standard-spacing);flex-direction:column;min-width:0;display:flex;overflow:visible}.hero-panel h1{font-size:var(--font-size-display);color:var(--color-text-primary);margin:0 0 10px;font-weight:700;line-height:1.1}.subtitle{margin:0 0 var(--aggressive-shrink-spacing);color:var(--color-text-muted);font-size:14px}.canvas-wrap,.canvas-inner,.thumbnail-canvas{flex:1;width:100%;height:100%;min-height:0;overflow:hidden}.canvas-wrap,.canvas-inner{border-radius:var(--standard-border-radius)}.canvas-wrap canvas,.canvas-inner canvas,.thumbnail-canvas canvas{display:block;width:100%!important;height:100%!important}.canvas-inner canvas{cursor:grab}.canvas-inner canvas:active{cursor:grabbing}.detail-viewport{position:relative;overflow:visible;container-type:size}.detail-transition-square{pointer-events:none;z-index:1;width:min(100cqw,100cqh);height:min(100cqw,100cqh);margin:auto;position:absolute;inset:0;overflow:hidden}.canvas-loading{height:100%;color:var(--color-text-faint);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.material-handles{gap:1rem;display:grid}@media (width<=960px){.material-handles{gap:.5rem}}.material-handle{width:100%;padding:var(--standard-spacing-small);border-radius:var(--standard-border-radius);box-shadow:var(--paper-shadow);background:var(--paper-bg);color:var(--color-text-primary);text-align:left;cursor:pointer;border:1px solid #0000;flex-direction:column;transition:box-shadow .16s,border-color .4s,background .16s,transform .16s;display:flex}.material-handle:hover,.material-handle:focus-visible{box-shadow:var(--paper-shadow-hover);transform:translateY(-1px)}.material-handle.is-pressed{box-shadow:var(--paper-shadow-hover);border-color:var(--color-ink-blue);transform:translateY(-1px)}.material-handle__label{text-transform:uppercase;color:var(--color-text-faint);justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:500;display:flex}.material-handle__visibility{border:1px solid color-mix(in srgb, var(--color-text-faint) 55%, transparent);border-radius:var(--standard-border-radius);width:16px;height:16px;color:var(--color-text-faint);place-items:center;transition:border-color .4s,color .4s;display:grid}.material-handle.is-pressed .material-handle__visibility{border-color:var(--color-ballpoint-blue);color:var(--color-ballpoint-blue)}.lumber-handle__layout,.screw-handle__layout{justify-content:space-between;align-items:center;gap:8px;display:flex}.lumber-items{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.resource-icon{flex-shrink:0;display:block;position:relative}.resource-quantity-chip{font-size:var(--secondary-font-size);color:var(--color-text-primary);font-weight:400;line-height:1;position:absolute;top:-2px;left:0}.lumber-piece-icon{width:auto;height:36px;display:block}.lumber-length-chip{color:var(--color-text-secondary);white-space:nowrap;font-size:10px;font-weight:600;line-height:1.5;position:absolute;bottom:-4px;left:66%}.screw-silhouette{object-fit:contain;width:auto;height:50px;margin:-6px 0;display:block;position:relative}@media (width<=960px){.lumber-piece-icon{height:24px}.resource-quantity-chip{font-size:var(--secondary-font-size);top:-3px}.lumber-length-chip{font-size:9px;bottom:-5px;left:55%}.screw-silhouette{height:34px}}.sheet-backdrop{z-index:10;background:var(--sheet-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:24px;animation:.26s ease-out sheet-backdrop-in;display:flex;position:fixed;inset:0}.sheet-backdrop--closing{animation:.26s ease-in forwards sheet-backdrop-out}.slide-sheet{width:min(960px,100%);margin:var(--standard-spacing) auto;border:1px solid var(--border-standard);border-radius:var(--standard-border-radius);background:var(--paper-bg);box-shadow:var(--paper-shadow);animation:slide-sheet-up .26s var(--ease-emphasized);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:hidden}.slide-sheet--closing{animation:.26s ease-in forwards slide-sheet-down}.slide-sheet__header{z-index:1;box-shadow:var(--paper-shadow-hover);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.slide-sheet__header h2{text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:14px;font-weight:600}.slide-sheet__actions{align-items:center;gap:8px;display:flex}.slide-sheet__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes slide-sheet-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-sheet-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}@keyframes sheet-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-backdrop-out{0%{opacity:1}to{opacity:0}}.spec-stream{height:100%;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;padding:20px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow:auto}.spec-cursor{color:var(--color-brand-blue);animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.catalog-page{-webkit-overflow-scrolling:touch;flex-direction:column;height:100dvh;display:flex;overflow:hidden auto}.catalog-grid{z-index:1;gap:var(--standard-spacing);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid;position:relative}@media (width<=900px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=370px){.catalog-grid{grid-template-columns:1fr}}.catalog-card{border-radius:var(--standard-border-radius);background:var(--paper-bg);box-shadow:var(--paper-shadow);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.catalog-card:hover{box-shadow:var(--paper-shadow);transform:translateY(-2px)}.catalog-card__preview{aspect-ratio:9/8;position:relative;overflow:hidden}.catalog-card__thumb{z-index:2;object-fit:contain;object-position:center 42%;box-sizing:border-box;width:100%;height:100%;display:block;position:relative}.catalog-card__chip{z-index:3;pointer-events:none;white-space:nowrap;line-height:1;position:absolute}.catalog-card__chip--bl{bottom:var(--standard-spacing-small);left:var(--standard-spacing-small);font-family:var(--font-title);text-align:left;text-transform:none;color:var(--color-text-primary);font-size:clamp(.875rem,1.25vw,1.16rem);font-weight:700;line-height:normal}.catalog-card__chip--br{right:var(--standard-spacing-small);bottom:var(--standard-spacing-small)}.catalog-card__duration{font-family:var(--font-body);font-size:var(--secondary-font-size);color:var(--color-text-secondary);border-radius:999px;align-items:center;gap:.25em;padding:.175em .25em;line-height:normal;display:inline-flex}.catalog-card__duration-icon{width:1em;height:1em}.catalog-card__customizable{z-index:3;top:var(--standard-spacing-small);right:var(--standard-spacing-small);color:var(--color-text-secondary);align-items:center;padding:.175em .25em;display:inline-flex;position:absolute}.catalog-card__customizable-icon{font-size:var(--secondary-font-size);width:1em;height:1em}.thumbnail-canvas{width:100vw;height:100vh;box-shadow:none;background:0 0;border:none}@media (width<=600px){.catalog-shell{padding-inline:var(--standard-spacing)}}@media (width<=960px){.page:not(.catalog-page){height:100dvh;overflow:hidden}.layout{flex-direction:column;height:100%;display:flex;overflow:hidden}.hero-panel{flex:1;min-height:0}.hero-panel h1{margin-bottom:6px}.subtitle{font-size:12px}.catalog-brand{font-size:14px}.site-header{flex-direction:column;align-items:flex-start;padding-top:16px}.catalog-shell{padding-top:var(--standard-spacing)}.canvas-wrap{min-height:0}.sheet-backdrop{padding:0}.slide-sheet{border:none;width:100%;margin:0}}:root{--font-title:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--base-font-size:1rem;--secondary-font-size:.75rem;--font-size-display:clamp(28px, 3vw, 40px);--standard-spacing:2rem;--standard-spacing-small:1rem;--aggressive-shrink-spacing:2rem;--standard-border-radius:10px;--radius-sm:8px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasized:cubic-bezier(.22, 1, .36, 1);--color-ai-blue:#4da3ff;--color-ai-blue-rgb:77 163 255;--color-ai-cyan:#66e7ff;--color-ai-cyan-rgb:102 231 255;--color-ballpoint-blue:#003a8c;--color-ballpoint-blue-rgb:0 58 140;--color-ink-blue:#1b3f8b;--color-ink-blue-rgb:27 62 139;--color-brand-blue:#1a6bff;--color-brand-blue-rgb:26 107 255;--color-accent-cyan:#5ecbff;--color-accent-cyan-rgb:94 203 255;--color-white:#fff;--color-white-rgb:255 255 255;--color-black-rgb:0 0 0;--color-text-primary:#2d3139;--color-text-secondary:#3a3a3a;--color-text-muted:#5e6e8b;--color-text-faint:#8ba0bf;--color-dot-matrix:#d4cec1;--color-wood:#a06f33;--color-bg:#fbfcff;--sheet-backdrop:#07142b47;--paper-bg:#fff;--paper-highlight:#ffffffc6;--paper-highlight-shadow:0 0 10px 5px var(--paper-highlight);--paper-bg-active:#ccccc6;--paper-shadow:0 1px 1px 0 #0000000a, 0 4px 12px 0 #00000012, 0 16px 32px 0 #0000000a;--paper-shadow-hover:0 1px 1px 0 #0000000f, 0 2px 6px -1px #0000001a, 0 6px 14px -4px #00000012;--border-standard:var(--color-dot-matrix);--glow-brand:rgb(var(--color-brand-blue-rgb) / .4);--glow-brand-soft:rgb(var(--color-brand-blue-rgb) / .2);--gradient-hero-ring-stops:rgb(var(--color-white-rgb) / .9), rgb(var(--color-ai-cyan-rgb) / .92), rgb(var(--color-ai-blue-rgb) / .98), rgb(var(--color-white-rgb) / .9);--gradient-prompt-wave:linear-gradient(180deg, transparent 0%, rgb(var(--color-ai-blue-rgb) / .04) 18%, #8edeff2e 36%, rgb(var(--color-white-rgb) / .26) 48%, #8edeff24 60%, rgb(var(--color-ballpoint-blue-rgb) / .1) 76%, transparent 100%);--scrollbar-track:#e8eef9;--scrollbar-thumb:rgb(var(--color-brand-blue-rgb) / .32);--scrollbar-thumb-hover:rgb(var(--color-brand-blue-rgb) / .52);--booklet-bg:#fff;--booklet-ink:#111;--booklet-hairline:#d7d7d7;--booklet-muted:#555;--booklet-preview-bg:#e7e7e7}@media (width<=960px){:root{--standard-spacing:1rem;--standard-spacing-small:.5rem;--aggressive-shrink-spacing:.5rem;--base-font-size:.75rem;--secondary-font-size:.675rem}}h1,h2,h3,.brand-title{font-family:var(--font-title);font-weight:700;line-height:1}.brand-title{margin:0}body,p,li,button,input{font-family:var(--font-body);font-weight:400}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgb(var(--color-ai-blue-rgb) / .78), var(--scrollbar-thumb));border:2px solid var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, rgb(var(--color-accent-cyan-rgb) / .9), var(--scrollbar-thumb-hover))}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html.thumbnail-page,html.thumbnail-page body,html.thumbnail-page #root{background:0 0;overflow:hidden}::view-transition-group(catalog-preview){animation-duration:.45s;animation-timing-function:var(--ease-standard);overflow:clip}::view-transition-old(catalog-preview){animation-duration:.45s;animation-timing-function:var(--ease-standard)}::view-transition-new(catalog-preview){animation-duration:.45s;animation-timing-function:var(--ease-standard)}::view-transition-group(catalog-overlay-badge){animation-duration:.2s;animation-timing-function:var(--ease-standard)}::view-transition-group(catalog-overlay-name){animation-duration:.2s;animation-timing-function:var(--ease-standard)}::view-transition-group(catalog-overlay-duration){animation-duration:.2s;animation-timing-function:var(--ease-standard)}