.bc{width:min(1440px,100% - 40px);margin:20px auto 60px}.bc-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.bc-heading a{color:var(--muted);font-size:.8rem}.bc-eyebrow{letter-spacing:.13em;margin:24px 0 8px;font-size:.7rem;font-weight:800}.bc h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3vw,2.6rem)}.bc-heading p:last-child{color:var(--muted);font-size:.9rem}.bc-badge{background:var(--green-soft);white-space:nowrap;border-radius:30px;padding:12px 18px;font-size:.8rem;font-weight:700}.bc-workspace{grid-template-columns:265px minmax(0,1fr) 250px;align-items:start;gap:18px;display:grid}.bc-panel{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow:hidden}.bc summary{cursor:pointer;min-height:48px;padding:16px;font-size:.85rem;font-weight:750}.bc-panel-body{padding:0 16px 18px}.bc button,.bc-upload{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.8rem;font-weight:650;display:inline-flex}.bc button:hover{border-color:var(--ink)}.bc button:disabled{opacity:.4;cursor:not-allowed}.bc :focus-visible{outline-offset:3px;outline:3px solid #b07708}.bc [hidden]{display:none!important}.bc button.bc-primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.bc button.bc-dark{background:var(--ink);border-color:var(--ink);color:#fff}.bc button.bc-danger{color:#933927}.bc-row{flex-wrap:wrap;gap:6px;display:flex}.bc-two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bc-fields{gap:12px;display:grid}.bc label,.bc-field{gap:6px;margin:0;font-size:.76rem;font-weight:650;display:grid}.bc input:not([type=checkbox]),.bc textarea,.bc select{font:inherit;border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:7px;min-height:44px;padding:10px;font-size:16px}.bc textarea{resize:vertical}.bc input[type=color]{padding:4px}.bc .bc-check{align-items:center;gap:8px;min-height:40px;font-weight:500;display:flex}.bc input[type=checkbox]{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0}.bc-help{color:var(--muted);margin:12px 0;font-size:.74rem;line-height:1.6}.bc-templates{grid-template-columns:1fr 1fr;gap:7px;display:grid}.bc-templates button{text-align:left;flex-direction:column;align-items:stretch;gap:7px;padding:6px;font-size:.7rem;display:flex}.bc-templates button[aria-pressed=true]{border:2px solid var(--ink);background:var(--green-soft);padding:5px}.bc-templates span{align-items:center;gap:12px;height:45px;padding-left:7px;font-size:16px;font-weight:800;display:flex}.bc-templates i{font-size:9px;font-style:normal}.bc-stage-panel{min-width:0;position:sticky;top:12px}.bc-stage-top{justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.bc-segment{gap:4px;display:flex}.bc-segment button[aria-pressed=true],.bc #bc-pan[aria-pressed=true]{background:var(--ink);color:#fff}.bc-viewport{border:1px solid var(--line);touch-action:none;user-select:none;background:#e8e7df;border-radius:14px;height:360px;position:relative;overflow:hidden}.bc-viewport.is-pan{touch-action:none;cursor:grab}.bc-card{transform-origin:0 0;width:900px;height:550px;position:absolute;box-shadow:0 12px 40px #12251c24}.bc canvas{width:900px;height:550px;display:block}.bc #bc-safe{pointer-events:none;border:1px dashed #809183;position:absolute;inset:30px}.bc #bc-selection{pointer-events:none;box-sizing:border-box;border:2px solid #a66a00;position:absolute}.bc #bc-resize{background:var(--accent);pointer-events:auto;touch-action:none;cursor:nwse-resize;border:2px solid #805511;border-radius:50%;width:32px;height:32px;min-height:32px;padding:0;position:absolute;bottom:-16px;right:-16px}.bc #bc-inline{resize:none;z-index:3;box-sizing:content-box;background:#ffffffed;border:2px solid #a66a00;border-radius:0;outline:0;margin:0;padding:0;position:absolute;overflow:auto}.bc-view-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:12px 0;display:flex}.bc-view-controls output{text-align:center;min-width:42px;font-size:.75rem}.bc-view-controls button{padding:8px}.bc-export{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.bc-export button{min-height:48px;font-size:.85rem}.bc-upload{position:relative;overflow:hidden}.bc-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.bc-qr{border:1px solid var(--line);border-radius:9px;margin:12px 0}.bc-qr .bc-fields{padding:0 10px 12px}.bc-qr summary{padding:12px;font-size:.76rem}.bc-field{margin:14px 0!important}.bc hr{border:0;border-top:1px solid var(--line);margin:18px 0}.bc #bc-reset{width:100%;margin-top:16px}.bc-status{color:var(--muted);min-height:20px;font-size:.76rem}.bc-warning{color:#8a3b13;font-size:.76rem;line-height:1.5}.bc-notice{background:#fff4d6;border:1px solid #be9d4d;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:18px;display:flex}.bc-notice p{margin:6px 0;font-size:.85rem}.bc-notice div{flex:1}.bc-related{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.bc-related h2{font-size:1.2rem}.bc-related p{color:var(--muted);font-size:.85rem}.bc-related div{flex-wrap:wrap;gap:20px;font-size:.85rem;font-weight:650;display:flex}@media (width<=1100px){.bc-workspace{grid-template-columns:230px minmax(0,1fr)}.bc-properties{grid-area:2/1}.bc-stage-panel{grid-area:1/2/span 2}.bc-viewport{height:340px}}@media (width<=720px){.bc{width:calc(100% - 24px);margin-top:8px}.bc-heading{margin-bottom:18px}.bc-heading .bc-badge{display:none}.bc-eyebrow{margin-top:16px;font-size:.65rem}.bc-heading p:last-child{font-size:.8rem}.bc-workspace{flex-direction:column;gap:12px;display:flex}.bc-stage-panel{order:0;width:100%;position:static}.bc-setup{order:1;width:100%}.bc-properties{order:2;width:100%}.bc-viewport{height:260px}.bc-instruction{margin:6px 0}.bc-stage-top{margin-bottom:8px}.bc-templates{grid-template-columns:repeat(4,1fr)}.bc-templates span{height:38px}.bc-templates i{display:none}.bc-notice{flex-wrap:wrap}.bc-notice div{flex-basis:100%}.bc-related{margin-top:24px}.bc-properties .bc-panel-body{padding-bottom:24px}.bc #bc-info{grid-template-columns:1fr 1fr}.bc #bc-info label:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}