:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f3ecdf;--card:#fffaf3;--ink:#241c14;--muted:#6d5c4b;--line:#e2d3bf;--walnut:#6e3d28;--brass:#a1622f;--danger:#8d2f24;--shadow:0 16px 40px #38221229;color:var(--ink);--scene:url(/backgrounds/workshop.jpg);background:#c49555;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background-image:var(--scene);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;min-height:44px;padding:.55rem 1rem}button:hover{border-color:var(--brass)}button.primary{background:var(--walnut);color:#fffaf3;border-color:var(--walnut)}button.danger{color:var(--danger);background:#fff6f4;border-color:#e4c2ba}button.text-btn{min-height:0;color:var(--walnut);text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration:underline}button[aria-pressed=true]{border-color:var(--walnut);background:#f3e2d4}.app{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f3ecdf94;border:1px solid #fffaf373;border-radius:1.4rem;width:min(880px,100% - 2rem);min-width:0;margin:1.25rem auto 2rem;padding:1.25rem 1.35rem 1.75rem;box-shadow:0 24px 60px #24160a38}.top-meta{align-items:center;gap:.75rem;min-width:0;display:flex}.top-meta p{overflow-wrap:anywhere;min-width:0}.settings-btn{flex:none}.intro h2{font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.15}.intro .primary{width:100%;font-size:1.15rem}.intro-steps{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.intro-steps li{background:#fffaf3db;border:2px solid #241c14;border-radius:1.15rem;justify-items:center;gap:.35rem;padding:.7rem .8rem .85rem;display:grid;position:relative}.intro-num{background:var(--walnut);color:#fffaf3;border-radius:999px;place-items:center;width:1.8rem;height:1.8rem;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:1.15rem;line-height:1;display:grid;position:absolute;top:.55rem;left:.55rem}.intro-art{width:min(100%,11rem)}.intro-art svg{width:100%;height:auto;display:block}.intro-steps p{text-align:center;margin:0;font-size:1rem;line-height:1.3}@media (width>=760px){.intro-steps{grid-template-columns:repeat(3,1fr)}}.top,.section-head,.label-row,.actions,.choice-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.top{align-items:end;margin-bottom:1.5rem}.top p,.eyebrow,.hint,.help,footer{color:var(--muted)}.brand{letter-spacing:-.03em;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.7rem;min-width:0;min-height:0;padding:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-size:clamp(1.35rem,5.4vw,1.7rem);display:flex}.mark{border:.28rem solid var(--walnut);border-bottom:0;border-right:0;width:1.15rem;height:1.15rem;transform:rotate(45deg)}h2,h3{letter-spacing:-.03em;margin:0;font-family:Palatino,Iowan Old Style,Georgia,serif;font-weight:600}.stack{gap:1rem;display:grid}.split{grid-template-columns:1fr;gap:.8rem;display:grid}label,.measure,.help{gap:.35rem;min-width:0;display:grid}.check{align-items:flex-start;gap:.7rem;display:flex}.check input{width:1.35rem;height:1.35rem;accent-color:var(--walnut);flex:none;margin-top:.2rem;padding:0}input,textarea,select{border:1px solid var(--line);background:#fff;border-radius:.8rem;width:100%;padding:.8rem .9rem;font-size:1.15rem}.room-add{align-items:center;gap:.5rem;display:flex}.fractions{grid-template-columns:repeat(4,1fr);gap:.35rem;display:none}.fractions button{min-height:40px;padding:.25rem .15rem;font-size:.95rem}@media (width<=720px),(hover:none) and (pointer:coarse){.fractions{display:grid}}.room-add input{flex:1}.room-add button{flex:none}.room-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.room-list li{align-items:center;gap:.5rem;display:flex}.room-list input{flex:1}.room-list button{flex:none}textarea{resize:vertical}fieldset{border:0;margin:0;padding:0}.choice-row button,.actions button{flex:1}.casing-picker,.job-card,.resume,.confirm,.results{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffaf3b8;border-radius:1.2rem;min-width:0;max-width:100%;padding:1rem}.selected-casing{align-items:center;gap:.8rem;min-width:0;margin:0;font-size:1.15rem;display:flex}.selected-casing p{min-width:0;margin:0}.selected-casing img{object-fit:contain;background:#f7f1e4;border-radius:.45rem;width:4.5rem;height:3.2rem}.picker-panel{gap:.6rem;display:grid}.casing-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.55rem;max-height:28rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.casing-grid button{text-align:left;border-radius:.85rem;align-content:start;gap:.35rem;width:100%;min-height:0;padding:.4rem;display:grid}.casing-grid img{object-fit:contain;background:#f7f1e4;border-radius:.5rem;width:100%;height:6.5rem}.casing-grid button span span,.job-open span{color:var(--muted);font-size:.82rem}.casing-grid strong{font-size:.95rem;display:block}.empty-search{color:var(--muted);padding:.4rem}.job-open,.custom-casing{text-align:left;border-radius:.8rem;justify-content:space-between;gap:.75rem;width:100%;display:flex}.job-list{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.job-card{padding:.7rem}.job-open{background:0 0;border:0;flex-direction:row;justify-content:flex-start;align-items:center;gap:.7rem;min-height:0;padding:0}.job-copy{text-align:left;gap:.12rem;min-width:0;display:grid}.job-copy strong{font-size:1.05rem}.frame-thumb{background:#f7f1e4;border-radius:.55rem;flex:none;width:4.4rem;height:4.4rem}.frame-thumb .frame-svg{width:100%;height:100%;max-height:none}.job-card .actions{margin-top:.45rem}.job-card .actions button{min-height:36px;padding:.25rem .65rem;font-size:.92rem}.cut-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.cut-list li{border-bottom:1px solid var(--line);grid-template-columns:5rem 1fr;gap:.15rem .8rem;padding-bottom:.7rem;display:grid}.cut-length{font-family:Palatino,Georgia,serif;font-size:2rem;line-height:1}.cut-detail{color:var(--muted);flex-direction:column;grid-column:2;display:flex}.results-layout{align-items:center;gap:1.25rem;display:grid}.frame-wrap{justify-content:center;display:flex}.frame-svg{width:100%;height:auto;max-height:min(28rem,70vh)}@media (width>=800px){.results-layout{grid-template-columns:minmax(16rem,.9fr) minmax(14rem,1.1fr)}}.boards{gap:.8rem;display:grid}.board{gap:.2rem;width:min(100%,20rem);max-width:100%;margin:0;display:grid}.board svg{width:100%;height:auto;display:block}.board figcaption{gap:.75rem;display:flex}.board p{color:var(--muted);margin:0}.error{color:var(--danger);margin:0}.results-head p{margin:.2rem 0}.note{white-space:pre-wrap}footer{margin-top:2rem;font-size:.92rem}footer a{color:var(--walnut)}@media (width<=640px){.app{width:min(880px,100% - 1rem);margin:.6rem auto 1.25rem;padding:1rem .85rem 1.25rem}.top{flex-direction:column;align-items:stretch;gap:.55rem}.top-meta{justify-content:space-between}.results .actions{flex-direction:column;align-items:stretch}.results .actions button{flex:none;width:100%}.results .actions .text-btn{min-height:44px}}@media (width>=720px){.split{grid-template-columns:1fr 1fr}}.background-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.background-grid button{text-align:left;border-radius:.85rem;align-content:start;gap:.35rem;width:100%;min-height:0;padding:.4rem;display:grid}.background-grid img{object-fit:cover;border-radius:.5rem;width:100%;height:6.5rem}.background-grid button span{font-size:.95rem}@media print{.top button,.actions,footer,.boards,.settings-btn{display:none}body,.app{background:#fff}.app{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.results{box-shadow:none}}@media (hover:none) and (pointer:coarse){body{background-attachment:scroll}}
