.cb-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:25px}.cb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.cb-card{padding:25px;border:1px solid #dedbe5;background:#fff;border-radius:20px}.cb-card h3{font-size:25px;margin:12px 0}.cb-card p{font-size:13px;color:#777}.cb-card button{margin-top:18px}.cb-error{padding:25px;background:#fff2e8;border:1px solid #f0d5bb;border-radius:18px;white-space:pre-line}.cb-shell{position:fixed;inset:0;z-index:9500;background:#f6f4f8;color:#17151c;display:grid;grid-template-rows:auto 1fr;font-family:Arial,sans-serif}.cb-header{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ddd;background:#fff}.cb-header>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cb-header input{font-size:17px;max-width:300px;border:1px solid #ddd;border-radius:10px;padding:9px}.cb-header button,.cb-editor button,.cb-panel button{border:1px solid #d4cede;border-radius:22px;padding:9px 14px;background:#fff;color:#17151c;font-size:12px;cursor:pointer}.cb-header button.cb-primary,.cb-editor button.cb-primary,.cb-panel button.cb-primary{background:#472bf6;color:#fff;border-color:#472bf6}.cb-status{font-size:11px;color:#71677e}.cb-main{display:grid;grid-template-columns:210px 340px 1fr;min-height:0}.cb-pages,.cb-editor{padding:20px;overflow:auto;border-right:1px solid #ded9e5}.cb-pages{background:#eeeaf3}.cb-page-row{margin-bottom:10px;padding:13px;background:#fff;border:1px solid transparent;border-radius:14px}.cb-page-row.selected{border-color:#472bf6}.cb-page-row>button{display:block;text-align:left;background:none;border:0;cursor:pointer;width:100%;font-size:13px}.cb-page-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.cb-page-actions button{font-size:11px;border:0;background:none;cursor:pointer}.cb-page-actions label{font-size:10px}.cb-editor h3{margin:0 0 20px;font-size:20px;font-weight:400}.cb-editor label,.cb-panel label{display:block;font-size:11px;margin:16px 0 6px;color:#665e70}.cb-editor input:not([type=checkbox]),.cb-editor textarea,.cb-editor select,.cb-panel input:not([type=checkbox]),.cb-panel select,.cb-panel textarea{display:block;width:100%;padding:10px;border:1px solid #d6d0df;border-radius:10px;background:#fff;font:inherit;font-size:13px;box-sizing:border-box;margin-top:6px}.cb-editor textarea{min-height:80px;resize:vertical}.cb-editor img{width:100%;height:130px;object-fit:cover;border-radius:14px;margin-top:12px}.cb-editor .cb-image{margin:25px 0;border-top:1px solid #ddd;padding-top:5px}.cb-preview{padding:18px;min-width:0;display:flex;flex-direction:column;gap:10px}.cb-preview iframe{width:100%;height:100%;border:0;background:#eee;border-radius:18px;flex:1}.cb-preview p{font-size:11px;color:#7d7487;margin:0}.cb-panel{position:fixed;inset:8vh max(20px,calc((100vw - 650px)/2));z-index:9600;overflow:auto;padding:30px;background:#fff;border:1px solid #ddd;border-radius:22px;box-shadow:0 20px 100px #0005;font-family:Arial,sans-serif;color:#17151c}.cb-panel h2{font-size:28px;margin:0 0 20px;font-weight:400}.cb-panel p{font-size:13px;line-height:1.6}.cb-panel textarea{min-height:190px}.cb-panel .cb-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.cb-recipient{display:flex!important;align-items:center;gap:10px;font-size:13px!important}.cb-note{font-size:11px!important;color:#756d7e}.cb-editor .cb-small{display:flex;gap:8px;margin-top:10px}.cb-editor fieldset{border:1px solid #ddd;border-radius:12px;margin:18px 0;padding:12px}.cb-editor .cb-price-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.cb-studio-label{font-size:10px;letter-spacing:.1em;color:#716780;text-transform:uppercase;margin-bottom:15px}.cb-hidden-page{opacity:.6}.cb-busy{pointer-events:none;opacity:.5}.cb-shell :focus-visible,.cb-panel :focus-visible{outline:2px solid #472bf6;outline-offset:2px}@media(max-width:1150px){.cb-main{grid-template-columns:160px 280px 1fr}.cb-header{flex-wrap:wrap}.cb-header input{max-width:220px}}@media(max-width:800px){.cb-shell{overflow:auto}.cb-main{display:flex;flex-direction:column;overflow:auto}.cb-pages{display:flex;gap:10px;min-height:130px;flex-shrink:0}.cb-page-row{min-width:140px}.cb-editor{max-height:45vh;flex-shrink:0}.cb-preview{min-height:70vh;flex-shrink:0}.cb-header input{max-width:190px}.cb-preview iframe{min-height:65vh}.cb-panel{inset:15px}.cb-toolbar{align-items:start;flex-direction:column}}