:root{--figma-blue:#1677FF;--figma-blue-hover:#4096FF;--figma-blue-active:#0958D9;--figma-blue-light:#E6F4FF;--figma-blue-border:#91CAFF;--status-active-bg:#E6F7ED;--status-active-text:#138A36;--status-active-dot:#138A36;--status-inactive-bg:#F0F0F0;--status-inactive-text:#595959;--status-inactive-dot:#8C8C8C;--text-primary:#1F1F1F;--text-secondary:#595959;--text-tertiary:#8C8C8C;--text-disabled:#BFBFBF;--card-bg:#FFFFFF;--card-border:#E8E8E8;--table-border:#F0F0F0;--table-header-bg:#FFFFFF;--row-hover-bg:#FAFAFA;--row-selected-bg:#F0F7FF;--row-selected-hover:#E6F2FF;--input-border:#D9D9D9;--input-bg:#FFFFFF;--canvas-bg:#F4F5F7;--header-bg:#FFFFFF;--header-border:#E5E7EB;--frame-tag-color:#595959;--frame-tag-bg:#EAECEF;--shadow-card:0 1px 3px rgba(0,0,0,0.05),0 10px 30px rgba(0,0,0,0.03);--shadow-popover:0 6px 16px 0 rgba(0,0,0,0.08),0 3px 6px -4px rgba(0,0,0,0.12),0 9px 28px 8px rgba(0,0,0,0.05);--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--transition-fast:0.15s ease;--transition-standard:0.25s cubic-bezier(0.4,0,0.2,1)}body.canvas-theme-dark{--canvas-bg:#1E1E1E;--header-bg:#2C2C2C;--header-border:#383838;--frame-tag-color:#BFBFBF;--frame-tag-bg:#333333}.canvas-root *,.canvas-root :after,.canvas-root :before{box-sizing:border-box}.canvas-root{width:100%;min-height:calc(100vh - 64px);font-family:var(--font-family);font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--canvas-bg);transition:background-color var(--transition-standard);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background-color:var(--header-bg);border-bottom:1px solid var(--header-border);box-shadow:0 1px 2px rgba(0,0,0,.03)}.header-left,.header-right{display:flex;align-items:center;gap:16px}.figma-brand-badge{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid var(--header-border)}.file-name{font-weight:600;font-size:14px;color:var(--text-primary)}.author-tag{font-size:11px;color:var(--text-tertiary);background:var(--table-border);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}body.canvas-theme-dark .file-name{color:#FFFFFF}body.canvas-theme-dark .author-tag{background:#3A3A3A;color:#A0A0A0}.view-switcher{display:inline-flex;background:var(--canvas-bg);padding:3px;border-radius:var(--radius-md);border:1px solid var(--header-border)}body.canvas-theme-dark .view-switcher{background:#252525;border-color:#383838}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}body.canvas-theme-dark .view-btn{color:#A0A0A0}.view-btn:hover{color:var(--text-primary)}body.canvas-theme-dark .view-btn:hover{color:#FFFFFF}.view-btn.active{background:var(--card-bg);color:var(--figma-blue);box-shadow:0 1px 3px rgba(0,0,0,.08)}body.canvas-theme-dark .view-btn.active{background:#3A3A3A;color:#4096FF}.toggle-group{display:flex;align-items:center;gap:6px;font-size:13px}.toggle-group-label{color:var(--text-tertiary);font-size:12px}body.canvas-theme-dark .toggle-group-label{color:#8C8C8C}.pill-toggle{padding:4px 10px;font-size:12px;font-weight:500;border:1px solid var(--input-border);background:transparent;color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}body.canvas-theme-dark .pill-toggle{border-color:#444;color:#BBB}.pill-toggle.active{background:var(--figma-blue-light);border-color:var(--figma-blue-border);color:var(--figma-blue);font-weight:600}body.canvas-theme-dark .pill-toggle.active{background:#112F55;border-color:#1765C1;color:#70B4FF}.icon-control-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--input-border);background:var(--card-bg);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:500;transition:all var(--transition-fast)}body.canvas-theme-dark .icon-control-btn{background:#2E2E2E;border-color:#444;color:#CCC}.icon-control-btn:hover{border-color:var(--figma-blue);color:var(--figma-blue)}.theme-icon-light{display:block}.theme-icon-dark,body.canvas-theme-dark .theme-icon-light{display:none}body.canvas-theme-dark .theme-icon-dark{display:block}.canvas-workspace{width:100%;padding:32px 32px 80px;overflow-x:auto}.tables-grid-container{display:flex;flex-direction:row;gap:36px;align-items:flex-start;justify-content:flex-start;min-width:-moz-fit-content;min-width:fit-content;transition:all var(--transition-standard)}.canvas-workspace[data-active-view=table1] .tables-grid-container{display:block;min-width:0;max-width:1400px;margin:0 auto}.canvas-workspace[data-active-view=table1] #frameTableTagsSelection{max-width:100%;width:100%}.canvas-workspace[data-active-view=table1] #frameTableDragEnableDisable{display:none}.canvas-workspace[data-active-view=table2] .tables-grid-container{display:block;min-width:0;max-width:1400px;margin:0 auto}.canvas-workspace[data-active-view=table2] #frameTableDragEnableDisable{max-width:100%;width:100%}.canvas-workspace[data-active-view=table2] #frameTableTagsSelection{display:none}.table-frame-wrapper{display:flex;flex-direction:column;gap:12px;flex-shrink:0}#frameTableTagsSelection{width:1020px}#frameTableDragEnableDisable{width:820px}.frame-tag-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.frame-badge-title{font-size:13px;font-weight:600;color:var(--frame-tag-color);letter-spacing:-.01em}.frame-badge-meta{font-size:11px;color:var(--text-tertiary);font-weight:500}.table-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;position:relative;height:100%;max-height:100%}.card-header-bar{display:flex;align-items:center;justify-content:space-between;height:64px;min-height:64px;max-height:64px;padding:0 24px;gap:12px;border-bottom:1px solid var(--table-border);flex-shrink:0}.headline-block{display:flex;flex-direction:column;gap:2px;min-width:0}.title-with-pill{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap}.headline-text{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.2;margin:0;white-space:nowrap}.badge-pill-outline{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;color:var(--figma-blue);background-color:var(--figma-blue-light);border:1px solid var(--figma-blue-border);border-radius:var(--radius-full);line-height:1.3;white-space:nowrap}.description-text{font-size:12px;color:var(--text-tertiary);line-height:1.2;white-space:nowrap}.toolbar-actions-cluster{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-ghost{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover{background-color:#F5F5F5;color:var(--text-primary)}.btn-ghost:active{background-color:#EBEBEB}.selected-count-badge{justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;background-color:var(--figma-blue);color:#FFFFFF;border-radius:var(--radius-full);line-height:1}.btn-secondary,.selected-count-badge{display:inline-flex;align-items:center}.btn-secondary{gap:6px;padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-primary);background:#FFFFFF;border:1px solid var(--input-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--figma-blue);color:var(--figma-blue)}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;color:#FFFFFF;background-color:var(--figma-blue);border:1px solid var(--figma-blue);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 2px rgba(22,119,255,.2)}.btn-primary:hover{background-color:var(--figma-blue-hover);border-color:var(--figma-blue-hover)}.btn-primary:active{background-color:var(--figma-blue-active);border-color:var(--figma-blue-active)}.table-subnav-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--table-border);gap:16px;flex-wrap:wrap}.pill-tabs-list{display:flex;align-items:center;gap:4px}.tab-item{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tab-item:hover{color:var(--text-primary);background:#F5F5F5}.tab-item.active{background:#F0F0F0;color:var(--text-primary);font-weight:600}.search-filter-block{display:flex;align-items:center;gap:10px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--text-tertiary);pointer-events:none}.search-input{width:200px;height:32px;padding:6px 28px 6px 32px;font-size:13px;font-family:inherit;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--figma-blue);box-shadow:0 0 0 2px rgba(22,119,255,.15);width:240px}.search-clear-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:16px;line-height:1;padding:2px}.search-clear-btn:hover{color:var(--text-primary)}.table-scroll-container{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:auto;scrollbar-width:thin}.table-scroll-container::-webkit-scrollbar{height:6px;width:6px}.table-scroll-container::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:3px}.figma-data-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:13.5px}.figma-data-table thead tr{background-color:var(--table-header-bg)}.figma-data-table th{position:sticky;top:0;z-index:10;background-color:var(--card-bg,#FFFFFF);box-shadow:inset 0 -1px 0 var(--table-border);padding:12px 14px;font-weight:500;color:var(--text-secondary);font-size:13px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.col-checkbox{width:58px;padding-left:12px!important;padding-right:8px!important;text-align:center}.col-actions-head,.col-actions-head-narrow{width:44px;text-align:right;padding-right:18px!important}.header-sort-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:transparent;border:none;padding:2px 4px;margin:-2px -4px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.header-sort-btn:hover{color:var(--figma-blue);background-color:#F5F5F5}.sort-arrow{display:inline-block;color:var(--text-tertiary);transition:transform var(--transition-fast),color var(--transition-fast)}.header-sort-btn.sort-asc .sort-arrow{transform:rotate(180deg);color:var(--figma-blue)}.header-sort-btn.sort-desc .sort-arrow{transform:rotate(0deg);color:var(--figma-blue)}.figma-data-table tbody tr{border-bottom:1px solid var(--table-border);transition:background-color var(--transition-fast);height:48px}.figma-data-table tbody tr:hover{background-color:var(--row-hover-bg)}.figma-data-table tbody tr.row-selected{background-color:var(--row-selected-bg)}.figma-data-table tbody tr.row-selected:hover{background-color:var(--row-selected-hover)}.figma-data-table tbody tr.expanded-workflow-row{height:auto!important;background-color:#F8FAFC!important}.figma-data-table tbody tr.expanded-workflow-row:hover{background-color:#F8FAFC!important}.figma-data-table tbody tr.expanded-workflow-row td{white-space:normal!important}.figma-data-table td{padding:12px 14px;vertical-align:middle;white-space:nowrap}.figma-data-table td.col-checkbox{padding-left:12px!important;padding-right:8px!important}.cell-bold{font-weight:600;color:var(--text-primary)}.cell-regular{font-weight:400;color:var(--text-secondary)}.custom-checkbox-container{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-checkbox-container input{position:absolute;opacity:0;width:0;height:0}.custom-checkbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:#FFFFFF;border:1.5px solid #d9d9d9;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.custom-checkbox .check-icon,.custom-checkbox .minus-icon{display:none;width:10px;height:10px}.custom-checkbox-container:hover .custom-checkbox{border-color:var(--figma-blue)}.custom-checkbox-container input:checked+.custom-checkbox,.custom-checkbox.checked{background-color:var(--figma-blue);border-color:var(--figma-blue)}.custom-checkbox-container input:checked+.custom-checkbox .check-icon,.custom-checkbox.checked .check-icon{display:block}.custom-checkbox.indeterminate{background-color:var(--figma-blue);border-color:var(--figma-blue)}.custom-checkbox.indeterminate .minus-icon{display:block}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;line-height:1.3}.status-pill .status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-pill.status-active{background-color:var(--status-active-bg);color:var(--status-active-text)}.status-pill.status-active .status-dot{background-color:var(--status-active-dot)}.status-pill.status-inactive{background-color:var(--status-inactive-bg);color:var(--status-inactive-text)}.status-pill.status-inactive .status-dot{background-color:var(--status-inactive-dot)}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.row-action-btn:hover{background-color:#F0F0F0;color:var(--text-primary)}.drag-toggle-cell{display:flex;align-items:center;gap:12px}.drag-handle{display:inline-flex;align-items:center;justify-content:center;color:#BFBFBF;cursor:grab;padding:4px 2px;border-radius:3px;transition:color var(--transition-fast)}.drag-handle:hover{color:var(--text-primary)}.drag-handle:active{cursor:grabbing}.toggle-switch-wrapper{position:relative;display:inline-block;width:38px;height:22px;flex-shrink:0}.toggle-switch-wrapper input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#D9D9D9;transition:all var(--transition-standard);border-radius:22px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#FFFFFF;transition:transform var(--transition-standard);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch-wrapper input:checked+.toggle-slider{background-color:var(--figma-blue)}.toggle-switch-wrapper input:checked+.toggle-slider:before{transform:translateX(16px)}tr.dragging-row{opacity:.45;background:#E6F4FF!important}tr.drag-over-top{border-top:2px solid var(--figma-blue)!important}tr.drag-over-bottom{border-bottom:2px solid var(--figma-blue)!important}.progress-metric-cell{display:flex;align-items:center;gap:16px}.progress-track-wrapper{flex:1;max-width:180px;min-width:100px;height:7px;background-color:#F0F0F0;border-radius:var(--radius-full);overflow:hidden}.progress-fill-bar{height:100%;background-color:var(--figma-blue);border-radius:var(--radius-full);transition:width .4s ease}.metric-text{font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.card-footer-info{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--table-border);font-size:12px;color:var(--text-tertiary)}.selection-status-text{font-weight:500;color:var(--text-secondary)}.hint-text{color:var(--text-tertiary)}.card-footer-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid var(--table-border);flex-shrink:0;background-color:var(--card-bg,#FFFFFF)}.pagination-info{font-size:13px;color:var(--text-secondary)}.pagination-buttons-cluster{display:flex;align-items:center;gap:8px}.btn-pagination{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-primary);background-color:#FFFFFF;border:1px solid var(--input-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-pagination:hover:not(:disabled){border-color:var(--figma-blue);color:var(--figma-blue)}.btn-pagination:disabled{color:var(--text-disabled);border-color:#F0F0F0;background-color:#FAFAFA;cursor:not-allowed}.filter-dropdown-wrapper{position:relative}.dropdown-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:150;background:#FFFFFF;border:1px solid var(--input-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:16px;width:220px;display:none;flex-direction:column;gap:12px}.dropdown-popover.open{display:flex;animation:popoverFadeIn .15s ease-out}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.filter-options{display:flex;flex-direction:column;gap:6px}.radio-option{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.radio-option input{accent-color:var(--figma-blue)}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--table-border)}.btn-secondary-sm{padding:4px 10px;font-size:12px;font-weight:500;background:none;border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.btn-primary-sm{padding:4px 12px;font-size:12px;font-weight:600;background:var(--figma-blue);border:1px solid var(--figma-blue);border-radius:var(--radius-sm);color:#FFFFFF;cursor:pointer}.row-action-popover{position:fixed;z-index:200;background:#FFFFFF;border:1px solid var(--input-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);padding:6px;min-width:150px;display:none;flex-direction:column}.row-action-popover.open{display:flex;animation:popoverFadeIn .12s ease-out}.action-menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-fast)}.action-menu-item:hover{background-color:#F5F5F5;color:var(--figma-blue)}.action-menu-item.item-danger{color:#FF4D4F}.action-menu-item.item-danger:hover{background-color:#FFF1F0;color:#CF1322}.menu-divider{border:none;border-top:1px solid var(--table-border);margin:4px 0}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex;animation:modalFade .2s ease-out}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal-dialog{background:#FFFFFF;border-radius:var(--radius-lg);box-shadow:0 20px 40px rgba(0,0,0,.2);width:100%;max-width:480px;overflow:hidden;animation:modalScale .2s ease-out}@keyframes modalScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--table-border)}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close-btn{background:none;border:none;font-size:22px;line-height:1;color:var(--text-tertiary);cursor:pointer}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:20px;gap:16px}.form-group,.modal-body{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;height:36px;padding:6px 12px;font-size:13px;font-family:inherit;border:1px solid var(--input-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--figma-blue);box-shadow:0 0 0 2px rgba(22,119,255,.15)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--table-border);background-color:#FAFAFA}.toast-container{position:fixed;bottom:24px;right:24px;z-index:400;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#1F1F1F;color:#FFFFFF;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:13px;font-weight:500;animation:toastSlide .25s ease-out}@keyframes toastSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:#135200}.toast-info{background:#003EB3}.action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.action-icon-btn.call-btn{color:#10B981;background:#ECFDF5;border-color:#A7F3D0}.action-icon-btn.call-btn:hover{background:#10B981;color:#FFFFFF;border-color:#10B981;transform:translateY(-1px);box-shadow:0 2px 6px rgba(16,185,129,.25)}.action-icon-btn.map-btn{color:#1677FF;background:#EFF6FF;border-color:#BFDBFE}.action-icon-btn.map-btn:hover{background:#1677FF;color:#FFFFFF;border-color:#1677FF;transform:translateY(-1px);box-shadow:0 2px 6px rgba(22,119,255,.25)}.action-icon-btn.disabled{color:#BFBFBF;background:#F5F5F5;border-color:#E8E8E8;cursor:not-allowed;opacity:.6}.action-view-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:12px;font-weight:600;color:#1677FF;background:#EFF6FF;border:1px solid #bfdbfe;border-radius:var(--radius-sm,6px);cursor:pointer;transition:all var(--transition-fast,.15s ease);white-space:nowrap}.action-view-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(22,119,255,.25)}.action-view-btn.active,.action-view-btn:hover{background:#1677FF;color:#FFFFFF;border-color:#1677FF}.action-view-btn:active{transform:translateY(0)}.id-code-badge{font-size:12px;color:#1E293B;background:#F1F5F9;padding:3px 8px;border-radius:6px;border:1px solid #e2e8f0;display:inline-block;white-space:nowrap}.consumer-code,.id-code-badge{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600}.consumer-code{font-size:12.5px;color:#475569;letter-spacing:.2px}.structure-pill{padding:2px 8px;border-radius:4px;font-weight:600;background:#F8FAFC;color:#334155;border:1px solid #e2e8f0}.dtr-capacity-pill,.structure-pill{display:inline-flex;align-items:center;font-size:11.5px;white-space:nowrap}.dtr-capacity-pill{gap:4px;padding:3px 8px;border-radius:12px;font-weight:700;background:#ECFDF5;color:#065F46;border:1px solid #a7f3d0}.dtr-sync-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border-radius:4px;background:transparent;border:1px solid transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.dtr-sync-btn:hover:not(:disabled){background:#F1F5F9;border-color:#CBD5E1;color:var(--figma-blue)}.dtr-sync-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.spec-count-tag{gap:6px;font-size:12.5px;font-weight:500;color:var(--text-primary)}.count-mini-pill,.spec-count-tag{display:inline-flex;align-items:center}.count-mini-pill{padding:1px 6px;background:#EFF6FF;color:#1D4ED8;border:1px solid #bfdbfe;border-radius:10px;font-size:11px;font-weight:700}.scroll-hint-pill{position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:25;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(15,23,42,.9);color:#FFFFFF;border-radius:9999px;font-size:12px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:pulseScrollHint 2.4s ease-in-out infinite}.scroll-hint-pill:hover{background:rgba(2,6,23,.98);transform:translateY(-50%) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.32)}.scroll-hint-icon{display:inline-flex;animation:bounceRight 1.4s ease-in-out infinite}@keyframes pulseScrollHint{0%,to{box-shadow:0 4px 14px rgba(0,0,0,.2),0 0 0 0 rgba(22,119,255,.4)}50%{box-shadow:0 6px 18px rgba(0,0,0,.25),0 0 0 6px rgba(22,119,255,0)}}@keyframes bounceRight{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.scroll-edge-gradient{position:absolute;top:0;right:0;bottom:0;width:32px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(0,0,0,.08));z-index:15;transition:opacity .2s ease}