.pb-editor,.pb-layout,.pb-edit,.pb-preview-pane{min-width:0}.pb-toolbar,.pb-table-controls{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:.6rem 0}.pb-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;min-width:0}.pb-field input[type=checkbox]{align-self:flex-start}.pb-field input[type=color]{width:3rem;height:2rem;padding:0}.pb-toolbar>label:first-child{flex:1}.pb-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}.pb-preview-pane{border:1px solid #a98b50;border-radius:8px;padding:.7rem;overflow:auto;align-self:start;position:sticky;top:1rem;max-height:85vh}.pb-preview{max-width:100%;margin:auto;transition:width .2s}.pb-block{border:1px solid #766747;border-radius:8px;padding:.75rem;margin:.7rem 0;background:#14272dbb}.pb-block textarea,.pb-field>input:not([type=checkbox]):not([type=color]),.pb-field select{width:100%;box-sizing:border-box}.pb-block textarea{resize:vertical}.pb-content p,.pb-content li,.pb-content aside{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.pb-content h2,.pb-content h3,.pb-content h4{color:#d8bc77;overflow-wrap:anywhere}.pb-content img{max-width:100%;max-height:600px;object-fit:contain}.pb-content figure{margin:1rem 0}.pb-content figcaption{font-size:.9rem;color:#c9c7ba}.pb-info{border-left:4px solid #c7a65d;background:#594f292e;padding:1rem;border-radius:5px}.pb-tone-blue{border-color:#5babb9;background:#28535b55}.pb-tone-warning{border-color:#d98963;background:#69433455}.pb-table-scroll{overflow:auto;max-width:100%;border-radius:6px;border:1px solid #87774d}.pb-table table,.pb-block table{border-collapse:collapse;width:100%;font-size:.9rem}.pb-table th,.pb-table td,.pb-block td,.pb-block th{border:1px solid #756b4e;padding:.45rem;white-space:pre-wrap;min-width:70px;overflow-wrap:anywhere}.pb-table th{background:#293c40;color:#e2c782}.pb-table th button{background:transparent;border:0;color:inherit;font:inherit;text-align:inherit;width:100%}.pb-table tbody tr:nth-child(even){background:#ffffff08}.pb-block table input{min-width:90px;width:100%;box-sizing:border-box;border:0;background:transparent;padding:.3rem}.pb-cell-style{padding:.5rem;background:#ffffff08}.pb-table-controls select{max-width:170px}.pb-table-controls input{max-width:240px}.pb-import-preview{max-height:500px;overflow:auto}.pb-permissions{display:grid;gap:.4rem;max-height:450px;overflow:auto}.pb-permissions label{display:flex;gap:.6rem;align-items:center}.pb-template-outfits th,.pb-template-items th{background:#384333}.pb-template-guide{counter-reset:guide}.pb-content hr{border:0;border-top:1px solid #a98b5066;margin:1.5rem 0}.pb-catalog{margin-top:1rem}.pb-catalog a{color:#dac17e}.pb-editor button:focus-visible,.pb-content button:focus-visible{outline:2px solid #d8bc77;outline-offset:2px}@media(max-width:1000px){.pb-layout{grid-template-columns:1fr}.pb-preview-pane{position:static;max-height:none}}@media(max-width:500px){.pb-toolbar button{font-size:.8rem;padding:.4rem}.pb-block{padding:.4rem}.pb-table-controls .pb-field{max-width:100%}.pb-preview-pane{padding:.4rem}}@media(prefers-reduced-motion:reduce){.pb-preview{transition:none}}

.pb-table-controls{flex-wrap:nowrap;gap:.45rem;margin:.35rem 0;font-size:.8rem;align-items:center}.pb-table-controls>.pb-field{flex:1;max-width:260px;flex-direction:row;align-items:center}.pb-table-controls>.pb-field>input{min-width:80px;height:30px;padding:.25rem .4rem}.pb-table-controls .hint{margin:0;font-size:.75rem;white-space:nowrap}.pb-table-controls button,.pb-filter-panel summary{font-size:.8rem;padding:.25rem .5rem;min-height:30px}.pb-filter-panel{position:relative;flex:none}.pb-filter-panel summary{cursor:pointer;border:1px solid var(--line,#756b4e);border-radius:5px}.pb-filter-grid{position:absolute;right:0;top:100%;width:min(480px,80vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.7rem;max-height:200px;overflow:auto;background:var(--panel,#10232e);border:1px solid var(--gold,#d8bc77);border-radius:6px;z-index:5;box-shadow:0 8px 22px #0006}.pb-filter-grid select{width:100%;max-width:none;height:30px;font-size:.8rem;padding:.15rem .35rem}.pb-table-options{margin:.35rem 0}.pb-table-options>summary{cursor:pointer;font-size:.85rem;color:var(--gold,#d8bc77)}.pb-pager{justify-content:center;font-size:.8rem}.pb-pager:empty{display:none}.pb-pager button{padding:.25rem .5rem}.pb-block>.pb-toolbar>button{font-size:.78rem;padding:.25rem .45rem}.pb-editor>.pb-toolbar{padding:.5rem;border:1px solid var(--line,#756b4e);border-radius:6px}.pb-editor>.pb-toolbar input,.pb-editor>.pb-toolbar select{min-height:30px;padding:.25rem .4rem}.pb-catalog{width:100%}@media(max-width:600px){.pb-table-controls>.pb-field{font-size:0}.pb-table-controls>.pb-field input{font-size:.85rem}.pb-table-controls .hint{display:none}.pb-filter-grid{grid-template-columns:1fr;width:min(300px,80vw)}}

.pb-field{margin:.3rem 0}.pb-table-controls>.pb-field{margin:0;font-size:0}.pb-table-controls>.pb-field input{font-size:.85rem;width:100%;margin:0}.pb-permissions label{margin:.25rem 0}.pb-content .pb-table-controls button{min-height:30px}.pb-content .pb-table-controls .hint{margin:0}

.pb-editor button,.pb-content button{background:#102e3b;border:1px solid #456579;color:#e7f1f5;border-radius:5px;padding:.35rem .55rem;min-height:30px}.pb-editor button:hover,.pb-content button:hover{border-color:var(--gold,#d8bc77)}.pb-editor input,.pb-editor textarea,.pb-editor select{background:#091b27;color:#eff5f4;border:1px solid #456579;border-radius:5px;font:inherit;padding:.4rem}.pb-editor input[type=checkbox]{width:18px;height:18px;min-height:18px}.pb-editor input[type=color]{padding:0}.pb-content .pb-table-controls input{min-height:30px;height:30px}.pb-editor>.pb-toolbar .pb-field{flex:0 1 180px}.pb-editor>.pb-toolbar .pb-field:last-of-type{margin-left:auto}.pb-metadata{margin:.4rem 0}.pb-metadata>summary{font-size:.85rem;color:var(--gold,#d8bc77);cursor:pointer}.pb-metadata .pb-field{max-width:600px}.pb-metadata label:has(input[type=checkbox]){flex-direction:row;align-items:center}.pb-block textarea{line-height:1.5}.pb-content table th button{background:transparent;border:0}.pb-content th:focus-within{outline:2px solid var(--teal,#65cebf)}

.pb-text-style>summary{cursor:pointer;font-size:.8rem;color:var(--gold,#d8bc77);margin:.4rem 0}.pb-text-style input[type=color]{width:3rem;height:2rem}.pb-editor>.pb-toolbar .pb-field select{min-height:30px;height:30px}.pb-table-controls>.pb-field{height:30px}.pb-table-controls>.pb-field input{flex:1}.pb-permissions label{font-size:.85rem}.pb-table-controls input::placeholder{color:var(--muted,#acbdc3)}
