.workspace-container{height:calc(100vh - 64px);overflow:hidden}.workspace-left-pane{width:320px;flex-shrink:0;border-right:2px solid var(--border);background-color:var(--surface);display:flex;flex-direction:column}.workspace-right-pane{width:280px;flex-shrink:0;border-left:2px solid var(--border);background-color:var(--surface);display:flex;flex-direction:column}.workspace-canvas-pane{flex-grow:1;background-color:#e0dbce;overflow:auto;position:relative;display:flex;justify-content:center;align-items:flex-start;padding:32px}.document-page-container{box-shadow:4px 4px 0 0 var(--border);border:2px solid var(--border);background-color:#fff;position:relative;margin-bottom:24px}@media(max-width:1023px){.workspace-left-pane,.workspace-right-pane{position:fixed;bottom:0;left:0;right:0;width:100%!important;height:75vh!important;max-height:560px;background-color:#fff;border-top:2px solid var(--border);border-left:none!important;border-right:none!important;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -8px 0 0 var(--border);transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.workspace-left-pane.open,.workspace-right-pane.open{transform:translateY(0);display:flex!important}#pane-backdrop.pane-backdrop-active{bottom:min(75vh,560px)}}.drawing-canvas{width:100%;height:200px;background-color:#fff;border:1px dashed var(--border);border-radius:8px;cursor:crosshair;touch-action:none}.sig-template-item{cursor:grab;transition:all .2s}.sig-template-item:active{cursor:grabbing}.drag-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2563eb14;border:2px dashed var(--primary);display:flex;align-items:center;justify-content:center;z-index:40;pointer-events:none;opacity:0;transition:opacity .2s ease}.drag-over .drag-overlay{opacity:1}