:root{--od-tool:#0d9488;--od-tool-dark:#0f766e;--od-gradient:linear-gradient(135deg,#0d9488 0%,#06b6d4 100%);--od-light:#f0fdfa}[data-theme="dark"]{--od-light:rgba(13,148,136,0.15)}.od-layout.tool-page-container{grid-template-columns:minmax(280px,340px) 1fr 300px}@media (max-width:1024px){.od-layout.tool-page-container{grid-template-columns:minmax(270px,320px) 1fr}}@media (max-width:900px){.od-layout.tool-page-container{grid-template-columns:1fr}}.od-layout .tool-card-body{padding:0.5rem}.od-layout .tool-card-header{padding:0.375rem 0.5rem;font-size:0.75rem}.od-toolbar{display:flex;align-items:center;gap:0.375rem;margin-bottom:0.625rem;flex-wrap:wrap}.od-toolbar-btn{padding:0.3rem 0.5rem;font-size:0.625rem;font-weight:600;border:1.5px solid var(--border);border-radius:0.375rem;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all 0.15s;font-family:var(--font-sans);white-space:nowrap}.od-toolbar-btn:hover{border-color:var(--od-tool);color:var(--od-tool);background:var(--od-light)}.od-toolbar-btn-primary{background:var(--od-gradient);color:#fff;border-color:transparent}.od-toolbar-btn-primary:hover{opacity:0.9;color:#fff;background:var(--od-gradient)}.od-toolbar-btn-accent{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.od-toolbar-btn-accent:hover{filter:brightness(1.1);color:#fff}.od-toolbar-btn-ai{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:transparent;font-weight:600}.od-toolbar-btn-ai:hover{filter:brightness(1.08);color:#fff;border-color:transparent}[data-theme="dark"] .od-toolbar-btn-ai{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.od-toolbar-btn-danger{color:#dc2626;border-color:#fca5a5}.od-toolbar-btn-danger:hover{background:#fef2f2;border-color:#dc2626}[data-theme="dark"] .od-toolbar-btn-danger:hover{background:rgba(239,68,68,0.1)}.od-select{padding:0.3rem 0.4rem;font-size:0.6875rem;font-family:var(--font-sans);font-weight:500;border:1.5px solid var(--border);border-radius:0.375rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:border-color 0.15s;max-width:100%}.od-select:focus{outline:none;border-color:var(--od-tool)}.od-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:0.5rem;margin-bottom:0.625rem}.od-table{width:100%;border-collapse:collapse;font-size:0.75rem;font-family:var(--font-mono)}.od-th{padding:0.3rem 0.15rem;font-size:0.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1.5px solid var(--border);text-align:center;white-space:nowrap;font-family:var(--font-sans)}.od-tr{cursor:pointer;transition:background 0.1s}.od-tr:hover{background:var(--od-light)}.od-tr-selected{background:var(--od-light)!important;border-left:3px solid var(--od-tool)}.od-td{padding:0.2rem 0.125rem;border-bottom:1px solid var(--border);text-align:center;vertical-align:middle}.od-td-idx{width:1.75rem;font-weight:700;color:var(--text-muted);font-family:var(--font-sans);font-size:0.625rem;border-right:1px solid var(--border)}.od-cell{width:100%;padding:0.2rem 0.125rem;font-size:0.6875rem;font-family:var(--font-mono);border:1px solid transparent;border-radius:0.25rem;background:transparent;color:var(--text-primary);text-align:center;transition:border-color 0.15s,background 0.15s}.od-cell:focus{outline:none;border-color:var(--od-tool);background:var(--bg-primary);box-shadow:0 0 0 2px rgba(13,148,136,0.08)}.od-mat-select{font-family:var(--font-sans);font-size:0.625rem;padding:0.15rem;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:0.25rem;color:var(--text-primary)}.od-mat-select:focus{border-color:var(--od-tool);background:var(--bg-primary)}.od-input-label{display:block;font-size:0.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.15rem}.od-input{width:100%;padding:0.3rem 0.375rem;font-size:0.75rem;font-family:var(--font-mono);border:1.5px solid var(--border);border-radius:0.375rem;background:var(--bg-primary);color:var(--text-primary);text-align:center;transition:border-color 0.15s}.od-input:focus{outline:none;border-color:var(--od-tool);box-shadow:0 0 0 2px rgba(13,148,136,0.08)}.od-2col{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}.od-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.5rem}@media (max-width:400px){.od-2col,.od-3col{grid-template-columns:1fr}}.od-env-grid{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:0.2rem 0.3rem;align-items:center}.od-env-lbl{font-size:0.5625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.03em;white-space:nowrap}.od-env-inp{padding:0.2rem 0.25rem!important;font-size:0.6875rem!important}@media (max-width:400px){.od-env-grid{grid-template-columns:auto 1fr}}.od-toggle-row{display:flex;align-items:center;gap:0.375rem;cursor:pointer;font-size:0.75rem;color:var(--text-secondary)}.od-toggle-row input[type="checkbox"]{width:14px;height:14px;accent-color:var(--od-tool);cursor:pointer}.od-divider{border:none;border-top:1px solid var(--border);margin:0.625rem 0}.od-canvas-wrap{width:100%;border:1px solid var(--border);border-radius:0.5rem;overflow:hidden;position:relative;background:var(--bg-primary)}.od-canvas-wrap canvas{width:100%;height:450px;display:block;touch-action:none}.od-canvas-hint{font-size:0.6875rem;color:var(--text-secondary,#64748b);white-space:nowrap;user-select:none}.od-canvas-toolbar{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.od-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0.5rem;margin-top:0.75rem}.od-metric-card{padding:0.5rem 0.625rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0.5rem;border-left:3px solid var(--od-tool)}.od-metric-label{font-size:0.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.03em;margin-bottom:0.1rem}.od-metric-value{font-family:var(--font-mono);font-size:0.9375rem;font-weight:600;color:var(--text-primary)}.od-chrom-wrap{margin-top:0.75rem}.od-faq-list{display:flex;flex-direction:column;gap:0.375rem}.od-faq-item{border:1px solid var(--border);border-radius:0.5rem;overflow:hidden}.od-faq-item[open]{border-color:var(--od-tool)}.od-faq-q{padding:0.625rem 0.75rem;font-size:0.8125rem;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:0.5rem;background:var(--bg-secondary);transition:background 0.15s}.od-faq-q:hover{background:var(--od-light)}.od-faq-q::after{content:"+";font-size:1rem;font-weight:700;color:var(--text-muted);flex-shrink:0;transition:transform 0.15s}.od-faq-item[open] .od-faq-q::after{content:"−";color:var(--od-tool)}.od-faq-q::-webkit-details-marker{display:none}.od-faq-a{padding:0.5rem 0.75rem 0.75rem;font-size:0.8125rem;line-height:1.65;color:var(--text-secondary);margin:0;border-top:1px solid var(--border)}.od-edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0.75rem}.od-edu-card{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:0.5rem;font-size:0.8125rem;line-height:1.6}.od-edu-card h4{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin:0 0 0.375rem}.od-edu-card p{margin:0;color:var(--text-secondary)}.od-file-row{display:flex;gap:0.375rem;flex-wrap:wrap}.od-hidden{display:none}@media (max-width:640px){.od-metrics-grid{grid-template-columns:1fr 1fr}.od-canvas-wrap canvas{height:300px}}