.bcn-root{--bcn-ink:#172824;--bcn-muted:#68756f;--bcn-paper:#f6f7f2;--bcn-line:#dce3dc;--bcn-accent:#ddf781;color:var(--bcn-ink);font-family:Arial,Helvetica,sans-serif;background:var(--bcn-paper);padding:clamp(20px,4vw,60px);box-sizing:border-box;max-width:1600px;margin:0 auto;line-height:1.5}.bcn-root *{box-sizing:border-box}.bcn-root button,.bcn-root input,.bcn-root textarea,.bcn-root select{font:inherit}.bcn-root button{cursor:pointer;transition:background .15s,transform .15s;letter-spacing:normal;text-transform:none}.bcn-root button:focus-visible,.bcn-root input:focus-visible,.bcn-root select:focus-visible,.bcn-root textarea:focus-visible,.bcn-root summary:focus-visible{outline:3px solid #557d1b;outline-offset:3px}.bcn-root button:hover{transform:translateY(-1px)}.bcn-root [hidden]{display:none!important}.bcn-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px}.bcn-eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px}.bcn-intro h1{color:var(--bcn-ink);font:500 clamp(38px,5vw,68px)/1.05 Georgia,serif;letter-spacing:-2px;margin:16px 0}.bcn-intro h1 em{font-weight:400;color:#57714b}.bcn-intro p{color:var(--bcn-muted);font-size:15px;max-width:480px;margin:18px 0 0}.bcn-badge{width:130px;height:130px;border:1px solid #bdc9a4;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:11px;font-weight:700;letter-spacing:1px;transform:rotate(10deg);flex-shrink:0}.bcn-badge span{font-size:38px;line-height:1.2;color:#637d47}.bcn-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,1fr);gap:40px;align-items:start}.bcn-preview{position:sticky;top:24px;min-width:0}.bcn-preview-toolbar{border-radius:18px 18px 0 0;background:#14211e;color:#dce6dd;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}.bcn-preview-toolbar>span{font-size:10px;letter-spacing:1.5px}.bcn-preview-toolbar i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--bcn-accent);margin-right:6px}.bcn-preview-toolbar button{border:1px solid #526058;background:transparent;color:#f1f5ed;border-radius:18px;padding:5px 12px;font-size:11px}.bcn-canvas-wrap{position:relative;background:#0d1513;overflow:hidden;border-radius:0 0 18px 18px;aspect-ratio:1.2}.bcn-canvas-wrap canvas{width:100%;height:100%;display:block}.bcn-preview-watermark{position:absolute;bottom:17px;right:20px;color:#bfcabd;font-size:9px;letter-spacing:3px;opacity:.65}.bcn-scene-row{display:flex;justify-content:space-between;align-items:end;padding:20px 0 8px;gap:12px}.bcn-small-label{font-size:10px;font-weight:700;letter-spacing:1.6px;display:block}.bcn-scenes{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.bcn-scenes button,.bcn-icons button{border:1px solid var(--bcn-line);border-radius:6px;background:#fff;color:var(--bcn-ink);padding:8px 11px;font-size:12px}.bcn-root button[aria-pressed=true]{border-color:var(--bcn-ink);box-shadow:inset 0 0 0 1px var(--bcn-ink)}.bcn-scenes button[aria-pressed=true],.bcn-icons button[aria-pressed=true]{background:#e9efde}.bcn-download{background:transparent;border:0;border-bottom:1px solid var(--bcn-ink);padding:7px 0;font-size:12px;color:var(--bcn-ink);white-space:nowrap}.bcn-disclaimer{font-size:11px;color:var(--bcn-muted);line-height:1.7;max-width:520px;margin:15px 0}.bcn-controls{min-width:0}.bcn-step{display:flex;align-items:center;gap:12px;border-top:1px solid var(--bcn-line);padding-top:23px;margin:30px 0 18px}.bcn-step:first-child{margin-top:0;padding-top:0;border:0}.bcn-step-number{display:grid;place-items:center;width:27px;height:27px;background:#e7ecd9;border-radius:100%;font-size:10px;font-weight:700}.bcn-step h2{color:var(--bcn-ink);font-size:20px;font-weight:500;letter-spacing:-.4px;margin:0}.bcn-field{display:block;margin:13px 0}.bcn-field>span,.bcn-range>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:8px;gap:8px}.bcn-field small,.bcn-range small{font-size:11px;color:var(--bcn-muted);font-weight:400}.bcn-root textarea,.bcn-root select,.bcn-root input[type=number]{background:#fff;border:1px solid var(--bcn-line);border-radius:8px;color:var(--bcn-ink);width:100%;padding:12px 13px;min-height:44px;box-shadow:none}.bcn-root textarea{resize:vertical;line-height:1.5}.bcn-root textarea[data-field=text]{font-size:22px}.bcn-hint{font-size:11px;color:var(--bcn-muted);line-height:1.6;margin:6px 0 16px}.bcn-font-heading,.bcn-color-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px;gap:10px}.bcn-font-heading>span:last-child,.bcn-color-heading>span:last-child{font-size:12px;color:var(--bcn-muted)}.bcn-fonts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:245px;overflow:auto;padding:3px}.bcn-fonts button{min-height:65px;background:#fff;border:1px solid var(--bcn-line);border-radius:7px;padding:7px 3px;color:var(--bcn-ink);overflow:hidden}.bcn-fonts button>span{display:block;font-size:23px;line-height:1.4;white-space:nowrap}.bcn-fonts button small{display:block;font-size:8px;line-height:1.3;margin-top:5px;letter-spacing:.2px;font-family:Arial,sans-serif}.bcn-fonts button[aria-pressed=true]{background:#eef3e1}.bcn-colors{display:flex;gap:9px;flex-wrap:wrap;padding:4px}.bcn-colors button{border:3px solid var(--bcn-paper);width:31px;height:31px;border-radius:50%;box-shadow:0 0 0 1px #ccd2c8}.bcn-colors button[aria-pressed=true]{box-shadow:0 0 0 2px var(--bcn-ink)}.bcn-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bcn-root select{font-size:12px;padding-right:24px}.bcn-range{display:block;margin:10px 0 0}.bcn-root input[type=range]{width:100%;accent-color:#3e5b36}.bcn-icons{display:flex;gap:6px;flex-wrap:wrap}.bcn-check{display:flex;align-items:center;gap:10px;font-size:13px;padding:12px 0}.bcn-check input{width:18px;height:18px;accent-color:var(--bcn-ink)}.bcn-check small{display:block;color:var(--bcn-muted);font-size:10px}.bcn-logo-section{border:1px dashed #b6c5b1;padding:14px;border-radius:8px;margin:15px 0}.bcn-logo-section summary{cursor:pointer;font-size:12px;font-weight:600}.bcn-logo-section p{font-size:11px;color:var(--bcn-muted)}.bcn-root input[type=file]{max-width:100%;font-size:11px}.bcn-text-button{padding:6px 0;background:transparent;border:0;text-decoration:underline;color:var(--bcn-ink);font-size:12px}.bcn-quote-card{padding:23px;background:#e8eedf;border-radius:12px;margin-top:22px}.bcn-quote-card strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin:8px 0}.bcn-quote-card p[data-summary]{font-size:12px;line-height:1.6;margin:0;color:#53664d}.bcn-quote-button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;border:0;border-radius:7px;background:#20372d;color:#fff;padding:16px;font-size:13px;min-height:48px}.bcn-quote-button:hover{background:#35513c}.bcn-quote-button span{font-size:22px}.bcn-send-note,.bcn-estimate-note{font-size:10px;line-height:1.6;color:#52634a;margin:12px 0 0}.bcn-status{font-size:12px;font-weight:600;color:#8b2f26;min-height:0;margin:8px 0 0}.bcn-status:empty{display:none}.bcn-footer{margin-top:48px;border-top:1px solid var(--bcn-line);padding-top:20px;display:flex;justify-content:space-between;gap:12px;color:var(--bcn-muted);font-size:11px;letter-spacing:.5px}@media(max-width:850px){.bcn-layout{grid-template-columns:1fr;gap:28px}.bcn-preview{position:relative;top:auto}.bcn-intro{margin-bottom:28px}.bcn-canvas-wrap{max-height:480px}.bcn-badge{width:92px;height:92px;font-size:8px}.bcn-badge span{font-size:28px}.bcn-intro h1{letter-spacing:-1.5px}.bcn-fonts{grid-template-columns:repeat(5,minmax(0,1fr))}.bcn-preview-toolbar{padding:13px 15px}}@media(max-width:480px){.bcn-root{padding:22px 16px}.bcn-intro p{font-size:13px}.bcn-badge{display:none}.bcn-intro h1{font-size:45px}.bcn-fonts{grid-template-columns:repeat(4,minmax(0,1fr))}.bcn-two-fields{gap:9px}.bcn-scene-row{align-items:center}.bcn-scenes button{padding:7px 9px}.bcn-footer{font-size:9px;letter-spacing:0}.bcn-quote-card{padding:18px}.bcn-step h2{font-size:19px}.bcn-preview-toolbar>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.bcn-root button{transition:none;transform:none!important}}