.barn-page{background:var(--background);color:var(--foreground)}.barn-hero{padding:38px 0 36px}.barn-hero nav{color:var(--muted-foreground);flex-wrap:wrap;gap:10px;margin-bottom:30px;font-size:12px;display:flex}.barn-hero nav a{text-underline-offset:4px;text-decoration:underline}.barn-eyebrow{letter-spacing:.18em;color:#8e542d;margin:0 0 14px;font-weight:700;font-size:10px!important}.barn-hero h1{max-width:700px;margin:0;font-size:clamp(40px,4.2vw,60px);line-height:1.08!important}.barn-hero h1 em{color:#955526;font-weight:400}.barn-hero>p:last-child{max-width:660px;color:var(--muted-foreground);margin:20px 0 0;font-size:15px}.barn-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.barn-preview{border:1px solid var(--border);background:var(--card);min-width:0}.barn-preview-top,.barn-preview-bottom{justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;font-size:11px;display:flex}.barn-preview-top{border-bottom:1px solid var(--border)}.barn-preview-top>span{letter-spacing:.12em;align-items:center;gap:8px;font-weight:700;display:flex}.barn-page button{cursor:pointer}.barn-preview :is(button),.barn-back{min-height:44px;color:var(--foreground);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.barn-preview button:hover,.barn-back:hover{text-underline-offset:4px;text-decoration:underline}.barn-canvas{background:#ecece5;height:480px;position:relative;overflow:hidden}.barn-canvas canvas{touch-action:none;display:block}.barn-canvas-fallback{text-align:center;color:#1b3038;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:30px;display:flex}.barn-canvas-fallback p{max-width:430px;margin:0}.barn-preview-bottom{border-top:1px solid var(--border);color:var(--muted-foreground)}.barn-preview-bottom>span{align-items:center;gap:8px;display:flex}.barn-size{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;gap:15px;padding:22px 20px;display:grid}.barn-size>div+div{border-left:1px solid var(--border);padding-left:18px}.barn-size span{letter-spacing:.15em;color:var(--muted-foreground);margin-bottom:8px;font-size:9px;display:block}.barn-size strong{font-size:21px;font-weight:500}.barn-size small{font-size:12px}.barn-concept-note{color:var(--muted-foreground);margin:0;padding:0 20px 22px;font-size:12px}.barn-controls{border:1px solid var(--border);background:var(--card)}.barn-controls-heading{padding:24px 24px 14px}.barn-controls-heading h3{font-family:var(--font-playfair),Georgia,serif;margin:0 0 12px;font-size:28px;font-weight:400}.barn-controls-heading .barn-back{padding-left:0;font-size:11px}.barn-controls-heading .barn-eyebrow{display:block}.barn-option-section{border-top:1px solid var(--border)}.barn-option-section summary{letter-spacing:.08em;min-height:58px;color:var(--muted-foreground);cursor:pointer;padding:18px 22px;font-size:10px}.barn-option-section summary span{color:var(--foreground);letter-spacing:0;margin-left:8px;font-size:14px}.barn-option-section>div{padding:2px 22px 22px}.barn-dimension{margin-bottom:19px}.barn-dimension>div{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.barn-dimension>div>span{color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;display:flex}.barn-dimension input[type=number]{border:1px solid var(--border);background:var(--background);color:var(--foreground);text-align:right;min-height:44px;padding:7px;font-size:13px;width:70px!important}.barn-page input[type=range]{accent-color:#304f5e;cursor:pointer;border:0;width:100%;min-height:44px}.barn-range-help{color:var(--muted-foreground);margin:-7px 0 0;font-size:10px!important}.barn-input-error{color:#a12721;margin:0;font-size:11px!important}.barn-colors{border:0;min-width:0;margin:0 0 22px;padding:0}.barn-colors legend{justify-content:space-between;gap:10px;width:100%;margin-bottom:9px;font-size:12px;display:flex}.barn-colors legend span{color:var(--muted-foreground);font-size:11px}.barn-colors>div{flex-wrap:wrap;gap:5px;display:flex}.barn-colors label{cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;width:45px;height:45px;display:flex;position:relative}.barn-colors label[data-selected=true]{border-color:var(--foreground)}.barn-colors input{opacity:0;cursor:pointer;width:45px;height:45px;position:absolute;inset:0}.barn-colors input:focus-visible+span{outline:3px solid var(--ring);outline-offset:4px}.barn-colors label>span:not(.sr-only){border:1px solid #80808066;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.barn-colors svg{color:#fff;filter:drop-shadow(0 1px 2px #000);stroke-width:3px}.barn-choice{cursor:pointer;align-items:center;gap:12px;min-height:48px;margin-bottom:5px;font-size:12px;display:flex}.barn-choice input{accent-color:#304f5e;width:18px;height:18px;min-height:18px!important}.barn-small{color:var(--muted-foreground);margin:12px 0 0;font-size:12px!important}.barn-summary{background:var(--card);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:50px;margin:32px 0 70px;padding:42px;display:grid}.barn-summary h2{margin:0 0 16px;font-size:31px}.barn-summary p{color:var(--muted-foreground);font-size:14px}.barn-summary label{margin:26px 0 10px;font-size:12px;display:block}.barn-summary label span{color:var(--muted-foreground);margin-left:8px;font-size:10px}.barn-summary textarea{border:1px solid var(--border);background:var(--background);width:100%;color:var(--foreground);resize:vertical;padding:13px;font-size:13px}.barn-primary{color:#fff;background:#19323e;border:1px solid #19323e;justify-content:center;align-items:center;gap:12px;min-height:48px;margin-top:22px;padding:15px 20px;font-size:13px;font-weight:600;display:inline-flex}.barn-primary:hover{background:#2c4855}.barn-summary-details{border-left:1px solid var(--border);padding-left:40px}.barn-summary-details h3{font-family:var(--font-playfair),Georgia,serif;margin:0 0 14px;font-size:24px;font-weight:400}.barn-summary-details dl{margin-top:22px;font-size:12px}.barn-summary-details dl>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:12px 0;display:flex}.barn-summary-details dt{color:var(--muted-foreground)}.barn-summary-details dd{text-align:right}.barn-inquiry{max-width:760px;margin:0 auto;padding:0 0 70px}.barn-inquiry>h2{margin:0 0 18px;scroll-margin-top:155px;font-size:36px}.barn-inquiry>.barn-eyebrow{margin-top:28px}.barn-inquiry>p:not(.barn-eyebrow){color:var(--muted-foreground);font-size:14px}.barn-inquiry-form{border:1px solid var(--border);background:var(--card);margin-top:30px;padding:34px}.barn-scope-choice{background:var(--card);border:2px solid #9a643f;margin:-40px 0 60px;padding:26px}.barn-scope-choice h3{font-size:18px}.barn-scope-choice .barn-back{margin-left:14px}.dark .barn-eyebrow,.dark .barn-hero h1 em{color:#e0ac7d}.dark .barn-primary{color:#102b38;background:#e6ab73;border-color:#e6ab73}.dark .barn-primary:hover{background:#f2c498}.dark .barn-input-error{color:#ffb5aa}@media (min-width:1100px){.barn-preview{position:sticky;top:156px}}@media (max-width:1050px){.barn-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.barn-canvas{height:440px}.barn-size{gap:8px;padding:20px 14px}.barn-size strong{font-size:17px}.barn-size>div+div{padding-left:10px}}@media (max-width:760px){.barn-hero{padding:28px 0 26px}.barn-hero nav{gap:7px;margin-bottom:26px;font-size:11px}.barn-hero h1{font-size:41px}.barn-hero>p:last-child{font-size:14px}.barn-workspace{flex-direction:column;gap:18px;display:flex}.barn-preview,.barn-controls{width:100%}.barn-canvas{height:340px}.barn-preview-top,.barn-preview-bottom{gap:6px;padding:8px 12px;font-size:10px}.barn-preview-bottom>span{max-width:180px}.barn-preview-bottom button{font-size:11px}.barn-size{padding:20px 12px}.barn-size strong{font-size:17px}.barn-size small{font-size:10px}.barn-concept-note{padding:0 12px 18px;font-size:11px}.barn-controls-heading{padding:22px 22px 10px}.barn-summary{grid-template-columns:1fr;gap:30px;margin:24px 0 50px;padding:24px}.barn-summary h2{font-size:29px}.barn-summary-details{border-left:0;border-top:1px solid var(--border);padding:26px 0 0}.barn-primary{width:100%}.barn-inquiry-form{padding:22px 18px}.barn-inquiry>h2{scroll-margin-top:145px;font-size:30px}.barn-scope-choice .barn-back{width:100%;margin-left:0}.barn-range-help{font-size:11px!important}}@media (prefers-reduced-motion:reduce){.barn-page *,.barn-page :before{scroll-behavior:auto;transition:none!important;animation:none!important}}