akn-task-node[data-status=pending],akn-task-node[data-status=skipping],akn-approval-node[data-status=pending],akn-approval-node[data-status=skipping],akn-stage-node[data-status=pending],akn-stage-node[data-status=skipping],akn-gate-node[data-status=pending],akn-gate-node[data-status=skipping],akn-subworkflow-node[data-status=pending],akn-subworkflow-node[data-status=skipping],akn-agent-node[data-status=pending],akn-agent-node[data-status=skipping],akn-agent-workflow-node[data-status=pending],akn-agent-workflow-node[data-status=skipping]{opacity:.4;filter:saturate(.3)}akn-task-node[data-status=validated],akn-task-node[data-status=skipped],akn-approval-node[data-status=validated],akn-approval-node[data-status=skipped],akn-stage-node[data-status=validated],akn-stage-node[data-status=skipped],akn-subworkflow-node[data-status=validated],akn-subworkflow-node[data-status=skipped],akn-agent-node[data-status=validated],akn-agent-node[data-status=skipped],akn-agent-workflow-node[data-status=validated],akn-agent-workflow-node[data-status=skipped]{outline:2px solid #22c55e;outline-offset:2px}akn-task-node[data-status=error],akn-approval-node[data-status=error],akn-stage-node[data-status=error],akn-subworkflow-node[data-status=error],akn-agent-node[data-status=error],akn-agent-workflow-node[data-status=error]{outline:2px solid #ef4444;outline-offset:2px}akn-task-node[data-status=running],akn-approval-node[data-status=running],akn-stage-node[data-status=running],akn-subworkflow-node[data-status=running],akn-agent-node[data-status=running],akn-agent-workflow-node[data-status=running]{outline:2px solid #3b82f6;outline-offset:2px;animation:_pulse-running 1.5s ease-in-out infinite}akn-gate-node[data-status=validated],akn-gate-node[data-status=skipped],akn-gate-node[data-status=error],akn-gate-node[data-status=running]{outline:none}akn-gate-node[data-status=validated] .diamond,akn-gate-node[data-status=skipped] .diamond{border:2px solid #22c55e}akn-gate-node[data-status=error] .diamond{border:2px solid #ef4444}akn-gate-node[data-status=running] .diamond{outline:2px solid #3b82f6;outline-offset:2px;animation:_pulse-running 1.5s ease-in-out infinite}@keyframes _pulse-running{0%,to{outline-color:#3b82f6}50%{outline-color:#3b82f64d}}akn-workflow path,akn-hierarchic path{fill:none;stroke:#979899;stroke-width:2px;pointer-events:stroke;cursor:pointer}akn-workflow path:hover,akn-hierarchic path:hover{stroke:#64a0ffcc;stroke-width:3px}akn-workflow g[data-status=validated] path,akn-hierarchic g[data-status=validated] path{stroke:#22c55e99}akn-workflow g[data-status=running] path,akn-hierarchic g[data-status=running] path{stroke:#3b82f699}akn-workflow g[data-status=error] path,akn-hierarchic g[data-status=error] path{stroke:#ef444499}akn-workflow g[data-status=pending] path,akn-workflow g[data-status=skipping] path,akn-workflow g[data-status=skipped] path,akn-hierarchic g[data-status=pending] path,akn-hierarchic g[data-status=skipping] path,akn-hierarchic g[data-status=skipped] path{stroke:#fff3}akn-task-node[data-status=skipped],akn-approval-node[data-status=skipped],akn-stage-node[data-status=skipped],akn-gate-node[data-status=skipped],akn-subworkflow-node[data-status=skipped]{opacity:.1;filter:saturate(.1)}akn-workflow g[data-status=skipping] path{stroke:#ffffff1a}:root{--surface-0: #0f1629;--surface-1: #16213e;--surface-elevated: #1a1a2e;--surface-hover: #2a2a4a;--border: #333;--border-light: #444;--text-primary: #fff;--text-secondary: #a0a0b0;--text-muted: #888;--primary: #667eea;--primary-dark: #5a6fd6;--primary-alpha: rgba(102, 126, 234, .15);--danger: #ef4444;--success: #4ade80;--warning: #f39c12;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--font-xs: .6875rem;--font-sm: .8125rem;--font-base: .875rem;--font-lg: 1rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--color-primary: var(--primary);--color-primary-light: var(--primary-dark);--color-accent: var(--primary);--color-accent-dark: var(--primary-dark);--color-accent-light: var(--primary-alpha);--color-accent-medium: rgba(102, 126, 234, .2);--color-error: var(--danger);--color-success: var(--success);--color-warning: var(--warning);--color-info: #3b82f6;--color-surface: var(--surface-elevated);--color-surface-alt: var(--surface-1);--color-border: var(--border);--color-bg-light: var(--surface-0);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-text-inverse: #ffffff;--color-surface-hover: var(--surface-hover);--color-surface-active: rgba(255, 255, 255, .15);--overlay-light: rgba(0, 0, 0, .3);--overlay-medium: rgba(0, 0, 0, .5)}html,body{margin:0;padding:0;height:100vh;overflow:hidden;background:var(--surface-elevated);overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}*{box-sizing:border-box}@supports (padding-top: env(safe-area-inset-top)){body,.sidebar.left,.sidebar.right,.sidebar.top{padding-top:env(safe-area-inset-top)}.sidebar.bottom{padding-bottom:env(safe-area-inset-bottom)}}app-root{display:flex;flex-direction:column;height:100%}.overlay{position:absolute;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.overlay>.modal{background:var(--surface-1);border-radius:var(--radius-lg);max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg);animation:modal-appear .2s ease forwards}@keyframes modal-appear{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);background:var(--surface-elevated);border-bottom:1px solid var(--border)}.viewer-header .header-info{display:flex;align-items:center;gap:var(--space-lg)}.viewer-header .header-info span{font-weight:600;color:var(--primary)}.viewer-header .header-info .page-badge{background:var(--primary);padding:var(--space-xs) var(--space-md);border-radius:12px;font-size:var(--font-sm);color:var(--text-primary)}.viewer-header .close-btn{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--border);color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:background .2s}.viewer-header .close-btn:hover{background:var(--danger)}.viewer-content{display:flex;flex:1;overflow:hidden;min-height:0}.image-container{flex:2;position:relative;overflow:auto;background:var(--surface-0);display:flex;align-items:flex-start;justify-content:center}.image-container .image-wrapper{position:relative;display:inline-block}.image-container .image-wrapper img{max-height:75vh;width:auto;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.image-container .image-wrapper .bbox-overlay{position:absolute;border:3px solid var(--success);background:#4ade8026;pointer-events:none;border-radius:var(--radius-sm);animation:pulse 2s infinite}.image-container .loading,.image-container .error{padding:2rem;color:var(--text-muted)}.image-container .error{color:var(--danger)}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 10px #4ade8000}}.text-panel{flex:1;padding:var(--space-xl);border-left:1px solid var(--border);overflow-y:auto;max-width:400px;color:var(--text-primary)}.text-panel .context-path{color:var(--primary);font-size:var(--font-base);font-style:italic;margin:0 0 var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.text-panel h3{margin:0 0 var(--space-lg);color:var(--text-muted);font-size:var(--font-base);text-transform:uppercase;letter-spacing:.05em}.text-panel p{margin:0;color:var(--text-secondary);line-height:1.7;white-space:pre-wrap}.text-panel .table-content{overflow-x:auto}.text-panel .table-content table{width:100%;border-collapse:collapse;font-size:var(--font-sm);color:var(--text-secondary)}.text-panel .table-content table th,.text-panel .table-content table td{border:1px solid var(--border-light);padding:var(--space-sm) var(--space-md);text-align:left}.text-panel .table-content table th{background:var(--surface-hover);color:var(--text-primary);font-weight:600}.text-panel .table-content table tr:nth-child(2n){background:var(--surface-elevated)}.text-panel .table-content table tr:hover{background:var(--border)}.text-panel .table-content aside{display:none;position:absolute;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);color:var(--text-secondary);max-width:300px;z-index:100;box-shadow:var(--shadow-md);white-space:normal}.text-panel .table-content *:has(>aside){position:relative;cursor:help;text-decoration:underline dotted var(--text-muted)}.text-panel .table-content *:has(>aside):hover>aside{display:block}.sidebar{position:absolute;z-index:1100;background:var(--surface-1);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.sidebar.sidebar-right,.sidebar.sidebar-left{max-width:60vw}.sidebar+.overlay,.overlay:has(+.sidebar){align-items:stretch;justify-content:stretch;padding:0}.sidebar-enter{transition-property:transform;transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}@starting-style{.sidebar-enter.sidebar-left{transform:translate(-100%)}}@starting-style{.sidebar-enter.sidebar-right{transform:translate(100%)}}@starting-style{.sidebar-enter.sidebar-top{transform:translateY(-100%)}}@starting-style{.sidebar-enter.sidebar-bottom{transform:translateY(100%)}}.sidebar-leave{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.sidebar-leave.sidebar-left{transform:translate(-100%)}.sidebar-leave.sidebar-right{transform:translate(100%)}.sidebar-leave.sidebar-top{transform:translateY(-100%)}.sidebar-leave.sidebar-bottom{transform:translateY(100%)}#selection{position:absolute;background:#667eea33;border:1px solid rgba(102,126,234,.7);border-radius:3px;pointer-events:none;z-index:10;display:none;box-shadow:0 0 0 1px #667eea4d}.drive-item-name{display:-webkit-box!important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;font-weight:500;color:var(--drive-item-name-color);overflow:hidden;text-overflow:ellipsis;word-break:break-all;overflow-wrap:anywhere;width:100%}