.demo-page,.demo-wrapper{display:flex;flex-direction:column;height:100vh;background:#fff}.demo-embedded{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.demo-embedded .designer-layout{height:100%}.demo-mode-bar{display:flex;align-items:center;padding:0 1.5rem;height:48px;border-bottom:1px solid #e5e7eb;background:#fff;gap:1.5rem}.demo-mode-tabs{display:flex;gap:0;height:100%}.demo-mode-tab{padding:0 1.25rem;height:100%;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;color:#888;font-weight:500;transition:all .1s}.demo-mode-tab.active{color:#111;border-bottom-color:#111}.demo-mode-tab:hover:not(.active){color:#555}.demo-mode-spacer{flex:1 1}.demo-header-actions{display:flex;align-items:center;gap:.5rem}.demo-mode-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.demo-mode-content .signer-layout{height:100%}.demo-nav{display:flex;align-items:center;gap:1rem;padding:.75rem 2rem;border-bottom:1px solid #e5e7eb}.demo-logo{font-size:1.25rem;font-weight:700;color:#111;text-decoration:none}.demo-nav-title{font-size:.9rem;color:#888}.demo-dropzone{flex:1 1;display:flex;align-items:center;justify-content:center;margin:2rem;border:2px dashed #d0d0d0;border-radius:12px;transition:all .15s;background:#fff}.demo-dropzone.dragover{border-color:#111;background:#f8f8f8}.demo-dropzone-content{text-align:center}.demo-dropzone-icon{color:#ccc;margin-bottom:1rem}.demo-dropzone.dragover .demo-dropzone-icon{color:#111}.demo-dropzone h2{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 .5rem}.demo-dropzone p{color:#aaa;margin:0 0 1rem;font-size:.9rem}.demo-upload-btn{display:inline-block;padding:.6rem 1.5rem;background:#111;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500}.demo-upload-btn:hover{background:#333}.demo-toolbar{justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-wrap:wrap}.demo-toolbar,.demo-toolbar-left{display:flex;align-items:center;gap:.75rem}.demo-toolbar-right{display:flex;align-items:center;gap:.5rem}.demo-toolbar-divider{width:1px;height:20px;background:#ddd}.demo-content{display:flex;flex:1 1;overflow:hidden}.demo-pdf-area{flex:1 1;background:#f5f5f5}.demo-panel,.demo-pdf-area{overflow-y:auto;padding:1rem}.demo-panel{width:320px;border-left:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;gap:1rem}