:root,[data-theme=dark]{--bg-page: #0a1214;--bg-card: #101a1d;--bg-elevated: #162226;--bg-surface: #122025;--bg-input: #0d1719;--bg-secondary: #0f1a1d;--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", "SF Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--studio-rail-width: 64px;--studio-panel-width: 280px;--navbar-height: 56px;--content-max: 1280px;--touch-min: 44px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}[data-theme=light]{--bg-page: #f3f6f5;--bg-card: #ffffff;--bg-elevated: #eef3f2;--bg-surface: #f7faf9;--bg-input: #ffffff;--bg-secondary: #e8efed;--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}*{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;min-height:100dvh;-webkit-font-smoothing:antialiased}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-navbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.5rem;min-height:var(--navbar-height);background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.nav-menu-toggle{display:none;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex-shrink:0}.nav-menu-toggle:hover{background-color:var(--border-color)}.sidebar-backdrop{display:none}.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}.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;flex-shrink:0;min-width:0}.user-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-primary) 40%,transparent);border-radius:9999px;padding:.25rem .65rem;color:var(--brand-primary);font-size:.8rem;font-weight:700;cursor:pointer;min-height:var(--touch-min)}.credits-pill-label{font-size:.7rem;opacity:.85}.role-chip{font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;margin-left:.25rem}.role-chip.org{background:var(--brand-soft);color:var(--brand-primary);border:1px solid var(--brand-primary)}.role-chip.user{background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color);border:1px solid var(--success-color)}.admin-chip-btn{font-size:.68rem;font-weight:800;padding:.12rem .45rem;border-radius:4px;background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary-hover);cursor:pointer;margin-left:.25rem}.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;min-width:var(--touch-min);min-height:var(--touch-min);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;overflow-x:clip;position:relative;min-height:0}.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:color-mix(in srgb,var(--brand-primary) 40%,transparent);color:var(--brand-primary);font-weight:600;box-shadow:0 0 10px var(--brand-soft)}.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;overflow-x:hidden;max-height:calc(100vh - var(--navbar-height));max-height:calc(100dvh - var(--navbar-height));min-width:0}.app-workspace.workspace-contained>.view-container,.app-workspace.workspace-contained>.auth-gate-wrapper,.app-workspace.workspace-contained>.admin-panel-root{width:100%;max-width:var(--content-max);margin-inline:auto}.app-workspace.workspace-fullbleed{padding:0;max-width:none}.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;flex-wrap:wrap;background-color:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px;gap:.25rem;max-width:100%}.tab-pill{padding:.45rem .9rem;min-height:var(--touch-min);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;white-space:nowrap}.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}.grid-stack-sm,.ops-split{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:900px){.ops-split.ops-split--detail{grid-template-columns:1fr min(400px,38%)}.ops-split.ops-split--dashboard{grid-template-columns:1fr min(320px,32%)}.grid-stack-sm{grid-template-columns:1fr 1fr}.grid-stack-sm.cols-3{grid-template-columns:repeat(3,1fr)}.grid-stack-sm.cols-140{grid-template-columns:140px 1fr}.grid-stack-sm.cols-14{grid-template-columns:1.4fr 1fr}.grid-stack-sm.cols-12{grid-template-columns:1.2fr 1fr}}.bulk-steps-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--border-color)}@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 var(--brand-soft)}.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:max(12px,env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px));left:auto;display:flex;flex-direction:column;gap:.5rem;z-index:200;width:min(calc(100% - 1.5rem),360px);pointer-events:none}.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);width:100%;max-width:100%;pointer-events:auto}.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}.credits-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credits-modal{margin:auto;width:min(100%,540px);max-height:calc(100dvh - 2rem);overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-lg)}.credits-modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.credits-modal-title-row{display:flex;align-items:center;gap:.5rem;min-width:0;color:var(--brand-primary)}.credits-modal-title-row h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.credits-modal-close{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.credits-modal-close:hover{color:var(--text-primary);background:var(--border-color)}.credits-modal-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.credits-modal-tab{flex:1 1 auto;min-width:0;min-height:var(--touch-min);padding:.4rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.78rem;cursor:pointer}.credits-modal-tab.active{border-color:var(--brand-primary);background:var(--brand-soft);color:var(--brand-primary)}.credits-balance-card{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-primary) 45%,transparent);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.credits-balance-label{font-size:.72rem;color:var(--brand-primary);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.credits-balance-value{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1.2}.credits-balance-unit{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.credits-section{margin-bottom:1rem}.credits-section-title{margin:0 0 .5rem;font-size:.82rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.credits-fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.8rem}.credits-fee-card{background:var(--bg-secondary);padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);min-width:0}.credits-fee-name{font-weight:600;color:var(--text-primary)}.credits-fee-cost{font-weight:700;font-size:.75rem;margin-top:.15rem}.credits-fee-cost.is-debit,.credits-activity-amount.is-debit{color:var(--danger-color)}.credits-fee-cost.is-warn{color:var(--warning-color)}.credits-fee-cost.is-credit,.credits-activity-amount.is-credit{color:var(--success-color)}.credits-activity-list{max-height:min(200px,28vh);overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary)}.credits-activity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.55rem .85rem;border-bottom:1px solid var(--border-color);font-size:.78rem}.credits-activity-row:last-child{border-bottom:none}.credits-activity-meta{min-width:0;flex:1 1 auto}.credits-activity-desc{font-weight:600;color:var(--text-primary);word-break:break-word}.credits-activity-sub{font-size:.68rem;color:var(--text-secondary);margin-top:.1rem}.credits-activity-amount{font-weight:800;flex-shrink:0;padding-left:.25rem}.credits-activity-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.75rem}.credits-modal-primary{width:100%;margin-top:.25rem;min-height:var(--touch-min);padding:.55rem 1rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.88rem}.credits-modal-primary:hover{background:var(--brand-primary-hover)}.credits-modal-primary:disabled{opacity:.55;cursor:not-allowed}.credits-modal-primary--inline{width:auto;margin-top:0;flex-shrink:0}.credits-help{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem}.credits-help--muted{font-size:.72rem;margin-top:.75rem;margin-bottom:0}.credits-package-list{display:flex;flex-direction:column;gap:.6rem}.credits-package-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.credits-package-name{font-weight:700}.credits-package-sub{font-size:.78rem;color:var(--text-secondary)}.credits-modal-buy{min-height:var(--touch-min);padding:.4rem .85rem;background:var(--success-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.8rem;flex-shrink:0}.credits-referral-box{display:flex;gap:.5rem;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.credits-referral-code{flex:1;min-width:0;font-size:1.05rem;font-weight:800;letter-spacing:.08em;font-family:var(--code-font);overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.credits-fee-grid{grid-template-columns:1fr}.credits-modal{padding:1rem}.credits-package-row{flex-wrap:wrap}}.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:var(--brand-soft);color:var(--brand-primary)}.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:var(--brand-soft)}.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:var(--brand-soft)}.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:var(--brand-soft)}.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 color-mix(in srgb,var(--brand-primary) 45%,transparent)}.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:var(--brand-soft);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:var(--brand-soft);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:not(.workspace-fullbleed){padding:1rem}}@media(max-width:820px){.navbar-center-actions{display:none}}@media(max-width:768px){.nav-menu-toggle{display:inline-flex}.app-navbar{padding:.5rem .75rem}.brand-subtitle,.server-status-pill,.user-email,.credits-pill-label,.role-chip{display:none}.user-profile-badge{padding:.25rem .4rem;gap:.25rem}.navbar-actions{gap:.35rem}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:80;width:min(280px,86vw);min-width:min(280px,86vw);padding:.85rem .5rem;transform:translate(-105%);transition:transform .22s ease;box-shadow:var(--shadow-lg);overflow-y:auto}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.collapsed{width:min(280px,86vw);min-width:min(280px,86vw);padding:.85rem .5rem}.app-sidebar.collapsed .sidebar-section-title,.app-sidebar.collapsed .sidebar-group-header,.app-sidebar.collapsed .nav-btn-text,.app-sidebar.collapsed .footer-status-text{display:initial}.app-sidebar.collapsed .sidebar-nav-btn{justify-content:flex-start;padding:.55rem .65rem}.app-sidebar.collapsed .sidebar-top-bar{justify-content:space-between;padding:0 .4rem .6rem}.app-sidebar.collapsed .nav-btn-text{display:block}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:70;border:none;cursor:pointer}.app-workspace:not(.workspace-fullbleed){padding:.85rem}.tab-pill-group{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.bulk-steps-bar{grid-template-columns:1fr}.toast-container{right:.75rem;left:.75rem;width:auto}.auth-gate-banner{flex-direction:column;align-items:flex-start!important}.desktop-only-collapse{display:none}}@media(max-width:640px){.brand-title{font-size:1.05rem}.view-title{font-size:1.25rem}.tab-pill{padding:.4rem .7rem;font-size:.78rem}}.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:var(--brand-soft);box-shadow:0 0 8px color-mix(in srgb,var(--brand-primary) 35%,transparent)}.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-save-pill.studio-save-offline{color:#b45309;border-color:color-mix(in srgb,#b45309 40%,var(--border-color))}.studio-save-pill.studio-save-conflict{color:#c2410c;border-color:color-mix(in srgb,#c2410c 45%,var(--border-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)}@media(max-width:768px){.pdf-studio-container,.pdf-studio-container.studio-realtime-shell{min-height:calc(100dvh - var(--navbar-height, 56px));padding-bottom:64px}.studio-topbar{align-items:flex-start;gap:.5rem;padding:.5rem .65rem}.studio-topbar-left{max-width:100%;flex:1 1 100%}.studio-topbar-center{flex:1 1 100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.studio-topbar-right{flex:1 1 100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap}.studio-doc-identity{max-width:min(200px,55vw)}.studio-mode-group{flex-wrap:nowrap}.studio-mode-btn{min-width:var(--touch-min, 44px);min-height:var(--touch-min, 44px);padding:.35rem .45rem;font-size:.65rem}.studio-format-group{display:none}.studio-topbar.studio-format-visible .studio-format-group{display:flex;flex-wrap:wrap;width:100%}.studio-realtime-shell .studio-workbench,.studio-realtime-shell .pdf-studio-grid{flex-wrap:nowrap;flex-direction:column}.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{flex:1 1 auto;order:1;width:100%;min-height:50vh}.studio-realtime-shell .studio-workbench>.canva-left-rail{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:auto;max-height:56px;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-right:none;border-radius:0;border-top:1px solid var(--border-color);z-index:45;padding:.25rem .35rem;gap:.25rem}.studio-realtime-shell .canva-rail-btn{width:auto;min-width:var(--touch-min, 44px);height:44px;flex-direction:column;flex-shrink:0}.studio-realtime-shell .studio-workbench>.canva-rail-panel{position:fixed;left:0;right:0;bottom:56px;width:100%!important;max-width:100%;max-height:min(48vh,420px);z-index:44;border-radius:12px 12px 0 0;box-shadow:var(--shadow-lg);overflow-y:auto}.studio-realtime-shell .studio-workbench>.studio-properties-panel.is-open{position:fixed;left:0;right:0;top:auto;bottom:56px;width:100%!important;max-width:100%;max-height:min(52vh,480px);z-index:46;border-radius:12px 12px 0 0;box-shadow:var(--shadow-lg)}.action-panel-floating-btn{writing-mode:horizontal-tb;transform:none;position:fixed;right:12px;bottom:68px;z-index:47;border-radius:999px;border:1px solid var(--border-color);padding:.55rem .85rem;margin:0}}@media(min-width:1280px){.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{max-width:none}}