:root,[data-theme=dark]{--bg-page: #0a1214;--bg-card: #101a1d;--bg-elevated: #162226;--bg-surface: #122025;--bg-input: #0d1719;--bg-pasteboard: #0e181b;--border-color: #2a3b40;--border-hover: #3d555c;--text-primary: #eef4f5;--text-secondary: #9db0b6;--text-muted: #6d8188;--brand-primary: #1f9e8a;--brand-primary-hover: #178f7c;--brand-accent: #c4a35a;--brand-gradient: linear-gradient(135deg, #1f9e8a 0%, #157a6e 55%, #0f5f58 100%);--brand-soft: rgba(31, 158, 138, .14);--success-color: #2fbf8b;--warning-color: #d4a017;--danger-color: #e35d5d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .45);--checker-pattern: repeating-conic-gradient(#243438 0% 25%, #162226 0% 50%) 50% / 16px 16px;--font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-family: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;--code-font: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--studio-rail-width: 64px;--studio-panel-width: 280px}[data-theme=light]{--bg-page: #f3f6f5;--bg-card: #ffffff;--bg-elevated: #eef3f2;--bg-surface: #f7faf9;--bg-input: #ffffff;--bg-pasteboard: #e4ecea;--border-color: #c9d6d3;--border-hover: #9eb3ae;--text-primary: #132023;--text-secondary: #3d5257;--text-muted: #6a7f85;--brand-primary: #147a6b;--brand-primary-hover: #0f6257;--brand-accent: #a8863a;--brand-gradient: linear-gradient(135deg, #147a6b, #0f5f58);--brand-soft: rgba(20, 122, 107, .1);--success-color: #0f8f68;--warning-color: #b8860b;--danger-color: #c94444;--shadow-sm: 0 1px 2px rgba(19, 32, 35, .06);--shadow-md: 0 8px 24px rgba(19, 32, 35, .08);--shadow-lg: 0 18px 40px rgba(19, 32, 35, .12);--checker-pattern: repeating-conic-gradient(#d7e2df 0% 25%, #eef3f2 0% 50%) 50% / 16px 16px}:root,[data-theme=dark]{--bg-page: #0a1214;--bg-card: #101a1d;--bg-elevated: #162226;--bg-surface: #122025;--bg-input: #0d1719;--border-color: #2a3b40;--border-hover: #3d555c;--text-primary: #eef4f5;--text-secondary: #9db0b6;--text-muted: #6d8188;--brand-primary: #1f9e8a;--brand-primary-hover: #178f7c;--brand-gradient: linear-gradient(135deg, #1f9e8a 0%, #157a6e 55%, #0f5f58 100%);--success-color: #2fbf8b;--warning-color: #d4a017;--danger-color: #e35d5d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45);--checker-pattern: repeating-conic-gradient(#243438 0% 25%, #162226 0% 50%) 50% / 16px 16px;--font-family: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;--code-font: "JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--bg-page: #f3f6f5;--bg-card: #ffffff;--bg-elevated: #eef3f2;--bg-surface: #f7faf9;--bg-input: #ffffff;--border-color: #c9d6d3;--border-hover: #9eb3ae;--text-primary: #132023;--text-secondary: #3d5257;--text-muted: #6a7f85;--brand-primary: #147a6b;--brand-primary-hover: #0f6257;--brand-gradient: linear-gradient(135deg, #147a6b, #0f5f58);--success-color: #0f8f68;--warning-color: #b8860b;--danger-color: #c94444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--checker-pattern: repeating-conic-gradient(#d7e2df 0% 25%, #eef3f2 0% 50%) 50% / 16px 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.navbar-brand{display:flex;align-items:center;gap:.75rem}.brand-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--brand-gradient);border-radius:8px;color:#fff}.brand-title-row{display:flex;align-items:center;gap:.4rem}.brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.brand-badge{background:var(--brand-gradient);color:#fff;font-size:.6rem;font-weight:800;padding:.1rem .4rem;border-radius:4px;letter-spacing:.05em}.brand-subtitle{display:block;font-size:.72rem;color:var(--text-muted)}.navbar-center-actions{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px}@media (max-width: 820px){.navbar-center-actions{display:none}}.nav-shortcut-btn{display:flex;align-items:center;gap:.35rem;background:none;border:none;padding:.35rem .75rem;border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.nav-shortcut-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.nav-shortcut-btn.active{background-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.navbar-actions{display:flex;align-items:center;gap:.65rem}.server-status-pill{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background-color:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:9999px;font-size:.75rem;color:var(--success-color);font-weight:600}.session-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500;border:1px solid var(--border-color);background-color:var(--bg-elevated);cursor:pointer}.session-chip.authenticated{color:var(--success-color);border-color:#10b9814d}.session-chip.unauthenticated{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background-color:var(--success-color);box-shadow:0 0 6px var(--success-color)}.status-dot.offline{background-color:var(--text-muted)}.user-profile-badge{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem}.nav-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:6px;padding:.4rem;color:var(--text-primary);cursor:pointer;background-color:var(--bg-elevated)}.nav-icon-btn:hover{background-color:var(--border-color)}.app-main-container{display:flex;flex:1;overflow:hidden;position:relative}.app-sidebar{width:250px;min-width:250px;background-color:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:.85rem .5rem;transition:width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.app-sidebar.collapsed{width:60px;min-width:60px;padding:.85rem .35rem}.sidebar-top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 .4rem .6rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.app-sidebar.collapsed .sidebar-top-bar{justify-content:center;padding:0 0 .5rem}.sidebar-section-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.sidebar-collapse-toggle{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:5px;width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background-color:var(--bg-elevated);transition:all .15s ease}.sidebar-collapse-toggle:hover{background-color:var(--border-color);color:var(--text-primary)}.sidebar-section-group{margin-bottom:.75rem}.sidebar-group-header{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.35rem .65rem .2rem}.sidebar-nav-list{display:flex;flex-direction:column;gap:.15rem;overflow-y:auto;flex:1}.sidebar-nav-btn{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border:1px solid transparent;border-radius:8px;background:none;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.app-sidebar.collapsed .sidebar-nav-btn{justify-content:center;padding:.6rem 0;gap:0}.sidebar-nav-btn:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.sidebar-nav-btn.active{background-color:var(--bg-elevated);border-color:#3b82f666;color:var(--brand-primary);font-weight:600;box-shadow:0 0 10px #3b82f61f}.nav-btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-btn-title{display:flex;align-items:center;gap:.4rem;font-size:.85rem;white-space:nowrap}.nav-badge{background:var(--brand-gradient);color:#fff;font-size:.62rem;padding:.08rem .35rem;border-radius:4px;font-weight:700}.nav-btn-desc{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.sidebar-footer{padding:.65rem .4rem .2rem;border-top:1px solid var(--border-color)}.app-sidebar.collapsed .sidebar-footer{display:flex;justify-content:center}.api-version-chip{display:flex;align-items:center;gap:.5rem}.footer-status-text{display:flex;flex-direction:column}.footer-status-title{font-size:.75rem;font-weight:600;color:var(--text-primary)}.footer-status-sub{font-size:.68rem;color:var(--text-muted)}.collapsed-footer-indicator{padding:.2rem}.api-version-chip .dot,.collapsed-footer-indicator .dot{width:7px;height:7px;border-radius:50%;background-color:var(--success-color);box-shadow:0 0 6px var(--success-color);flex-shrink:0}.app-workspace{flex:1;padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 60px)}.view-container{display:flex;flex-direction:column;gap:1.25rem}.view-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.view-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.view-description{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.view-actions-row{display:flex;gap:.5rem;align-items:center}.tab-pill-group{display:inline-flex;background-color:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px;gap:.25rem}.tab-pill{padding:.45rem .9rem;border-radius:6px;background:none;border:1px solid transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.tab-pill:hover{color:var(--text-primary);background-color:var(--bg-surface);border-color:var(--border-color)}.tab-pill.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 900px){.grid-two-col{grid-template-columns:1fr}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.card-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background-color:#ffffff05}.card-header h3{font-size:1rem;font-weight:600;flex:1}.card-body{padding:1.25rem;flex:1}.card-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border-color);background-color:#ffffff03;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:.55rem .75rem;border-radius:6px;font-size:.9rem;font-family:inherit;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #3b82f633}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.hint-text{font-size:.78rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-danger{background-color:#ef444426;border-color:#ef44444d;color:var(--danger-color)}.btn-danger:hover:not(:disabled){background-color:var(--danger-color);color:#fff}.btn-link{background:none;border:none;color:var(--brand-primary);padding:0;font-size:.82rem}.btn-sm{padding:.35rem .65rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-card-container{display:flex;justify-content:center;padding:2rem 0}.auth-card{width:100%;max-width:440px}.signature-pad-wrapper{display:flex;flex-direction:column;gap:.5rem}.signature-pad-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.signature-pad-controls{display:flex;align-items:center;gap:.4rem}.color-palette{display:flex;gap:.25rem}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-dot.active{border-color:#fff;box-shadow:0 0 0 2px var(--brand-primary)}.size-selector{display:flex;gap:.2rem}.size-btn{padding:.15rem .35rem;font-size:.7rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary)}.size-btn.active{background-color:var(--brand-primary);color:#fff}.pad-btn{padding:.25rem .5rem;font-size:.75rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.canvas-container{position:relative;background-color:#fff;border:1px dashed var(--border-color);border-radius:8px;overflow:hidden;display:flex;justify-content:center}.signature-canvas{touch-action:none;display:block}.canvas-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:.9rem;pointer-events:none}.signature-pad-footer{display:flex;justify-content:flex-end}.signature-preview-box{margin-top:1rem;padding:.75rem;background-color:var(--bg-elevated);border-radius:8px}.signature-preview-box .preview-img{max-height:80px;margin-top:.5rem;background-color:#fff;border-radius:4px;padding:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;max-height:min(92vh,900px);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.1rem;font-weight:600}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer}.modal-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.token-box{background-color:var(--bg-input);border:1px solid var(--border-color);padding:.75rem;border-radius:6px;max-height:180px;overflow-y:auto;word-break:break-all;font-family:var(--code-font);font-size:.78rem;color:var(--brand-primary);margin-top:.5rem}.toast-container{position:fixed;bottom:50px;right:20px;display:flex;flex-direction:column;gap:.5rem;z-index:200}.toast-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);min-width:280px;max-width:400px}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-info{border-left:4px solid var(--brand-primary)}.toast-content{flex:1}.toast-title{font-size:.85rem;font-weight:600}.toast-message{font-size:.78rem;color:var(--text-secondary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600;text-transform:uppercase}.status-badge.verified{background-color:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.status-badge.pending{background-color:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase}.data-table td{padding:.65rem .85rem;border-bottom:1px solid var(--border-color)}.api-console{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-card);border-top:1px solid var(--border-color);z-index:60;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.api-console-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1.25rem;background-color:var(--bg-elevated);cursor:pointer;font-size:.8rem;-webkit-user-select:none;user-select:none}.bar-left{display:flex;align-items:center;gap:.5rem}.bar-title{font-weight:600}.log-count{background-color:var(--bg-input);padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.bar-right{display:flex;align-items:center;gap:.75rem}.last-status-chip{padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-family:var(--code-font)}.badge-success{background-color:#10b98133;color:var(--success-color)}.badge-warning{background-color:#f59e0b33;color:var(--warning-color)}.badge-danger{background-color:#ef444433;color:var(--danger-color)}.badge-neutral{background-color:var(--bg-elevated);color:var(--text-secondary)}.toggle-btn{background:none;border:none;color:var(--brand-primary);font-size:.75rem;font-weight:600;cursor:pointer}.api-console-body{height:250px;display:flex;overflow:hidden}.console-sidebar{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.35rem .75rem;background-color:var(--bg-input);border-bottom:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.72rem}.clear-btn:hover{color:var(--text-primary)}.log-list{flex:1;overflow-y:auto}.log-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid var(--border-color);font-size:.75rem;font-family:var(--code-font);cursor:pointer}.log-item:hover{background-color:var(--bg-elevated)}.log-item.active{background-color:var(--bg-elevated);border-left:3px solid var(--brand-primary)}.method-tag{font-weight:700;font-size:.68rem;padding:.1rem .3rem;border-radius:3px}.method-get{background:#3b82f626;color:#60a5fa}.method-post{background:#10b98126;color:#34d399}.method-put,.method-patch{background:#f59e0b26;color:#fbbf24}.method-delete{background:#ef444426;color:#f87171}.log-endpoint{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-latency{color:var(--text-muted);font-size:.7rem}.console-detail{flex:1;overflow-y:auto;padding:.75rem 1rem}.detail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;font-size:.85rem}.header-meta{display:flex;gap:.4rem}.badge{padding:.2rem .4rem;border-radius:4px;font-size:.72rem}.payload-box{margin-top:.75rem}.payload-box label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.payload-box pre{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;margin-top:.25rem;font-family:var(--code-font);font-size:.75rem;max-height:120px;overflow:auto;color:var(--text-primary)}.detail-placeholder,.empty-log,.empty-state{color:var(--text-muted);font-size:.82rem;text-align:center;padding:2rem 1rem}.result-box{padding:.85rem;border-radius:8px;margin-top:.75rem;font-size:.85rem}.result-box.success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3)}.result-box.danger{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.code-block{background-color:var(--bg-input);border:1px solid var(--border-color);padding:.75rem;border-radius:6px;font-family:var(--code-font);font-size:.78rem;overflow:auto;max-height:200px}.meta-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.75rem 0}.stat-card{background-color:var(--bg-elevated);padding:.5rem;border-radius:6px;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.68rem;color:var(--text-muted)}.stat-val{font-size:.95rem;font-weight:700;color:var(--brand-primary)}.result-img-container{display:flex;justify-content:center;background-color:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.encoded-signature-preview{max-height:140px;object-fit:contain}.verify-outcome-box{padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.verify-outcome-box.status-valid{background-color:#10b98114;border-color:#10b98166}.verify-outcome-box.status-invalid{background-color:#ef444414;border-color:#ef444466}.outcome-banner{display:flex;align-items:center;gap:.75rem}.outcome-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}.status-valid .outcome-icon{background-color:#10b98133;color:var(--success-color)}.status-invalid .outcome-icon{background-color:#ef444433;color:var(--danger-color)}.outcome-title{font-size:1rem;font-weight:700}.metric-chip{background-color:var(--bg-card);padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color);display:flex;flex-direction:column}.metric-chip label{font-size:.68rem;color:var(--text-muted)}.metric-chip span{font-weight:700;font-size:.85rem}.pdf-items-list{display:flex;flex-direction:column;gap:.5rem}.pdf-card-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:border-color .15s}.pdf-card-row:hover{border-color:var(--brand-primary)}.pdf-card-row.selected{border-color:var(--brand-primary);background-color:#3b82f614}.pdf-meta{flex:1}.pdf-name{font-size:.85rem;font-weight:600}.pdf-sub{font-size:.72rem;color:var(--text-muted)}.pdf-row-actions{display:flex;gap:.4rem}.merge-selection-list{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);padding:.5rem;border-radius:6px}.merge-checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.seals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.seal-card-item{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.seal-card-item img{max-height:70px;max-width:100%}.seal-meta{text-align:center;font-size:.75rem}.folder-breadcrumbs{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.crumb-root{color:var(--brand-primary);cursor:pointer}.file-name-cell{display:flex;align-items:center;gap:.4rem}.folder-link{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-weight:600;font-size:inherit}.row-btn-group{display:flex;gap:.25rem}.gateway-badge{font-size:.65rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:.2rem .6rem;border-radius:9999px;font-weight:700;letter-spacing:.05em;margin-left:.5rem;vertical-align:middle}.gateway-badge-icon{margin-right:.35rem}.gateway-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.gateway-tab-btn{padding:.45rem .9rem;font-size:.8rem;font-weight:600;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gateway-tab-btn:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.gateway-tab-btn.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.gateway-top-bar{margin-bottom:1rem}.gateway-top-bar-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.gateway-select{padding:.45rem .75rem;font-size:.8rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);max-width:320px}.gateway-split-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem}@media (max-width: 900px){.gateway-split-layout{grid-template-columns:1fr}}.gateway-pdf-mockup{background-color:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;padding:1.5rem;min-height:380px;position:relative;box-shadow:0 4px 12px #00000014}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mockup-badge{font-size:.75rem;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.mockup-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:.5rem 0}.mockup-rule{height:2px;background-color:#e2e8f0;margin-bottom:1rem}.mockup-lines{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mockup-line{height:8px;background-color:#f1f5f9;border-radius:4px}.mockup-sig-target{border:2px dashed #3b82f6;border-radius:6px;padding:.75rem;min-height:75px;display:flex;align-items:center;justify-content:center;background-color:#3b82f60a}.mockup-sig-target.signed{border:2px solid #10b981;background-color:#10b9810f}.mockup-sig-placeholder{display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:#3b82f6;font-weight:600}.pulse-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;animation:pulse 1.5s infinite;margin-bottom:.25rem}.mockup-signed-stamp{text-align:center}.stamp-verified-badge{font-size:.75rem;font-weight:800;color:#059669;letter-spacing:.05em}.stamp-name{font-size:.95rem;font-weight:700;color:#0f172a}.stamp-tx{font-size:.7rem;font-family:monospace;color:#64748b}.stamp-sub{font-size:.65rem;color:#10b981;font-weight:600}.gateway-doc-actions{display:flex;gap:.5rem;margin-top:1rem}.gateway-badge-accent{font-size:.65rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em}.gateway-channel-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.channel-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;text-align:left;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.channel-btn.active{border-color:var(--brand-primary);background-color:#3b82f614}.gateway-qr-box{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:var(--bg-elevated);border-radius:8px}.qr-wrapper{position:relative;background-color:#fff;padding:.75rem;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.gateway-qr-img{width:180px;height:180px;display:block}.qr-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background-color:#3b82f6;box-shadow:0 0 8px #3b82f6;animation:scanMove 2s infinite ease-in-out}@keyframes scanMove{0%{top:0}50%{top:100%}to{top:0}}.qr-status-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--text-primary)}.pulse-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 6px #10b981;animation:pulse 1.5s infinite}.gateway-mpin-box{display:flex;flex-direction:column;align-items:center;padding:.5rem}.mpin-display{display:flex;gap:.75rem;margin-bottom:1rem}.mpin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--bg-elevated);transition:all .15s ease}.mpin-dot.filled{background-color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 6px #3b82f680}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:240px}.numpad-btn{aspect-ratio:1.4;font-size:1.25rem;font-weight:700;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.numpad-btn:hover{background-color:#3b82f61f;border-color:var(--brand-primary)}.numpad-btn:active{transform:scale(.95)}.numpad-action{font-size:.85rem;color:var(--text-secondary)}.gateway-signed-success{display:flex;flex-direction:column;align-items:center;padding:1.5rem .5rem}.success-icon-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;margin-bottom:.75rem;box-shadow:0 6px 16px #10b9814d}.receipt-box{width:100%;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;font-size:.8rem;display:flex;flex-direction:column;gap:.4rem}.receipt-row{display:flex;justify-content:space-between;align-items:center}.template-preset-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.35rem}.preset-pill{padding:.3rem .6rem;font-size:.75rem;font-weight:600;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.preset-pill:hover{border-color:var(--brand-primary);color:var(--text-primary)}.preset-pill.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.status-chip{font-size:.65rem;font-weight:800;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.chip-pending{background-color:#eab30826;color:#eab308}.chip-scanned{background-color:#3b82f626;color:#3b82f6}.chip-signed{background-color:#10b98126;color:#10b981}.gateway-mobile-sim-container{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media (max-width: 800px){.gateway-mobile-sim-container{grid-template-columns:1fr}}.mobile-phone-frame{width:300px;margin:0 auto;background-color:#0f172a;border:10px solid #334155;border-radius:36px;overflow:hidden;box-shadow:0 16px 36px #00000059;color:#fff;display:flex;flex-direction:column}.phone-top-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem .25rem;font-size:.7rem;color:#94a3b8}.phone-dynamic-island{width:70px;height:16px;background-color:#020617;border-radius:12px}.phone-app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #1e293b}.phone-body{padding:1rem;min-height:440px;display:flex;flex-direction:column}.camera-viewfinder{position:relative;background-color:#020617;border-radius:12px;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.laser-scanner{position:absolute;top:0;left:0;right:0;height:2px;background-color:#ef4444;box-shadow:0 0 10px #ef4444;animation:scanMove 1.5s infinite ease-in-out}.phone-doc-card{background-color:#1e293b;border-radius:8px;padding:.75rem;margin-bottom:1rem}.phone-numpad{max-width:100%}.phone-numpad .numpad-btn{background-color:#1e293b;border-color:#334155;color:#fff;aspect-ratio:1.3}.step-guide-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.step-guide-item{display:flex;gap:.75rem;align-items:flex-start}.step-num{width:28px;height:28px;border-radius:50%;background-color:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}@media (max-width: 1024px){.app-workspace{padding:1rem}}@media (max-width: 768px){.app-navbar{padding:.6rem .85rem}.brand-subtitle,.server-status-pill{display:none}.app-sidebar{width:60px;min-width:60px;padding:.6rem .2rem}.sidebar-section-title,.sidebar-group-header,.nav-btn-text,.footer-status-text{display:none}.sidebar-nav-btn{justify-content:center;padding:.6rem 0}}.pdf-studio-container{display:flex;flex-direction:column;gap:1.25rem}.pdf-studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1.25rem}.studio-tool-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px}.studio-tool-btn{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;padding:.4rem .8rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.studio-tool-btn:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-color)}.studio-tool-btn.active{background:var(--brand-primary);color:#fff;border-color:#ffffff26;box-shadow:0 2px 8px #38bdf84d}.pdf-studio-grid{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:0}@media (max-width: 1100px){.pdf-studio-grid{flex-wrap:wrap}}.canva-left-rail{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.65rem .35rem;z-index:20}.canva-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;height:52px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s ease}.canva-rail-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.canva-rail-btn.active{background:var(--bg-surface);color:var(--brand-primary);border-left:3px solid var(--brand-primary)}.canva-rail-panel{width:260px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.85rem;max-height:800px;overflow-y:auto}.pdf-canvas-stage{background:#0b0f17;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:auto;min-height:540px}.pdf-canvas-wrapper{position:relative;display:inline-block;box-shadow:0 20px 40px -15px #000c;border-radius:6px;overflow:hidden;cursor:crosshair;background:#fff}.pdf-page-render{display:block;max-width:100%;width:auto;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sig-interactive-box{position:absolute;border:2px dashed #0284c7;background:#0ea5e924;border-radius:4px;pointer-events:auto;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0ea5e959;transition:border-color .15s ease;z-index:15;-webkit-user-select:none;user-select:none;touch-action:none}.sig-interactive-box:active{cursor:grabbing}.sig-interactive-box.active{border-color:#10b981;background:#10b98129;box-shadow:0 0 16px #10b98166}.sig-interactive-img{max-width:95%;max-height:90%;object-fit:contain;pointer-events:none}.sig-placement-hud{position:absolute;top:-24px;left:0;background:#0284c7;color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;white-space:nowrap;letter-spacing:.02em}.sig-interactive-box.active .sig-placement-hud{background:#10b981}.sig-resize-handle{position:absolute;width:10px;height:10px;background:#10b981;border:2px solid #ffffff;border-radius:2px;z-index:16;box-shadow:0 1px 3px #00000059;pointer-events:auto}.sig-resize-handle.nw{top:-5px;left:-5px;cursor:nwse-resize}.sig-resize-handle.ne{top:-5px;right:-5px;cursor:nesw-resize}.sig-resize-handle.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.sig-resize-handle.se{bottom:-5px;right:-5px;cursor:nwse-resize}.whiteout-interactive-box{position:absolute;border:2px dashed #f43f5e;background:#f43f5e26;border-radius:4px;pointer-events:none}.whiteout-hud{position:absolute;top:-22px;left:0;background:#f43f5e;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;white-space:nowrap}.text-placement-cursor{position:absolute;width:2px;height:20px;background:#38bdf8;box-shadow:0 0 8px #38bdf8;pointer-events:none;animation:blinkCursor 1s infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.studio-sidebar-panel{display:flex;flex-direction:column;gap:1rem}.canvas-ruler-h{height:20px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:var(--code-font);font-size:9px;color:var(--text-muted)}.canvas-ruler-tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.15);padding-left:2px;line-height:20px}.pdf-detected-element{position:absolute;box-sizing:border-box;cursor:pointer;border:1px dashed transparent;transition:all .15s ease;z-index:10;border-radius:2px}.pdf-detected-element:hover{border-color:#3b82f6;background:#3b82f61f;box-shadow:0 0 8px #3b82f64d}.pdf-detected-element.selected{border:1.5px solid #2563eb;background:#2563eb2e;box-shadow:0 0 12px #2563eb80;z-index:25}.pdf-detected-element.selected:after{content:"";position:absolute;top:-5px;right:-5px;width:8px;height:8px;border-radius:50%;background:#2563eb;border:1.5px solid #fff;box-shadow:0 0 4px #2563eb99}.pdf-detected-element.pdf-el-image:hover,.pdf-detected-element.pdf-el-image.selected{border-color:#a855f7;background:#a855f724;box-shadow:0 0 10px #a855f759}.pdf-detected-element.pdf-el-line:hover,.pdf-detected-element.pdf-el-line.selected{border-color:#10b981;background:#10b98129;box-shadow:0 0 10px #10b98159}.pdf-detected-element.pdf-el-rect:hover,.pdf-detected-element.pdf-el-rect.selected,.pdf-detected-element.pdf-el-drawing:hover,.pdf-detected-element.pdf-el-drawing.selected,.pdf-detected-element.pdf-el-curve:hover,.pdf-detected-element.pdf-el-curve.selected{border-color:#f59e0b;background:#f59e0b24;box-shadow:0 0 10px #f59e0b59}.canvas-comment-pin{position:absolute;width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#f59e0b;border:2px solid #ffffff;box-shadow:0 2px 6px #00000059;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:35;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.canvas-comment-pin:hover{transform:rotate(-45deg) scale(1.18)}.canvas-comment-pin-inner{transform:rotate(45deg);font-size:11px;color:#fff;font-weight:700}.canvas-form-field{position:absolute;border:1.5px solid #6366f1;background:#6366f126;border-radius:4px;display:flex;align-items:center;padding:0 4px;font-size:11px;color:#4f46e5;font-weight:600;cursor:move;-webkit-user-select:none;user-select:none;z-index:20}.canvas-shape-box{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:18}.canvas-table-box{position:absolute;border:1.5px solid #10b981;background:#fffffff2;border-radius:4px;box-shadow:0 4px 14px #00000026;cursor:move;-webkit-user-select:none;user-select:none;z-index:22;overflow:hidden}.canvas-table-grid{width:100%;border-collapse:collapse}.canvas-table-grid td,.canvas-table-grid th{border:1px solid #cbd5e1;padding:4px 6px;font-size:11px;min-width:45px;color:#0f172a}.signi-document-studio{width:100%;display:flex;flex-direction:column;gap:.5rem}.signi-studio-status{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.35rem .5rem;font-size:.72rem;color:var(--text-secondary)}.signi-studio-canvas-wrap{border-radius:8px}.signi-inline-text-editor{cursor:text}.signi-inline-tiptap .ProseMirror{outline:none;min-height:1.5em;cursor:text}.signi-studio-host{min-height:520px;background:var(--bg-elevated, #f8fafc)}.app-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-card) 88%,transparent)}.brand-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.brand-logo{background:var(--brand-gradient);border-radius:var(--radius-sm);box-shadow:0 0 0 1px #ffffff0f inset}.app-sidebar{background:radial-gradient(1200px 400px at 0% 0%,var(--brand-soft),transparent 55%),var(--bg-card);border-right:1px solid var(--border-color)}.sidebar-item.active,.canva-rail-btn.active{background:var(--brand-soft)!important;color:var(--brand-primary)!important;box-shadow:inset 3px 0 0 var(--brand-primary)}.auth-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 70%,transparent),var(--bg-card)),var(--bg-card);box-shadow:var(--shadow-lg)}.auth-card h1,.auth-card h2,.auth-hero-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.signature-pad-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.signature-pad-header{background:color-mix(in srgb,var(--bg-card) 80%,var(--brand-soft));border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.signature-pad-footer{border-top:1px solid var(--border-color);background:var(--bg-card)}.pdf-studio-container{background:var(--bg-page);min-height:calc(100vh - 64px)}.pdf-studio-container.studio-realtime-shell{background:var(--bg-page);min-height:calc(100vh - 64px);gap:0;display:flex;flex-direction:column;padding:0;overflow:visible}.app-workspace:has(.studio-realtime-shell){padding-top:0}.app-workspace:has(.studio-realtime-shell) .view-header{padding:.85rem 1.25rem .65rem;margin:0}.app-workspace:has(.studio-realtime-shell) .view-content{overflow:visible}.app-workspace:has(.studio-realtime-shell) .studio-topbar{top:0}.studio-realtime-shell .pdf-studio-grid,.studio-realtime-shell .studio-workbench{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:0;border-top:1px solid var(--border-color);gap:0}.studio-realtime-shell .studio-workbench>.canva-left-rail,.studio-realtime-shell .studio-workbench>.canva-rail-panel,.studio-realtime-shell .studio-workbench>.studio-properties-panel{flex:0 0 auto}.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{flex:1 1 auto;min-width:0;width:auto;display:flex;flex-direction:column}.studio-realtime-shell .pdf-canvas-stage .signi-studio-host,.studio-realtime-shell .pdf-canvas-stage .pdf-canvas-wrapper{flex:1 1 auto;min-height:480px}.studio-realtime-shell .studio-workbench.panel-collapsed>.action-panel-floating-btn{flex:0 0 auto;align-self:flex-start;margin-top:.75rem}.studio-realtime-shell .pdf-studio-grid:not(.panel-open),.studio-realtime-shell .pdf-studio-grid.panel-collapsed{grid-template-columns:unset}.studio-realtime-shell .pdf-studio-grid:not(.panel-open) .studio-properties-panel{display:none}@media (max-width: 1100px){.studio-realtime-shell .pdf-studio-grid,.studio-realtime-shell .pdf-studio-grid:not(.panel-open),.studio-realtime-shell .studio-workbench{flex-wrap:wrap}.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{flex:1 1 100%;order:3}.studio-realtime-shell .studio-workbench>.studio-properties-panel.is-open{position:fixed;right:12px;top:72px;bottom:12px;width:min(300px,90vw);z-index:40;box-shadow:var(--shadow-lg)}}.pdf-studio-toolbar{border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canva-left-rail{background:var(--bg-card);border-right:1px solid var(--border-color);width:var(--studio-rail-width)}.canva-rail-panel{width:var(--studio-panel-width);background:var(--bg-surface);border-right:1px solid var(--border-color)}.canva-rail-btn{border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease,transform .15s ease}.canva-rail-btn:hover{background:var(--brand-soft);transform:translateY(-1px)}.pdf-canvas-stage{background:var(--bg-pasteboard)}.pdf-canvas-wrapper,.signi-studio-host{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.signi-studio-status{font-family:var(--font-family);letter-spacing:.01em;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;padding:.25rem .65rem;background:var(--bg-card);width:fit-content}.signi-studio-page-actions{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;margin-bottom:.35rem}.signi-studio-page-hint{font-size:.7rem;color:var(--text-muted)}.signi-document-studio .signi-studio-canvas-wrap{background:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),var(--bg-pasteboard)}.btn-primary{background:var(--brand-gradient);border:none;color:#fff;box-shadow:0 1px #ffffff1f inset}.btn-primary:hover{filter:brightness(1.05)}.module-hero{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.module-hero h1{font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:-.03em}.module-hero p{color:var(--text-secondary);max-width:52ch;font-size:.95rem}.studio-workspace-banner{display:none}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .75rem;background:var(--bg-card);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;min-height:48px;position:sticky;top:0;z-index:30;flex-shrink:0;box-shadow:0 1px 0 var(--border-color)}.studio-topbar-left,.studio-topbar-center,.studio-topbar-right{display:flex;align-items:center;gap:.5rem;min-width:0}.studio-topbar-left{flex:0 1 auto;max-width:min(380px,36vw);overflow:visible}.studio-topbar-center{flex:1 1 auto;justify-content:center;flex-wrap:wrap;min-width:0}.studio-topbar-right{flex:0 0 auto;margin-left:auto}.studio-doc-identity{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto;overflow:hidden;max-width:min(220px,100%)}.studio-doc-icon{width:28px;height:28px;border-radius:6px;background:var(--brand-soft);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.studio-doc-meta{min-width:0;flex:1 1 auto;overflow:hidden}.studio-doc-title{font-weight:600;font-size:.82rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.studio-doc-sub{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-topbar-sep{width:1px;height:22px;background:var(--border-color);flex-shrink:0}.studio-history-group,.studio-mode-group,.studio-format-group{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.studio-history-group{position:relative;z-index:1;flex:0 0 auto}.studio-mode-group{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.15rem}.studio-icon-btn,.studio-mode-btn,.studio-format-btn{border:none;background:transparent;color:var(--text-secondary);border-radius:6px;padding:.28rem .5rem;font-size:.72rem;font-weight:600;cursor:pointer;line-height:1}.studio-icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.studio-icon-btn:hover:not(:disabled),.studio-mode-btn:hover,.studio-format-btn:hover{background:var(--brand-soft);color:var(--text-primary)}.studio-icon-btn:disabled{opacity:.35;cursor:not-allowed}.studio-icon-btn.active,.studio-format-btn.active{background:var(--brand-soft);color:var(--brand-primary)}.studio-mode-btn.active{color:#fff}.studio-select{font-size:.72rem;padding:.25rem .4rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);height:auto;width:auto;min-width:72px}.studio-stepper{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-elevated)}.studio-stepper button{background:transparent;border:none;color:var(--text-primary);padding:.15rem .35rem;cursor:pointer}.studio-stepper span{font-size:.72rem;font-weight:600;min-width:20px;text-align:center}.studio-color{width:22px;height:22px;padding:0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;background:transparent}.studio-active-cred img{max-height:22px;max-width:40px;object-fit:contain}.studio-more-wrap,.studio-export-wrap{position:relative}.studio-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;display:flex;flex-direction:column}.studio-dropdown button,.studio-dropdown-file{width:100%;text-align:left;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.76rem;cursor:pointer}.studio-dropdown button:hover,.studio-dropdown-file:hover{background:var(--brand-soft)}.studio-dropdown-file{display:block;margin:0}.studio-dropdown-file input{display:none}.studio-realtime-shell .canva-left-rail{border-radius:0;border:none;border-right:1px solid var(--border-color);background:var(--bg-card);padding:.5rem .25rem;height:auto;max-height:calc(100vh - 112px);position:sticky;top:52px;align-self:flex-start;z-index:20;overflow-y:auto}.studio-realtime-shell .canva-rail-panel{border-radius:0;border:none;border-right:1px solid var(--border-color);max-height:calc(100vh - 112px);height:auto;overflow-y:auto;position:sticky;top:52px;align-self:flex-start;z-index:19}.studio-realtime-shell .pdf-canvas-stage{border-radius:0;border:none;min-height:0;height:100%;display:flex;flex-direction:column;padding:0;background:var(--bg-pasteboard)}.studio-realtime-shell .pdf-canvas-wrapper,.studio-realtime-shell .signi-studio-host{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;padding:1.25rem;box-shadow:none;border-radius:0;width:100%}.studio-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .75rem;border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.studio-footer-left,.studio-footer-center,.studio-footer-right{display:flex;align-items:center;gap:.35rem}.studio-footer-page{font-size:.74rem;font-weight:600;color:var(--text-secondary);min-width:3.5rem;text-align:center}.studio-save-pill{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-elevated)}.studio-save-pill.studio-save-saved{color:var(--success-color);border-color:color-mix(in srgb,var(--success-color) 40%,var(--border-color))}.studio-save-pill.studio-save-saving{color:var(--brand-primary)}.studio-save-pill.studio-save-error{color:var(--danger-color)}.studio-properties-panel{border-left:1px solid var(--border-color);background:var(--bg-card);padding:.65rem;min-height:0;overflow-x:hidden;overflow-y:auto;gap:.65rem;width:var(--studio-panel-width, 320px);max-width:min(340px,40vw);flex:0 0 var(--studio-panel-width, 320px);display:flex;flex-direction:column;align-self:stretch;max-height:calc(100vh - 100px);height:auto;position:relative;top:auto;z-index:20;box-sizing:border-box;-webkit-overflow-scrolling:touch}.studio-realtime-shell .studio-workbench>.studio-properties-panel.is-open{flex:0 0 var(--studio-panel-width, 320px);width:var(--studio-panel-width, 320px);max-height:calc(100vh - 100px);overflow-y:auto;min-height:0}.studio-properties-panel.is-open{display:flex}.studio-properties-panel .card{margin:0 0 .65rem;max-width:100%;box-sizing:border-box;flex-shrink:0}.studio-properties-panel .card-body{overflow-wrap:anywhere;word-break:break-word}.studio-properties-default{flex-shrink:0}.studio-sign-card{order:-1}.studio-sign-steps{margin:0 0 .75rem;padding-left:1.15rem;display:flex;flex-direction:column;gap:.75rem;font-size:.78rem;color:var(--text-secondary);line-height:1.35}.studio-sign-steps li strong{color:var(--text-primary);display:block;margin-bottom:.1rem}.studio-sign-actions{position:sticky;bottom:0;padding-top:.5rem;background:linear-gradient(to bottom,transparent,var(--bg-card) 28%);z-index:2}.studio-properties-header{order:-2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;flex-shrink:0;margin-bottom:.35rem;position:sticky;top:0;z-index:3}.studio-prop-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.15rem}.studio-prop-value{font-size:.8rem;color:var(--text-primary);text-transform:capitalize}.action-panel-floating-btn{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem .4rem;border-radius:8px 0 0 8px;border:1px solid var(--border-color);border-right:none;background:var(--bg-elevated);color:var(--text-primary);font-size:.72rem;font-weight:600;cursor:pointer;z-index:25;height:auto;align-self:flex-start;margin-top:.85rem;flex-shrink:0;position:sticky;top:60px}.action-panel-floating-btn:hover{background:var(--brand-soft);color:var(--brand-primary)}