@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;600;700&display=swap";:root{--paper: #f4f4f0;--ink: #1a1a1a;--ink-light: #555555;--guide: #cccccc;--hatch-size: 4px;--border-width: 1px;--bold-border: 2px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:JetBrains Mono,monospace;line-height:1.5;font-size:14px;overflow-x:hidden;background-image:linear-gradient(var(--guide) 1px,transparent 1px),linear-gradient(90deg,var(--guide) 1px,transparent 1px);background-size:100px 100px;background-position:center top}.hatch-pattern{background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent var(--hatch-size))}.hatch-pattern-light{background-image:repeating-linear-gradient(45deg,var(--guide) 0,var(--guide) 1px,transparent 0,transparent var(--hatch-size))}.cross-hatch{background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px),repeating-linear-gradient(-45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px)}.text-display{font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.container{max-width:1400px;margin:0 auto;padding:0 40px;border-left:1px dashed var(--ink);border-right:1px dashed var(--ink);min-height:100vh;position:relative;background:var(--paper)}@media(max-width:768px){.container{padding:0 20px;border-left:none;border-right:none}}.btn-main{background:transparent;color:var(--ink);border:2px solid var(--ink);padding:12px 24px;font-family:JetBrains Mono,monospace;text-transform:uppercase;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:4px 4px 0 var(--ink);text-decoration:none;display:inline-block;font-size:inherit}.btn-main:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 8px)}.btn-main.dashed{border-style:dashed}.btn-small{padding:8px 16px;font-size:.8rem}.btn-clone{background:none;border:1px solid var(--ink);padding:4px 8px;cursor:pointer;font-family:JetBrains Mono,monospace}.btn-clone:hover{background:var(--ink);color:var(--paper)}.corner-decoration{position:fixed;width:20px;height:20px}.corner-decoration.bottom-right{bottom:20px;right:20px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.corner-decoration.top-left{top:20px;left:20px;border-left:2px solid var(--ink);border-top:2px solid var(--ink)}.guide-line{position:fixed;top:0;bottom:0;width:1px;z-index:-1}.guide-line.left{left:40px;border-left:1px dashed var(--guide)}.guide-line.right{right:40px;border-right:1px dashed var(--guide)}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:var(--bold-border) solid var(--ink);position:relative}.header:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--ink)}.logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:12px}.logo-mark{width:24px;height:24px;border:2px solid var(--ink);position:relative}.logo-mark:before{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;border:1px solid var(--ink);background:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px)}.version-badge{font-size:.6em;border:1px solid var(--ink);padding:0 4px;margin-left:8px}.nav a{text-decoration:none;color:var(--ink);margin-left:32px;text-transform:uppercase;font-size:.8rem;position:relative}.nav a:hover:before{content:"[";position:absolute;left:-10px}.nav a:hover:after{content:"]";position:absolute;right:-10px}.burger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:100}.logo-text{display:inline-block}.mobile-only{display:none!important}@media(max-width:768px){.burger-btn{display:block}.desktop-only{display:none!important}.mobile-only{display:inline-block!important;margin-top:24px;margin-left:0!important;width:100%;text-align:center}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);flex-direction:column;padding:24px 40px;border-bottom:2px solid var(--ink);z-index:50}.nav.open{display:flex;animation:slideDown .2s ease-out}.nav a{margin-left:0;margin-bottom:24px;display:block;font-size:1.1rem;padding:8px 0;border-bottom:1px dashed var(--guide)}.logo-text{font-size:.9rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding:80px 0;border-bottom:1px solid var(--ink);position:relative}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-label{margin-bottom:16px;font-size:.8rem;color:var(--ink-light)}.hero-title{font-size:5rem;line-height:.9;margin-bottom:32px;font-weight:400}.hero-description{font-size:1.1rem;max-width:500px;margin-bottom:48px;border-left:2px solid var(--ink);padding-left:20px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn-secondary{padding:16px 32px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;background:transparent;border:2px solid var(--ink);color:var(--ink);cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--ink);color:var(--paper)}.supported-networks{margin-top:60px;display:flex;gap:20px;font-size:.8rem}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3rem}}.iso-stack-container{position:relative;height:500px;display:flex;justify-content:center;align-items:center;perspective:1000px}.iso-plane{width:300px;height:200px;border:2px solid var(--ink);position:absolute;background:var(--paper);transform-style:preserve-3d;transition:transform .4s ease;display:flex;align-items:center;justify-content:space-between;padding:20px;box-shadow:10px 10px 20px #0000000d}.iso-plane:hover{background-image:repeating-linear-gradient(45deg,var(--guide) 0,var(--guide) 1px,transparent 0,transparent 4px)}.stack-guide-line{position:absolute;width:2px;height:200px;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;border-left:1px dashed var(--ink)}.plane-label{font-weight:700;background:var(--ink);color:var(--paper);padding:4px 8px;font-size:.8rem}.plane-value{border:1px solid var(--ink);padding:4px 8px}.plane-dimension-line{position:absolute;right:-40px;top:0;width:30px;border-bottom:1px dashed var(--ink)}.plane-bottom-pattern{position:absolute;bottom:0;left:0;width:100%;height:5px;background:repeating-linear-gradient(90deg,var(--ink),var(--ink) 1px,transparent 1px,transparent 10px)}.dimension-line{position:absolute;right:-20px;top:0;bottom:0;width:1px;background:var(--ink);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.dimension-line:before,.dimension-line:after{content:"";width:10px;height:1px;background:var(--ink)}.dim-text{writing-mode:vertical-rl;background:var(--paper);padding:8px 0;font-size:.7rem}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}.trust-item{padding:24px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:8px}.trust-item:last-child{border-right:none}.trust-label{font-size:.7rem;text-transform:uppercase;color:var(--ink-light)}.trust-value{font-size:1.5rem;font-weight:700}@media(max-width:768px){.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:none}.trust-item:nth-child(1),.trust-item:nth-child(2){border-bottom:1px solid var(--ink)}}.section-header{padding:60px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px dashed var(--ink)}.section-title{font-size:2rem;text-transform:uppercase}.section-label{font-family:JetBrains Mono,monospace;font-size:.8rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--ink)}.feature-card{padding:40px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;transition:all .3s}.feature-card:nth-child(2n){border-right:none}.feature-card:hover{background-color:#f0f0eb}.feature-card:hover:after{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;background-image:repeating-linear-gradient(45deg,var(--ink) 0,var(--ink) 1px,transparent 0,transparent 4px);border:1px solid var(--ink)}.feature-icon{width:60px;height:60px;border:1px solid var(--ink);margin-bottom:24px;display:grid;place-items:center;font-size:1.5rem;background:#fff;box-shadow:4px 4px 0 var(--ink-light)}.feature-title{margin-bottom:12px}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.feature-card{border-right:none}}.strategies-section{padding:80px 0}.strategy-table{width:100%;border-collapse:collapse;margin-top:40px;font-family:JetBrains Mono,monospace}.strategy-table th{text-align:left;padding:16px;border-bottom:2px solid var(--ink);text-transform:uppercase;font-size:.8rem}.strategy-table td{padding:24px 16px;border-bottom:1px solid var(--ink);vertical-align:middle}.strategy-row:hover{background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 1px,transparent 0,transparent 8px)}.strategy-type{color:var(--ink-light);font-size:.7em}.protocol-tags span{display:inline-block;border:1px solid var(--ink);padding:2px 6px;font-size:.7rem;margin-right:4px;background:#fff}.apy-value{font-weight:700}.risk-meter-container{display:flex;align-items:center;gap:8px;width:fit-content}.risk-meter-container.hatch-pattern{padding-right:8px}.risk-meter{width:100px;height:12px;border:1px solid var(--ink);display:flex;background:#fff}.risk-fill{height:100%;background:var(--ink)}.risk-score{font-size:.8em}.high-risk-score{background:#fff;padding:0 2px}@media(max-width:768px){.strategy-table{font-size:.75rem}.strategy-table th,.strategy-table td{padding:12px 8px}.risk-meter{width:60px}}.cta-section{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink);gap:40px}.cta-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.cta-title{font-size:3rem;margin-bottom:24px}.cta-description{margin-bottom:32px;font-size:1.1rem;max-width:400px}.cta-buttons{display:flex;gap:16px}.cta-visual{border:2px solid var(--ink);display:grid;place-items:center;min-height:300px}.status-card{background:var(--paper);padding:20px;border:1px solid var(--ink);transform:rotate(-5deg)}.status-label{font-size:.8rem;border-bottom:1px solid var(--ink);margin-bottom:10px;padding-bottom:4px}.status-value{font-size:2rem;font-weight:700}@media(max-width:768px){.cta-section{grid-template-columns:1fr;padding:60px 0}.cta-title{font-size:2rem}.cta-buttons{flex-direction:column}}.footer{border-top:2px solid var(--ink);padding:60px 0;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;font-size:.8rem}.footer-brand{display:flex;flex-direction:column}.footer-logo{margin-bottom:20px;font-size:1rem}.logo-mark-small{width:16px;height:16px}.footer-description{max-width:300px;color:var(--ink-light)}.footer-col h4{text-transform:uppercase;margin-bottom:20px;border-bottom:1px solid var(--ink);display:inline-block;padding-bottom:4px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:8px}.footer-col a{color:var(--ink);text-decoration:none}.footer-col a:hover{text-decoration:underline}@media(max-width:768px){.footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2;margin-bottom:20px}}.builder-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--ink);flex-shrink:0;background:var(--paper)}.builder-brand{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.exit-builder{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;background:none;border:none;text-decoration:none}@media(max-width:600px){.builder-header{padding:0 20px}.builder-brand{font-size:12px}.exit-builder span{display:none}.exit-builder:after{content:"EXIT"}}.step-indicator{margin-bottom:40px;display:flex;align-items:center;gap:16px}.step-badge{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--ink);color:var(--paper);padding:4px 8px}.step-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}@media(max-width:600px){.step-indicator{margin-bottom:24px;flex-wrap:wrap;gap:8px;align-items:flex-start}.step-label{width:100%}}.apy-tooltip-container{position:relative;display:inline-flex;align-items:center}.apy-info-btn{background:transparent;border:none;padding:2px;cursor:pointer;color:var(--ink-light, #555);display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;border-radius:50%}.apy-info-btn:hover{color:var(--ink, #1a1a1a);transform:scale(1.1)}.apy-info-btn:focus{outline:2px solid var(--ink, #1a1a1a);outline-offset:2px}.apy-tooltip{position:absolute;z-index:1000;width:260px;background:#fff;border:1px solid var(--ink, #1a1a1a);box-shadow:4px 4px #0000001a;font-family:JetBrains Mono,monospace;font-size:11px}.apy-tooltip.top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.apy-tooltip.bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--ink, #1a1a1a);color:#fff}.tooltip-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.data-badge{font-size:8px;padding:2px 6px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.data-badge.live{background:#22c55e;color:#fff}.data-badge.fallback{background:#f59e0b;color:#fff}.tooltip-content{padding:12px}.tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.row-label{color:var(--ink-light, #555);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.row-value{font-weight:700;font-size:12px}.row-value.negative{color:#ef4444}.row-value.muted{color:var(--ink-light, #555);font-weight:500}.tooltip-breakdown{background:#f9fafb;margin:8px 0;padding:8px}.breakdown-item{display:flex;justify-content:space-between;font-size:9px;padding:2px 0;color:var(--ink-light, #555)}.tooltip-divider{height:1px;background:var(--guide, #ccc);margin:8px 0}.tooltip-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:8px;border-top:1px dashed var(--guide, #ccc)}.source-row{display:flex;align-items:center;gap:4px;color:var(--ink-light, #555);font-size:9px}.update-time{color:var(--ink-light, #555);font-size:8px}.tooltip-empty{text-align:center;padding:16px 8px}.tooltip-empty span{display:block;color:var(--ink-light, #555)}.tooltip-empty .empty-note{font-size:9px;margin-top:4px}.apy-info-icon{position:relative;display:inline-flex;align-items:center;cursor:help;color:var(--ink-light, #555);margin-left:4px;vertical-align:middle}.apy-info-icon:hover{color:var(--ink, #1a1a1a)}.simple-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--ink, #1a1a1a);color:#fff;padding:6px 10px;font-size:9px;white-space:nowrap;max-width:200px;white-space:normal;text-align:center;z-index:1000;margin-bottom:6px;line-height:1.4}.simple-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--ink, #1a1a1a)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.apy-tooltip{animation:fadeIn .15s ease-out}.protocol-card{background:#fff;border:1px solid var(--ink);padding:32px;display:flex;flex-direction:column;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.protocol-card:hover{transform:translateY(-4px);box-shadow:12px 12px #0000000d}.protocol-card.selected{background:var(--ink);color:var(--paper);box-shadow:12px 12px #0000001a}.protocol-card.selected .card-category,.protocol-card.selected .card-description{color:#ffffff80}.protocol-card.selected .card-stats,.protocol-card.selected .card-footer{border-top-color:#fff3}.protocol-card.selected .live-indicator{color:#ffffffb3}.protocol-card.selected .live-dot{background:#22c55e}.protocol-card.selected .apy-info-btn{color:#ffffff80}.protocol-card.selected .apy-info-btn:hover{color:#ffffffe6}.card-category{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block}.card-name{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;margin:8px 0 24px}.card-description{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.05em;color:var(--ink-light);margin-bottom:24px;line-height:1.6}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:auto;padding-top:24px;border-top:1px solid var(--guide)}.stat-block{display:flex;flex-direction:column;gap:4px}.stat-header{display:flex;align-items:center;gap:6px}.stat-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.stat-value.negative{color:#ef4444}.protocol-card.selected .stat-value.negative{color:#fca5a5}.stat-value.avg{font-size:14px;font-weight:500;color:var(--ink-light)}.protocol-card.selected .stat-value.avg{color:#fff9}.live-indicator{display:inline-flex;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--ink-light);margin-top:2px}.live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--guide)}.risk-row{display:flex;justify-content:space-between;align-items:center}.risk-value{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}@media(max-width:768px){.protocol-card{padding:20px}.card-name{font-size:20px}.card-stats{gap:16px}.stat-value{font-size:16px}}.sidebar-col{border-left:1px solid var(--ink);background:#eaeaea;display:flex;flex-direction:column;padding:32px 24px;overflow:hidden;min-width:0}.sidebar-title{margin-bottom:24px}.sidebar-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.stack-preview-container{flex:1;display:flex;flex-direction:column;gap:12px}.stack-slot{border:1px dashed var(--guide);padding:16px;display:flex;flex-direction:column;gap:4px;min-height:80px;justify-content:center;transition:all .15s ease;position:relative}.stack-slot.filled{background:#fff;border-style:solid;border-color:var(--ink)}.stack-slot.clickable{cursor:pointer}.stack-slot.clickable:hover{background:#f5f5f5;transform:translate(-2px);box-shadow:2px 2px #0000001a}.stack-slot.current{border-width:2px;border-color:var(--ink);background:#fff}.slot-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.slot-name{font-weight:600;font-size:13px}.slot-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);display:flex;align-items:center;gap:4px;flex-wrap:wrap}.slot-apy{font-weight:600}.slot-apy.negative{color:#ef4444}.slot-live-badge{font-size:8px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:1px 4px;letter-spacing:.05em}.slot-divider{opacity:.5}.slot-waiting{font-family:JetBrains Mono,monospace;font-size:10px;opacity:.5}.slot-edit-hint{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);opacity:0;transition:opacity .15s;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.stack-slot.clickable:hover .slot-edit-hint{opacity:1}.footer-nav{margin-top:auto;padding-top:32px}.total-apy-row{margin-bottom:16px;border-top:1px solid var(--guide);padding-top:24px;display:flex;justify-content:space-between;align-items:center}.apy-label-row{display:flex;align-items:center;gap:4px}.apy-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.apy-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.apy-value.negative{color:#ef4444}.data-source-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 0;border-bottom:1px dashed var(--guide)}.source-status{display:flex;align-items:center;gap:6px}.source-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.source-status.loading .source-dot{background:#f59e0b;animation:pulse 1s ease-in-out infinite}.source-text{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.source-time{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);opacity:.7}.nav-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-back{flex:0 0 auto;background:transparent;border:1px solid var(--ink);color:var(--ink);padding:18px 16px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:600;font-size:11px;transition:all .15s}.btn-back:hover{background:var(--ink);color:var(--paper)}.btn-primary{flex:1;background:var(--ink);color:var(--paper);border:none;padding:18px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:600;font-size:12px}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.3;cursor:not-allowed}@media(max-width:900px){.sidebar-col{border-left:none;border-top:1px solid var(--ink);padding:24px 20px}.stack-preview-container{gap:10px}.footer-nav{padding-top:24px}}@media(max-width:600px){.total-apy-row{flex-direction:column;align-items:flex-start;gap:8px}.nav-buttons{flex-direction:column}.btn-back,.btn-primary{width:100%}}.builder-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace{display:grid!important;grid-template-columns:1fr 340px!important;flex:1;overflow:hidden;width:100%}.workspace>.sidebar-col{width:340px;max-width:340px;min-width:340px}.hero-title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:48px;max-width:600px}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media(max-width:1024px){.workspace{grid-template-columns:1fr}.journey-col{padding:40px}.hero-title{font-size:36px}}@media(max-width:900px){.builder-layout{height:auto;min-height:100vh;overflow:visible}.workspace{display:flex!important;flex-direction:column;overflow:visible}.workspace>.sidebar-col{width:100%;max-width:none;min-width:0}.journey-col{overflow:visible}}@media(max-width:600px){.journey-col{padding:32px 20px}.hero-title{font-size:28px;margin-bottom:24px}.protocol-grid{grid-template-columns:1fr}}.summary-header-bar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--ink);flex-shrink:0;background:#fff}.brand{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.cancel-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;text-decoration:none}.cancel-link:hover{color:var(--ink)}.workspace-summary{display:grid;grid-template-columns:1fr 400px;flex:1;overflow:hidden}.journey-col{padding:60px 80px;overflow-y:auto;background-image:radial-gradient(var(--guide) 1px,transparent 1px);background-size:32px 32px}.config-badge{margin-bottom:40px}.badge-complete{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#15803d;color:#fff;display:inline-block;padding:4px 8px}.hero-title-summary{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:48px}.summary-table-header{background:#eaeaea;padding:12px 32px;display:grid;grid-template-columns:100px 1fr 120px 120px;border:1px solid var(--ink);border-bottom:none}.table-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.table-label.align-right{text-align:right}.summary-table{display:flex;flex-direction:column;gap:2px;background:var(--ink);border:1px solid var(--ink)}.summary-row{background:#fff;padding:24px 32px;display:grid;grid-template-columns:100px 1fr 120px 120px;align-items:center}.row-step{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.row-strategy{display:flex;align-items:baseline;gap:8px}.strategy-name{font-weight:600;font-size:15px}.strategy-action{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--ink-light)}.row-value{font-family:JetBrains Mono,monospace;font-weight:700;text-align:right}.info-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.info-block{display:flex;flex-direction:column;gap:12px}.info-title{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.info-text{font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.8;color:var(--ink)}.sidebar-summary{border-left:1px solid var(--ink);background:#eaeaea;display:flex;flex-direction:column;padding:40px}.analysis-card{background:#fff;border:1px solid var(--ink);padding:32px;margin-bottom:24px}.card-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block}.big-metric-risk{font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:1;margin:16px 0}.metric-suffix{font-size:14px;color:var(--ink-light);font-weight:400}.risk-badge{display:inline-block;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;border-radius:99px}.risk-badge.low,.risk-badge.moderate{background:#dcfce7;color:#166534}.risk-badge.high{background:#fef3c7;color:#92400e}.risk-badge.very-high{background:#fee2e2;color:#991b1b}.risk-description{font-family:JetBrains Mono,monospace;font-size:11px;margin-top:16px;color:var(--ink-light)}.metric-group{margin-top:32px;padding-top:32px;border-top:1px solid var(--guide)}.big-metric{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:700;line-height:1;margin:8px 0}.gain-row{display:flex;justify-content:space-between;margin-top:8px}.gain-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.gain-value{font-family:JetBrains Mono,monospace;font-weight:700;color:#15803d}.data-source-attribution{margin-top:16px;padding-top:16px;border-top:1px dashed var(--guide);display:flex;flex-direction:column;gap:4px}.source-indicator{display:flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.source-indicator .source-dot{width:6px;height:6px;border-radius:50%;background:#22c55e}.source-indicator.loading .source-dot{background:#f59e0b;animation:pulse 1s ease-in-out infinite}.source-info{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);opacity:.7}.metric-header{display:flex;align-items:center;gap:4px}.live-badge-inline{font-size:8px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:1px 4px;margin-left:6px;letter-spacing:.05em;vertical-align:middle}.row-value.negative,.big-metric.negative{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.footer-nav{margin-top:auto}.btn-deploy{width:100%;background:var(--ink);color:var(--paper);border:none;padding:24px;font-family:JetBrains Mono,monospace;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-weight:700;transition:transform .1s}.btn-deploy:hover{background:#000;transform:scale(1.02)}.btn-edit{display:block;width:100%;text-align:center;margin-top:16px;padding:12px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);text-transform:uppercase;background:none;border:none;cursor:pointer}.btn-edit:hover{color:var(--ink)}.gas-estimate{margin-top:40px;padding-top:24px;border-top:1px solid var(--guide);display:flex;align-items:flex-start;gap:12px}.gas-indicator{width:8px;height:8px;background:#15803d;border-radius:50%;margin-top:4px;flex-shrink:0}.gas-text{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-light)}@media(max-width:1200px){.workspace-summary{grid-template-columns:1fr}.sidebar-summary{border-left:none;border-top:1px solid var(--ink)}.journey-col{padding:40px}.hero-title-summary{font-size:36px}.info-grid{grid-template-columns:1fr}.summary-table-header,.summary-row{grid-template-columns:80px 1fr 80px 80px;padding:16px 20px}}@media(max-width:600px){.summary-table-header{display:none}.summary-row{grid-template-columns:1fr;gap:12px;position:relative}.row-step{font-size:8px;opacity:.7}.row-strategy{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:8px}.row-value{text-align:left;display:flex;justify-content:space-between;align-items:center;background:var(--paper);padding:8px;font-size:12px}.row-value:before{content:"VALUE";font-size:9px;color:var(--ink-light)}.summary-row{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"step step" "name name" "risk apy"}.row-step{grid-area:step;margin-bottom:4px}.row-strategy{grid-area:name;margin-bottom:12px}.row-value:nth-child(3){grid-area:risk;text-align:left}.row-value:nth-child(4){grid-area:apy;text-align:right}.row-value:nth-child(3):before{content:"RISK: ";margin-right:4px}.row-value:nth-child(4):before{content:"APY: ";margin-right:4px}}.deploy-layout{--bg-color: #F7F8F7;--surface-color: #FFFFFF;--text-main: #121414;--text-dim: #7A7A7A;--border-light: #DCDCDC;--border-heavy: #121414;--accent-green: #2B2B2B;--font-display: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "Manrope", sans-serif;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-mono);height:100vh;overflow:hidden;display:flex;flex-direction:column}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-body{font-family:var(--font-body)}.label-mono{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.text-dim{color:var(--text-dim)}.border-r-theme{border-right:1px solid var(--border-light)}.border-l-theme{border-left:1px solid var(--border-light)}.border-t-theme{border-top:1px solid var(--border-light)}.border-b-theme{border-bottom:1px solid var(--border-light)}.btn-primary{background:var(--text-main);color:var(--bg-color);border:1px solid var(--text-main);transition:all .2s;cursor:pointer}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-main);transition:all .2s;cursor:pointer}.btn-outline:hover{border-color:var(--text-main);background:#00000005}.checkbox-custom{appearance:none;width:14px;height:14px;border:1px solid var(--border-light);background:transparent;cursor:pointer;position:relative;flex-shrink:0}.checkbox-custom:checked{background:var(--text-main);border-color:var(--text-main)}.checkbox-custom:checked:after{content:"✓";color:#fff;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-stage{perspective:1200px;transform-style:preserve-3d}.yield-card{width:340px;height:520px;background:#f2f2f2;border:1px solid var(--text-main);position:relative;transform:rotateY(-12deg) rotateX(5deg);transform-style:preserve-3d;transition:transform .1s ease-out;box-shadow:20px 20px 60px #0000001a,-1px -1px #ffffff80 inset;-webkit-user-select:none;user-select:none}.yield-card:hover{z-index:10}.card-content{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:#fbfbfb}.card-pattern{position:absolute;top:0;right:0;width:100%;height:100%;opacity:.05;background:repeating-linear-gradient(45deg,#000,#000 1px,transparent 1px,transparent 10px);pointer-events:none}.card-hologram{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e0e0e0,#fff,#d6d6d6);border:1px solid #ccc;opacity:.8}.barcode{display:flex;height:30px;gap:2px;align-items:stretch}.bc-bar{background:var(--text-main);flex-grow:1}.bg-grid-pattern{background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:40px 40px;background-position:center}.deploy-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-light);background:#f7f8f7;z-index:10;flex-shrink:0}.nav-link{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:opacity .2s;text-decoration:none;color:var(--text-main)}.nav-link.inactive{opacity:.4}.nav-link.inactive:hover{opacity:1}.nav-link.active{opacity:1;border-bottom:1px solid var(--text-main);padding-bottom:2px}.app-grid{display:grid;grid-template-columns:320px 1fr 300px;grid-template-rows:1fr auto;flex:1;overflow:hidden}.panel-left{background:#f7f8f7;border-right:1px solid var(--border-light);display:flex;flex-direction:column;overflow-y:auto}.panel-center{background:#f2f2f2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.panel-right{background:#f7f8f7;border-left:1px solid var(--border-light);display:flex;flex-direction:column}.p-section{padding:24px}.border-b{border-bottom:1px solid var(--border-light)}.btn-full{width:100%;padding:16px;display:flex;justify-content:space-between;align-items:center}.btn-flex-1{flex:1;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.btn-icon-only{width:40px;display:flex;justify-content:center;align-items:center}.est-card{background:#fff;border:1px solid var(--border-light);padding:16px;margin-bottom:16px}.deploy-footer{grid-column:1 / -1;border-top:1px solid var(--border-light);background:#f7f8f7;padding:24px;display:flex;justify-content:space-between;align-items:center}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc}@media(max-width:1024px){.app-grid{display:flex;flex-direction:column;overflow-y:auto}.panel-left,.panel-right,.panel-center{border:none;border-bottom:1px solid var(--border-light)}.panel-center{min-height:600px}.deploy-footer{flex-direction:column;gap:24px;text-align:center}}@media(max-width:600px){.deploy-header{height:auto;flex-direction:column;gap:12px;padding:16px}.deploy-nav{gap:16px!important;width:100%;justify-content:center}.panel-center{padding:24px 16px;min-height:auto;transform:scale(.9);transform-origin:center top}.yield-card{width:300px;height:480px}.deploy-footer>div{flex-direction:column;width:100%}.deploy-footer .group{width:100%;align-items:center}}.canvas-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--paper)}.canvas-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--ink);flex-shrink:0;background:var(--paper)}.header-left{display:flex;align-items:center;gap:16px}.brand{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;letter-spacing:-.02em}.version-tag{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);padding-left:12px;border-left:1px solid var(--guide)}.tagline{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light)}.header-actions{display:flex;gap:16px}.action-link{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);cursor:pointer;background:none;border:none;text-decoration:none}.action-link:hover{color:var(--ink)}.canvas-workspace{display:grid;grid-template-columns:280px 1fr 320px;flex:1;overflow:hidden}.palette-col{border-right:1px solid var(--ink);overflow-y:auto;background:var(--paper);display:flex;flex-direction:column}.search-bar{padding:16px;border-bottom:1px solid var(--ink)}.search-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--guide);font-family:JetBrains Mono,monospace;font-size:12px;padding:8px 0;color:var(--ink);outline:none}.search-input::placeholder{color:var(--ink-light)}.category-group{margin-bottom:24px}.category-header{padding:12px 16px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-light)}.brick-item{padding:12px 16px;cursor:grab;transition:all .2s;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center}.brick-item:hover{background-color:#eaeaea}.brick-item:active{cursor:grabbing}.brick-name{font-weight:500;font-size:13px}.brick-meta{font-family:JetBrains Mono,monospace;font-size:10px;opacity:.6}.canvas-col{background-color:var(--paper);position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background-image:radial-gradient(var(--guide) 1px,transparent 1px);background-size:20px 20px}.canvas-label{position:absolute;top:16px;left:20px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.stack-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px;position:relative}.stack-connector{position:absolute;left:50%;top:40px;bottom:40px;width:1px;background:var(--ink);transform:translate(-50%);z-index:0;opacity:.2}.empty-canvas{text-align:center;padding:60px 40px;border:2px dashed var(--guide);color:var(--ink-light)}.stack-brick{background:var(--paper);border:1px solid var(--ink);padding:16px;position:relative;z-index:1;transition:all .2s;box-shadow:4px 4px #0000000d;cursor:pointer}.stack-brick:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #0000001a}.stack-brick.empty{background:transparent;border:2px dashed var(--guide);box-shadow:none;opacity:.6;display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--ink-light)}.stack-brick.empty:hover{border-color:var(--ink);opacity:1;transform:none;box-shadow:none}.brick-helper{display:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.08em;margin-top:6px}.stack-brick.drag-over{background:#15803d0d;border-color:#15803d;border-style:solid;opacity:1;transform:scale(1.02)}.brick-header{display:flex;justify-content:space-between;margin-bottom:8px}.brick-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light)}.brick-main{display:flex;justify-content:space-between;align-items:center}.brick-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;letter-spacing:-.02em}.brick-yield{font-family:JetBrains Mono,monospace;font-weight:700}.brick-details{display:flex;gap:8px;margin-top:12px}.brick-tag{font-family:JetBrains Mono,monospace;font-size:9px;padding:2px 6px;border:1px solid var(--guide);text-transform:uppercase}.flow-arrow{text-align:center;color:var(--ink-light);font-size:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:1;background:var(--paper);width:24px;margin:0 auto}.metrics-col{border-left:1px solid var(--ink);overflow-y:auto;display:flex;flex-direction:column;background:var(--paper)}.metric-section{padding:32px 24px;border-bottom:1px solid var(--ink)}.metric-section:last-child{border-bottom:none}.metric-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);display:block}.hero-label{display:flex;justify-content:space-between;align-items:flex-end}.hero-value{font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:500;line-height:1;margin:16px 0;letter-spacing:-2px;color:transparent;-webkit-text-stroke:2px var(--ink)}.rewards-note{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-light);margin-top:-10px}.risk-header{display:flex;justify-content:space-between;align-items:center}.risk-value{font-family:JetBrains Mono,monospace;font-weight:700}.histogram{display:flex;align-items:flex-end;gap:2px;height:60px;margin-top:16px;padding-bottom:8px;border-bottom:1px solid var(--guide)}.bar{flex:1;background:var(--ink);min-width:2px;opacity:.8;transition:height .3s}.bar:nth-child(3n){opacity:.4}.bar:nth-child(5n){opacity:.6}.histogram-labels{display:flex;justify-content:space-between;margin-top:6px}.breakdown-section{flex:1}.breakdown-title{margin-bottom:12px}.data-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--guide);font-size:12px}.data-row:last-child{border-bottom:none}.mono-value{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.mono-value.negative{color:#dc2626}.net-row{font-weight:700;border-top:1px solid var(--ink);margin-top:8px;padding-top:12px}.data-source-note{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);margin-top:12px;padding-top:8px;border-top:1px dashed var(--guide);opacity:.7}.hero-value.negative{-webkit-text-stroke:2px #ef4444}.float-calc{background:#eaeaea;padding:24px;margin-top:auto}.calc-title,.calc-input-group{margin-bottom:16px}.calc-input{width:100%;background:var(--paper);border:1px solid var(--ink);padding:8px;font-family:JetBrains Mono,monospace;font-size:14px;margin-top:4px}.calc-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--guide)}.calc-row.no-border{border-bottom:none}.calc-label{font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.btn-deploy{width:100%;background:var(--ink);color:var(--paper);border:none;padding:12px;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-top:16px;transition:opacity .2s;font-weight:600}.btn-deploy:hover{opacity:.9}@media(max-width:1024px){.canvas-workspace{grid-template-columns:1fr 300px}.palette-col,.tagline{display:none}}@media(max-width:768px){.canvas-layout{height:auto;overflow:auto}.canvas-workspace{display:flex;flex-direction:column}.palette-col{display:none}.canvas-col{min-height:60vh;padding:20px;border-bottom:1px solid var(--ink)}.metrics-col{border-left:none}.stack-container{max-width:100%}.stack-brick{cursor:pointer}.brick-helper{display:block}.hero-value{font-size:48px}}.mobile-drawer-overlay{position:fixed;inset:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;left:0;right:0;bottom:0;max-height:75vh;background:var(--paper);border-top:1px solid var(--ink);box-shadow:0 -12px 24px #00000026;transform:translateY(100%);transition:transform .25s ease;z-index:30;display:flex;flex-direction:column}.mobile-drawer.open{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--guide)}.drawer-title{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.drawer-subtitle{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light);margin-top:4px}.drawer-close{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;background:none;border:1px solid var(--ink);padding:6px 10px;cursor:pointer}.drawer-search{padding:12px 20px;border-bottom:1px solid var(--guide)}.drawer-search input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--guide);padding:8px 0;font-family:JetBrains Mono,monospace;font-size:12px;outline:none}.drawer-list{overflow-y:auto;padding:8px 12px 16px}.drawer-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:12px;margin-bottom:8px;cursor:pointer}.drawer-item:hover{border-color:var(--ink);background:#f2f2f2}.drawer-item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.drawer-item-name{font-weight:600;font-size:14px}.drawer-item-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-light)}.drawer-item-tags{display:flex;gap:8px;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--ink-light);text-transform:uppercase}.drawer-empty{padding:16px;text-align:center;color:var(--ink-light);font-family:JetBrains Mono,monospace;font-size:11px}@media(min-width:769px){.mobile-drawer,.mobile-drawer-overlay,.brick-helper{display:none}}.palette-col::-webkit-scrollbar,.canvas-col::-webkit-scrollbar,.metrics-col::-webkit-scrollbar{width:6px;height:6px}.palette-col::-webkit-scrollbar-track,.canvas-col::-webkit-scrollbar-track,.metrics-col::-webkit-scrollbar-track{background:transparent}.palette-col::-webkit-scrollbar-thumb,.canvas-col::-webkit-scrollbar-thumb,.metrics-col::-webkit-scrollbar-thumb{background:#ccc}.palette-col::-webkit-scrollbar-thumb:hover,.canvas-col::-webkit-scrollbar-thumb:hover,.metrics-col::-webkit-scrollbar-thumb:hover{background:#999}