.bn-page{max-width:1280px;margin:0 auto;padding:26px 22px 60px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#302439}.dbj-banner-hero{padding:30px;background:linear-gradient(120deg,#3e2050,#5c3268);color:#fffaf1;border-top:4px solid #d8b777;border-radius:12px;margin:0 0 25px}.dbj-banner-hero h1{font-family:Georgia,serif;font-size:clamp(28px,3vw,42px);line-height:1.16;max-width:900px}.dbj-banner-hero .dbj-eyebrow{color:#f4dba9}.dbj-banner-hero .bn-note{color:#f4e8ff}.bn-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:25px;align-items:start}.bn-controls,.bn-output{min-width:0;background:#fffdf8;border:1px solid #d8cbb6;border-radius:12px;padding:22px}.bn-page h2{font-size:23px;color:#3e2050;line-height:1.25;margin:20px 0 12px}.bn-page label{display:block;font-weight:650;margin:14px 0}.bn-page input,.bn-page select,.bn-page textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;font:inherit;color:#302439;background:#fff;border:1px solid #a89aaf;border-radius:6px;padding:10px;margin-top:5px}.bn-page button{font:inherit;font-weight:650;border:1px solid #3e2050;background:#3e2050;color:#fff;padding:10px 14px;border-radius:6px;min-height:42px;cursor:pointer;white-space:normal}.bn-page button:disabled{cursor:default;opacity:.5}.bn-page button:focus-visible,.bn-page a:focus-visible,.bn-page input:focus-visible,.bn-page select:focus-visible,.bn-page textarea:focus-visible{outline:3px solid #96701c;outline-offset:3px}.bn-note{font-size:13px;line-height:1.5;color:#5c5062}.bn-stage{background:repeating-conic-gradient(#e8e2dc 0% 25%,#f4f0eb 0% 50%) 50%/20px 20px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:125px;border:1px solid #d8cbb6;border-radius:8px;margin-top:16px}.bn-stage canvas{display:block;max-width:100%;height:auto;box-shadow:0 4px 20px #30243924}.bn-actions{display:flex;gap:12px;flex-wrap:wrap}.bn-page [data-bn-status]{padding:12px;border-left:4px solid #b39756;background:#f2ebdf;min-height:45px;box-sizing:border-box;overflow-wrap:anywhere}.bn-page textarea{font:12px/1.5 ui-monospace,Consolas,monospace}.bn-inventory{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:500px;overflow:auto;margin:14px 0}.bn-inventory button{background:#fff;color:#302439;border:2px solid #ded2c0;text-align:left;padding:6px;display:flex;flex-direction:column;gap:6px;font-size:12px}.bn-inventory button[aria-pressed=true]{border-color:#6c337f;background:#f5edf8}.bn-inventory img{width:100%;height:100px;object-fit:contain;background:#f8f3e9}.bn-picked>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px solid #e1d4bf;padding:9px 0;font-size:13px}.bn-picked span{flex:1 0 100%}.bn-picked button{font-size:12px;padding:4px 8px;min-height:32px}.dbj-banner-entry{padding:22px;border:1px solid #d8b777;border-left:5px solid #b39756;border-radius:8px;background:#fff9ed;color:#3e2050;margin:18px 0}.dbj-banner-entry a{display:inline-block;background:#3e2050;color:#fff!important;text-decoration:none;border-radius:5px;padding:12px 18px}.bn-output ol{padding-left:23px}.bn-output li{margin:9px 0}.bn-output a{color:#573068}.bn-output [data-bn-link]{font-size:12px}.bn-page *{box-sizing:border-box}@media(max-width:850px){.bn-layout{grid-template-columns:1fr}.bn-controls,.bn-output{padding:17px}.bn-page{padding:16px 12px 40px}.dbj-banner-hero{padding:22px}.bn-inventory{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.bn-stage{padding:8px}.bn-actions button{flex:1 1 200px}}@media(max-width:400px){.bn-inventory{grid-template-columns:1fr 1fr}.dbj-nav{overflow-wrap:anywhere}}

.dbj-banner-shell{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.bn-mobile-live{display:none}@media(max-width:850px){.bn-mobile-live{display:flex;position:sticky;top:8px;z-index:5;align-self:start;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fffdf8;border:1px solid #d8cbb6;border-radius:8px;padding:10px;box-shadow:0 3px 14px #30243920}.bn-mobile-live p{margin:0;font-size:12px;color:#5c5062}.bn-mobile-live canvas{max-width:100%;max-height:140px;width:auto;height:auto;object-fit:contain}}