.graph-tool{--tool-action:hsl(var(--primary));--tool-action-hover:hsl(230 82% 53%);--tool-action-foreground:hsl(var(--primary-foreground));--tool-ink:hsl(var(--foreground));--tool-line:hsl(var(--border));--tool-muted:hsl(var(--muted-foreground));--tool-soft:hsl(var(--muted));--tool-surface:hsl(var(--card));--tool-surface-foreground:hsl(var(--card-foreground));--tool-raised:hsl(var(--background));--tool-focus:hsl(var(--ring)/.25);max-width:1240px;margin:auto;padding:0 24px 104px;color:var(--tool-ink)}.dark .graph-tool{--tool-action-hover:hsl(230 90% 81%);--tool-focus:hsl(var(--ring)/.7)}.dark .graph-tool .paste-overlay{background:hsl(222 47% 4%/.75)}.dark .graph-tool .paste-modal{box-shadow:0 24px 64px hsl(222 47% 4%/.5)}.dark .graph-tool .paste-modal textarea,.dark .graph-tool .settings-body input,.dark .graph-tool .settings-body select{border-color:hsl(var(--input))}.data-actions,.paste-modal>div,.preview-bar,.preview-footer,.settings-body,.settings-top,.tool-heading{display:flex;align-items:center;gap:10px}.tool-heading{justify-content:space-between;margin-bottom:28px}.eyebrow{margin:0 0 11px;color:var(--tool-action);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tool-heading h2{margin:0;font-size:clamp(1.85rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1.08}.workspace-actions{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:12px 14px 12px 20px;border:1px solid hsl(var(--primary)/.2);border-radius:16px;background:linear-gradient(105deg,hsl(var(--primary)/.105),hsl(174 72% 40%/.06));box-shadow:0 16px 34px hsl(var(--primary)/.06)}.workspace-actions p{margin:0;color:var(--tool-ink);font-size:.8125rem;font-weight:650}.workspace-action-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.graph-tool .download,.graph-tool .icon-button,.graph-tool .secondary,.graph-tool .text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--tool-line);border-radius:10px;padding:0 14px;background:var(--tool-raised);color:var(--tool-surface-foreground);font-size:.8125rem;font-weight:750;cursor:pointer;transition:.18s ease}.graph-tool .icon-button:hover,.graph-tool .secondary:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.05);transform:translateY(-1px)}.graph-tool .download{border-color:var(--tool-action);background:var(--tool-action);box-shadow:0 7px 16px hsl(var(--primary)/.2);color:var(--tool-action-foreground)}.graph-tool .download:hover{background:var(--tool-action-hover);box-shadow:0 10px 20px hsl(var(--primary)/.26);transform:translateY(-1px)}.graph-tool .icon-button{width:40px;padding:0}.graph-tool .text-button{min-height:32px;padding:0;border:0;color:var(--tool-action);background:transparent}.tool-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.55fr);gap:20px}.data-panel,.preview-panel,.settings{position:relative;border:1px solid var(--tool-line);border-radius:18px;background:var(--tool-surface);box-shadow:0 18px 44px hsl(222 47% 11%/.07)}.data-panel,.preview-panel{min-width:0;padding:24px}.preview-panel{display:flex;flex-direction:column}.data-panel:before,.preview-panel:before{position:absolute;top:-1px;right:28px;left:28px;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,var(--tool-action),transparent);content:""}.preview-panel:before{background:linear-gradient(90deg,hsl(var(--primary)),hsl(174 72% 40%),transparent)}.panel-title,.preview-bar{padding-bottom:14px;border-bottom:1px solid var(--tool-line)}.panel-title h3,.preview-bar h3,.settings h3{margin:0;font-size:1rem}.panel-title p,.preview-bar span,.preview-footer span,.settings p{margin:5px 0 0;color:var(--tool-muted);font-size:.75rem}.preview-bar,.preview-footer,.settings-top{justify-content:space-between}.table-wrap{overflow:auto;margin-top:18px;border:1px solid var(--tool-line);border-radius:10px}.table-wrap table{width:100%;min-width:430px;border-collapse:collapse}.table-wrap td,.table-wrap th{padding:9px 8px;border-bottom:1px solid var(--tool-line);text-align:left}.table-wrap th{background:var(--tool-soft);color:var(--tool-muted);font-size:.75rem}.table-wrap td:first-child,.table-wrap th:first-child{position:sticky;left:0;z-index:1;background:var(--tool-surface)}.table-wrap th:first-child{background:var(--tool-soft)}.table-wrap input{width:100%;min-width:55px;border:0;outline:0;background:transparent;color:var(--tool-ink);font:inherit}.table-wrap button{border:0;background:transparent;color:var(--tool-muted);cursor:pointer}.table-wrap th button{float:right}.table-wrap .row-action{width:36px;padding:0;text-align:center}.table-wrap button:disabled{cursor:not-allowed;opacity:.35}.table-wrap tbody tr:hover{background:hsl(var(--accent))}.data-actions{flex-wrap:wrap;margin-top:14px}.chart-shell{aspect-ratio:1.8;overflow:hidden;margin-top:16px;border:1px solid var(--tool-line);border-radius:13px;background:var(--tool-raised)}.chart-shell svg{display:block;width:100%;height:100%}.preview-footer{margin-top:14px}.settings{margin-top:22px;padding:0 24px 24px;overflow:hidden}.settings-top{min-height:88px;margin:0 -24px;padding:0 24px;border-bottom:1px solid var(--tool-line);background:linear-gradient(90deg,hsl(var(--primary)/.055),var(--tool-soft) 42%)}.settings-top [role=tablist]{display:flex;gap:2px;padding:3px;border:1px solid var(--tool-line);border-radius:10px;background:hsl(var(--background)/.8)}.settings-top [role=tablist] button{border:0;border-radius:7px;padding:8px 13px;background:transparent;color:var(--tool-muted);font-size:.8125rem;font-weight:700;cursor:pointer}.settings-top [role=tablist] button.active{background:hsl(var(--primary));box-shadow:0 3px 9px hsl(var(--primary)/.2);color:var(--tool-action-foreground)}.settings-body{flex-wrap:wrap;align-items:end;margin-top:20px}.settings-body label{display:flex;flex-direction:column;gap:7px;min-width:180px;padding:10px;border-radius:11px;background:var(--tool-soft);color:var(--tool-muted);font-size:.75rem;font-weight:650}.settings-body input,.settings-body select{height:38px;border:1px solid var(--tool-line);border-radius:8px;padding:0 10px;background:var(--tool-raised);color:var(--tool-ink)}.settings-body .switch-label{flex-direction:row;align-items:center;gap:10px;height:38px;padding:0;background:transparent}.settings-body .switch-label input{width:17px;height:17px;accent-color:var(--tool-action)}.color-schemes{display:flex;flex-basis:100%;flex-direction:column;gap:8px;color:var(--tool-muted);font-size:.75rem;font-weight:600}.color-schemes>div{display:flex;flex-wrap:wrap;gap:8px}.color-schemes button{display:inline-flex;overflow:hidden;height:28px;padding:0;border:1px solid var(--tool-line);border-radius:7px;background:var(--tool-raised);cursor:pointer}.color-schemes i{display:block;width:24px;height:100%}.paste-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:hsl(var(--foreground)/.55);backdrop-filter:blur(5px)}.paste-modal{position:relative;width:min(580px,100%);padding:28px;border-radius:16px;background:var(--tool-surface);box-shadow:0 24px 64px hsl(var(--foreground)/.28)}.paste-modal h3{margin:0;font-size:1.25rem}.paste-modal p{color:var(--tool-muted);font-size:.8125rem}.paste-modal textarea{width:100%;height:190px;margin:12px 0 18px;border:1px solid var(--tool-line);border-radius:9px;padding:12px;background:var(--tool-raised);color:var(--tool-ink);font:.8125rem var(--font-mono),monospace;resize:vertical}.modal-close{position:absolute;top:14px;right:14px;border:0;background:transparent;color:var(--tool-muted);cursor:pointer}.import-message{margin:0 24px 16px;border:1px solid hsl(var(--destructive)/.35);border-radius:9px;padding:10px 14px;background:hsl(var(--destructive)/.1);color:hsl(var(--destructive));font-size:.8125rem}.paste-modal textarea:focus,.settings-body input:focus,.settings-body select:focus,.table-wrap input:focus{outline:2px solid var(--tool-focus);outline-offset:2px}@media (max-width:860px){.tool-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:560px){.graph-tool{padding:0 16px 56px}.preview-bar,.preview-footer,.settings-top,.tool-heading,.workspace-actions{align-items:flex-start;flex-direction:column}.tool-heading{margin-bottom:18px}.workspace-actions{gap:12px;padding:14px}.preview-footer span,.workspace-actions p{line-height:1.45}.workspace-action-controls{width:100%}.workspace-action-controls .download,.workspace-action-controls .secondary{flex:1}.data-panel,.preview-panel{padding:16px}.chart-shell{aspect-ratio:1.18;margin-top:12px}.preview-bar .download,.preview-footer .secondary{width:100%}.table-wrap{margin-top:14px}.table-wrap table{min-width:410px}.settings{margin-top:16px;padding:0 16px 16px}.settings-top{min-height:0;margin:0 -16px;padding:16px;gap:13px}.settings-top [role=tablist]{width:100%;overflow-x:auto}.settings-top [role=tablist] button{flex:0 0 auto}.settings-body{gap:10px;margin-top:14px}.settings-body label{flex:1 1 100%;min-width:0}.paste-overlay{align-items:end;padding:12px}.paste-modal{padding:22px 18px 18px}.paste-modal textarea{height:160px}}@media (max-width:380px){.chart-shell{aspect-ratio:1.05}.workspace-action-controls .download,.workspace-action-controls .secondary{padding-inline:9px;font-size:.75rem}}