:root{color:#f4fffbeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#07100f;font-family:Inter,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{background:#07100f;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{width:100vw;height:100vh}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #35c2a9}.bcg-app{color:#f4fffb;background:#07100f;grid-template-columns:minmax(0,1fr) 320px;width:100vw;height:100dvh;display:grid;overflow:hidden}.bcg-preview{min-width:0;min-height:0;position:relative}.bcg-preview canvas{display:block}.bcg-metrics{color:#f4fffbb3;pointer-events:none;max-width:calc(100% - 36px);font-size:12px;line-height:1.35;position:absolute;bottom:18px;left:18px}.bcg-settings{background:#020807db;border-left:1px solid #35c2a938;flex-direction:column;gap:14px;width:100%;min-width:0;min-height:0;padding:16px;display:flex;overflow:auto}.bcg-sheet-handle,.bcg-tabs{display:none}.bcg-header{flex-direction:column;gap:6px;min-width:0;display:flex}.bcg-title{color:#35c2a9;letter-spacing:1px;font-size:13px;font-weight:700}.bcg-subtitle{color:#f4fffb9e;font-size:11px;line-height:1.35}.bcg-export-button,.param-action-button{color:#03110f;cursor:pointer;background:#35c2a9;border:none;border-radius:4px;font-weight:700}.bcg-export-button{text-transform:uppercase;width:100%;padding:9px 12px}.bcg-export-button:disabled{cursor:default;background:#31514c}.param-groups{flex-direction:column;gap:16px;min-width:0;display:flex}.param-group{background:#ff8c0008;border:1px solid #ff8c0033;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.param-group-title{color:#ff8c00;font-size:11px;line-height:1.2}.param-fields{flex-direction:column;gap:10px;display:flex}.param-field{flex-direction:column;gap:4px;min-width:0;display:flex}.param-label{color:#ddd;font-size:11px}.param-number-control{align-items:center;gap:8px;min-width:0;display:flex}.param-range{flex-grow:1;min-width:0}.param-number-input,.param-select,.param-text-input{color:#fff;background:#111;border:1px solid #333;border-radius:4px}.param-number-input{flex:0 0 76px;padding:3px 6px}.param-select,.param-text-input{padding:4px 6px}.param-color-input{width:100%}.param-field-boolean{color:#ddd;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.param-checkbox-label,.param-adjacent-actions{align-items:center;gap:8px;display:inline-flex}.param-action-button{color:#000;text-transform:uppercase;background:#ff8c00;padding:6px 8px;font-size:11px;line-height:1}.param-action-button-compact{text-transform:none;border-radius:999px;width:28px;height:28px;padding:0;font-size:16px}@media (width<=760px){.bcg-app{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.bcg-preview{grid-row:1}.bcg-metrics{font-size:11px;bottom:12px;left:12px}.bcg-settings{max-width:100vw;max-height:min(46dvh,390px);padding:8px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #35c2a947;border-left:0;border-radius:18px 18px 0 0;grid-row:2;justify-self:stretch;gap:10px;overflow:hidden;box-shadow:0 -18px 38px #00000061}.bcg-sheet-handle{background:#f4fffb47;border-radius:999px;flex:none;width:42px;height:4px;margin:0 auto;display:block}.bcg-header{flex:none;gap:2px}.bcg-title{letter-spacing:.7px;font-size:11px}.bcg-subtitle{display:none}.bcg-tabs{flex:none;gap:6px;width:100%;min-width:0;display:flex;overflow:hidden}.bcg-tab{color:#f4fffbc7;background:#ffffff0a;border:1px solid #35c2a947;border-radius:999px;flex:0 0 calc(33.3333vw - 12px);width:calc(33.3333vw - 12px);min-width:0;padding:8px 6px;font-size:12px;font-weight:700;overflow:hidden}.bcg-tab[aria-selected=true]{color:#03110f;background:#35c2a9}.bcg-export-group,.param-groups{min-height:0}.bcg-export-group,.param-group{display:none}.bcg-settings[data-active-tab=Book] .param-group[data-group-id=Book],.bcg-settings[data-active-tab=Cover] .param-group[data-group-id=Cover],.bcg-settings[data-active-tab=Export] .bcg-export-group{display:flex}.bcg-settings[data-active-tab=Export] .param-groups{display:none}.param-groups{overflow:hidden}.param-group{background:0 0;border:0;gap:8px;min-height:0;padding:10px 0 0}.param-group-title{padding:0 2px}.param-fields{scrollbar-color:#35c2a98c #ffffff14;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;flex-direction:row;gap:10px;padding:0 0 6px;overflow-x:auto}.param-fields::-webkit-scrollbar{height:6px}.param-fields::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.param-fields::-webkit-scrollbar-thumb{background:#35c2a98c;border-radius:999px}.param-field,.param-action-button:not(.param-action-button-compact){scroll-snap-align:start;min-width:260px}.param-field{background:#ffffff0b;border:1px solid #35c2a933;border-radius:8px;padding:10px}.param-label{font-size:12px}.param-number-control{gap:10px}.param-select,.param-text-input,.param-number-input{min-height:34px}.param-field-boolean{align-items:flex-start}.bcg-export-group{background:#ff8c0008;border:1px solid #ff8c0033;padding:12px}.bcg-export-button{min-height:44px}}@media (width<=420px){.bcg-settings{max-height:min(50dvh,380px)}.bcg-metrics{max-width:calc(100% - 24px)}}