:root{--orange:#ff5c35;--text:#0f172a;--muted:#64748b;--border:#e2e8f0;--surface:#f8fafc;--editor-bg:#282a36;--editor-header:#191a21;--editor-border:#343746;--accent:#8be9fd;--accent-glow:rgba(139,233,253,.15)}.tools-stack{background:#fff;overflow:hidden;padding:80px 0;position:relative;width:100%}.tools-stack__ambient-glow{background:radial-gradient(circle,var(--accent-glow) 0,hsla(0,0%,100%,0) 70%);height:650px;pointer-events:none;position:absolute;right:-5%;top:10%;transition:background .4s ease;width:650px;z-index:0}.tools-stack__container{margin:0 auto;position:relative;width:min(1280px,calc(100% - 48px));z-index:1}.tools-stack__intro{margin-bottom:48px;max-width:850px}.tools-stack__eyebrow{color:var(--orange);display:inline-block;font-size:14px;font-weight:600;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.tools-stack__intro h2{letter-spacing:-.03em;margin:0 0 16px}.tools-stack__intro p{margin:0}.tools-stack__row{align-items:start;display:grid;gap:36px;grid-template-columns:minmax(0,1.05fr) minmax(480px,1fr)}.tools-stack__nav{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:14px;box-sizing:border-box;color:var(--text);cursor:pointer;display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr) 20px;padding:16px;text-align:left;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}.tool-card:hover{border-color:#cbd5e1;box-shadow:0 12px 24px -10px rgba(15,23,42,.08);transform:translateY(-2px)}.tool-card.is-active{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 20px -8px var(--accent-glow)}.tool-card__number{color:#94a3b8;font-family:Fira Code,monospace;font-size:12px;font-weight:700}.tool-card.is-active .tool-card__number{color:var(--accent)}.tool-card__content strong{color:var(--text);display:block;font-size:14px;font-weight:600;line-height:1.25;margin-bottom:3px}.tool-card__content small{color:var(--muted);display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-card__arrow{align-items:center;color:#94a3b8;display:flex;justify-content:center;transition:transform .2s ease,color .2s ease}.tool-card.is-active .tool-card__arrow,.tool-card:hover .tool-card__arrow{color:var(--accent);transform:translate(2px,-2px)}.tools-stack__skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tools-stack__skills span{background:#fff;border:1px solid var(--border);border-radius:99px;color:#475569;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.tools-stack__skills span:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}.editor-window{background:var(--editor-bg);border:1px solid var(--editor-border);border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.45);overflow:hidden;position:sticky;top:40px;width:100%}.editor-topbar{align-items:center;background:var(--editor-header);border-bottom:1px solid var(--editor-border);display:flex;height:48px;justify-content:space-between;padding:0 16px}.editor-dots{display:flex;gap:8px}.editor-dots span{border-radius:50%;height:10px;width:10px}.editor-dots span:first-child{background:#ff5f56}.editor-dots span:nth-child(2){background:#ffbd2e}.editor-dots span:nth-child(3){background:#27c93f}.editor-tab{align-items:center;background:var(--editor-bg);border:1px solid var(--editor-border);border-bottom:none;border-radius:8px 8px 0 0;color:#f8f8f2;display:flex;font-family:Fira Code,monospace;font-size:12px;gap:8px;padding:5px 12px}.editor-file__icon{background:var(--accent);border-radius:4px;color:#090d16;font-size:10px;font-weight:800;padding:2px 6px}.editor-copy{align-items:center;background:transparent;border:1px solid #44475a;border-radius:6px;color:#f8f8f2;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:6px 12px;transition:all .2s ease}.editor-copy:hover{background:hsla(0,0%,100%,.05);border-color:var(--accent);color:#fff}.editor-meta{align-items:center;border-bottom:1px solid var(--editor-border);color:#6272a4;display:flex;font-family:Fira Code,monospace;font-size:11px;height:36px;justify-content:space-between;padding:0 16px}.editor-meta__left{align-items:center;display:flex;gap:8px}.editor-status{background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);height:7px;width:7px}.CodeMirror{font-family:Fira Code,monospace!important;font-size:13px!important;height:320px!important;line-height:1.6!important;padding:8px 0}.CodeMirror,.CodeMirror-gutters{background:var(--editor-bg)!important}.CodeMirror-gutters{border-right:1px solid #343746!important}.CodeMirror-linenumber{color:#6272a4!important}.editor-footer{align-items:center;background:var(--editor-header);border-top:1px solid var(--editor-border);display:flex;height:42px;justify-content:space-between;padding:0 16px}.editor-stack{display:flex;gap:6px}.editor-stack span{border:1px solid #44475a;border-radius:4px;color:#f8f8f2;font-family:Fira Code,monospace;font-size:10px;padding:3px 8px}.editor-line-info{color:#6272a4;font-family:Fira Code,monospace;font-size:11px}@media (max-width:1024px){.tools-stack__row{grid-template-columns:1fr}.editor-window{position:relative;top:0}}@media (max-width:640px){.tools-stack__nav{grid-template-columns:1fr}}