@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
.pep-root{--bg:#fafafa;--bg-2:#fff;--panel:#fff;--panel-solid:#fff;--line:#bfdbfe;--line-2:#1e3a8a;--ink:#111827;--ink-2:#6b7280;--ink-3:#6b7280;--ink-4:#111827;--violet:#1e3a8a;--magenta:#1e3a8a;--pink:#172554;--grad:linear-gradient(110deg,#1e3a8a,#172554 55%,#1e3a8a);--on-grad:#fff;--live:#1d4ed8;--beta:#d97706;--danger:#e11d48;--fill:#fff;--fill-2:#bfdbfe;--np:#6b7280;--po:#2563eb;--pos:#1e3a8a;--neg:#c2407e;--sp:#1d4ed8;--radius:18px}.pep-root *{box-sizing:border-box}.pep-root,.pep-root{margin:0;padding:0}.pep-root{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:14px}.pep-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(820px 620px at 100% -8%,#1e3a8a0f,#0000 60%),radial-gradient(720px 620px at -6% 108%,#1725540d,#0000 60%);position:fixed;inset:0}.pep-root .mono{font-family:JetBrains Mono,monospace}.pep-root ::-webkit-scrollbar{width:10px;height:10px}.pep-root ::-webkit-scrollbar-thumb{background:#ffffff14 padding-box padding-box;border:3px solid #0000;border-radius:999px}.pep-root ::-webkit-scrollbar-thumb:hover{background:#ffffff29 padding-box padding-box}.pep-root .shell{z-index:1;max-width:1480px;margin:0 auto;padding:22px 32px 56px;position:relative}.pep-root .topbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:24px;padding:6px 0 18px;display:flex}.pep-root .tb-id{align-items:center;gap:13px;display:flex}.pep-root .tb-ico{background:var(--grad);width:42px;height:42px;color:var(--on-grad);border-radius:12px;place-items:center;font-size:16px;font-weight:700;display:grid;box-shadow:0 8px 24px -8px #e879f999}.pep-root .tb-id h1{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600;line-height:1.1}.pep-root .tb-id .sub{color:var(--ink-3);margin-top:2px;font-size:12.5px}.pep-root .tb-crumb{color:var(--ink-3);letter-spacing:.04em;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:12px}.pep-root .tb-crumb b{color:var(--ink-2);font-weight:500}.pep-root .tb-right{align-items:center;gap:10px;margin-left:auto;display:flex}.pep-root .cluster{color:var(--ink-3);border:1px solid var(--line);background:var(--fill);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.pep-root .cluster .pip{background:var(--live);width:6px;height:6px;box-shadow:0 0 8px var(--live);border-radius:50%}.pep-root .btn-ghost{background:var(--fill);border:1px solid var(--line);height:36px;color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.pep-root .btn-ghost:hover{color:var(--ink);border-color:var(--line-2)}.pep-root .btn-ghost.danger{color:var(--danger);border-color:#fb718540}.pep-root .btn-ghost.danger:hover{background:#fb718514}.pep-root .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);position:relative}.pep-root .panel.glow:after{content:"";border-radius:var(--radius);pointer-events:none;background:radial-gradient(420px 220px at 100% 0,#a78bfa14,#0000 70%);position:absolute;inset:0}.pep-root .p-pad{padding:18px 20px}.pep-root .p-h{align-items:center;gap:10px;margin-bottom:14px;display:flex}.pep-root .p-h h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.pep-root .p-h .p-ico{color:var(--violet);place-items:center;display:grid}.pep-root .p-h .p-meta{color:var(--ink-3);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .sec-cap{color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .legend{flex-wrap:wrap;gap:12px 14px;margin-bottom:14px;display:flex}.pep-root .legend .lg{color:var(--ink-2);align-items:center;gap:7px;font-size:11.5px;display:inline-flex}.pep-root .legend .lg i{border-radius:50%;width:9px;height:9px;display:inline-block}.pep-root .lg.np i{background:var(--np)}.pep-root .lg.po i{background:var(--po)}.pep-root .lg.pos i{background:var(--pos)}.pep-root .lg.neg i{background:var(--neg)}.pep-root .lg.sp i{background:var(--sp)}.pep-root .aa-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.pep-root .aa{aspect-ratio:1;border:1px solid var(--line);background:var(--fill);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.pep-root .aa:hover{background:var(--fill-2);border-color:color-mix(in oklab,var(--cc)48%,transparent);box-shadow:0 8px 18px -12px color-mix(in oklab,var(--cc)70%,transparent);transform:translateY(-2px)}.pep-root .aa .c1{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:17px;font-weight:600;line-height:1;transition:color .15s}.pep-root .aa:hover .c1{color:var(--cc)}.pep-root .aa .c3{color:var(--ink-3);margin-top:4px;font-size:10px}.pep-root .aa.np{--cc:var(--np)}.pep-root .aa.po{--cc:var(--po)}.pep-root .aa.pos{--cc:var(--pos)}.pep-root .aa.neg{--cc:var(--neg)}.pep-root .aa.sp{--cc:var(--sp)}.pep-root .si-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.pep-root .si-head h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.pep-root .si-tab{background:var(--fill);border:1px solid var(--line);color:var(--ink-3);cursor:pointer;border-radius:999px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .si-tab.on{color:var(--po);background:#2dd4bf1f;border-color:#2dd4bf4d}.pep-root .si-count{color:var(--ink-3);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .si-area{resize:none;border:1px solid var(--line);width:100%;min-height:74px;color:var(--ink);letter-spacing:.04em;background:#0000004d;border-radius:12px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.6}.pep-root .si-area::placeholder{color:var(--ink-4)}.pep-root .si-area:focus{border-color:#a78bfa66;outline:none;box-shadow:0 0 0 3px #a78bfa1a}.pep-root .si-row{align-items:center;gap:8px;margin-top:10px;display:flex}.pep-root .si-load{height:32px;color:var(--violet);cursor:pointer;background:#a78bfa29;border:1px solid #a78bfa4d;border-radius:9px;padding:0 14px;font-size:12px;font-weight:600}.pep-root .si-load:hover{background:#a78bfa3d}.pep-root .si-sel{background:var(--panel-solid);border:1px solid var(--line);height:32px;color:var(--ink-2);cursor:pointer;border-radius:9px;margin-left:auto;padding:0 12px;font-family:inherit;font-size:12px}.pep-root .si-hint{color:var(--ink-4);letter-spacing:.02em;margin:9px 0 0;font-family:JetBrains Mono,monospace;font-size:10.5px}.pep-root .canvas{border:1.5px dashed var(--line-2);scroll-behavior:smooth;background:#0000002e;border-radius:14px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:7px;min-height:96px;max-height:188px;padding:16px;display:flex;overflow-y:auto}.pep-root .canvas.empty{color:var(--ink-3);justify-content:center;font-size:13px}.pep-root .res{border:1px solid var(--line);background:var(--fill);cursor:grab;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:60px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:visible}.pep-root .res:hover{background:var(--fill-2);border-color:color-mix(in oklab,var(--cc)45%,transparent)}.pep-root .res .c1{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:600;line-height:1}.pep-root .res .c3{color:var(--ink-3);margin-top:3px;font-size:9px}.pep-root .res .idx{color:var(--ink-4);font-family:JetBrains Mono,monospace;font-size:8px;position:absolute;top:3px;left:5px}.pep-root .res:after{content:"";background:var(--cc);opacity:.65;height:2.5px;position:absolute;bottom:0;left:0;right:0}.pep-root .res.np{--cc:var(--np)}.pep-root .res.po{--cc:var(--po)}.pep-root .res.pos{--cc:var(--pos)}.pep-root .res.neg{--cc:var(--neg)}.pep-root .res.sp{--cc:var(--sp)}.pep-root .res-add{border:1.5px dashed var(--line-2);width:46px;height:60px;color:var(--ink-4);border-radius:10px;flex-shrink:0;place-items:center;font-size:20px;display:grid}.pep-root .out-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.pep-root .out-head h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.pep-root .out-act{gap:14px;margin-left:auto;display:flex}.pep-root .out-act a{cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none}.pep-root .out-act .copy{color:var(--po)}.pep-root .out-act .fasta{color:var(--sp)}.pep-root .out-seq{letter-spacing:.14em;color:var(--ink);word-break:break-all;font-family:JetBrains Mono,monospace;font-size:15px;line-height:1.7}.pep-root .out-seq .fa{color:var(--ink-3)}.pep-root .sqf{background:var(--grad);width:100%;height:54px;color:var(--on-grad);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 14px 34px -12px #e879f999}.pep-root .sqf:hover{transform:translateY(-1px);box-shadow:0 18px 40px -12px #e879f9b3}.pep-root .sqf .qi{background:#18091e2e;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.pep-root .sqf-note{color:var(--beta);justify-content:center;align-items:center;gap:8px;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.pep-root .viewer{flex-direction:column;display:flex;overflow:hidden}.pep-root .vw-head{align-items:flex-start;gap:12px;padding:16px 18px 10px;display:flex}.pep-root .vw-head h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0;font-size:12px;font-weight:600}.pep-root .vw-head .vw-sub{color:var(--ink-3);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .vw-tools{gap:5px;margin-left:auto;display:flex}.pep-root .vw-tools button{background:var(--fill);border:1px solid var(--line);width:28px;height:28px;color:var(--ink-2);cursor:pointer;border-radius:8px;place-items:center;transition:color .15s,border-color .15s;display:grid}.pep-root .vw-tools button:hover{color:var(--ink);border-color:var(--line-2)}.pep-root .vw-source{border:1px solid var(--line);border-radius:10px;margin:0 18px;display:inline-flex;overflow:hidden}.pep-root .vw-source button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:7px 14px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;display:flex}.pep-root .vw-source button.on{color:var(--violet);background:#a78bfa29}.pep-root .vw-source button.ai.on{color:var(--magenta);background:#e879f929}.pep-root .vw-source .need{color:var(--ink-4);align-self:center;margin-left:10px;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .pillbar{flex-wrap:wrap;align-items:center;gap:6px;padding:10px 18px 4px;display:flex}.pep-root .pillbar .sep{background:var(--line);width:1px;height:16px;margin:0 4px}.pep-root .pill{background:var(--fill);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pep-root .pill:hover{border-color:var(--line-2);color:var(--ink)}.pep-root .pill.on{color:var(--violet);background:#a78bfa29;border-color:#a78bfa52}.pep-root .vw-stage{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;min-height:300px;margin:12px 18px;position:relative;overflow:hidden}.pep-root .vw-stage .ribbon{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.pep-root .vw-stage .stage-tag{color:var(--ink-3);letter-spacing:.1em;align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex;position:absolute;bottom:12px;left:14px}.pep-root .vw-stage .stage-tag .pip{background:var(--magenta);width:6px;height:6px;box-shadow:0 0 8px var(--magenta);border-radius:50%}.pep-root .vw-stage .hover-chip{border:1px solid var(--line);color:var(--ink-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border-radius:999px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.pep-root .ss-box{border:1px solid var(--line);background:#ffffff04;border-radius:12px;margin:0 18px 14px;padding:14px 16px}.pep-root .ss-box .ss-t{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.pep-root .ss-grid{grid-template-columns:1fr 1fr;gap:10px 26px;display:grid}.pep-root .ss-row{align-items:center;gap:12px;display:flex}.pep-root .ss-row .bar{background:var(--fill);border-radius:999px;flex:1;height:7px;overflow:hidden}.pep-root .ss-row .bar i{border-radius:999px;height:100%;display:block}.pep-root .ss-row .bar i.h{background:var(--magenta)}.pep-root .ss-row .bar i.s{background:var(--beta)}.pep-root .ss-row .bar i.c{background:var(--ink-3)}.pep-root .ss-row .lab{color:var(--ink-2);white-space:nowrap;text-align:right;min-width:84px;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .ss-row .rama{color:var(--ink-2);font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .ss-row .rama a{color:var(--violet);text-decoration:none}.pep-root .vw-foot{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 18px;display:flex}.pep-root .vw-foot .leg{flex-wrap:wrap;gap:14px;display:flex}.pep-root .vw-foot .leg span{color:var(--ink-3);align-items:center;gap:6px;font-size:11px;display:inline-flex}.pep-root .vw-foot .leg i{border-radius:50%;width:8px;height:8px;display:inline-block}.pep-root .vw-foot .exp{gap:6px;margin-left:auto;display:flex}.pep-root .vw-foot .exp button{background:var(--fill);border:1px solid var(--line);color:var(--ink-3);cursor:pointer;border-radius:8px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .vw-foot .exp button:hover{color:var(--ink);border-color:var(--line-2)}.pep-root .prop-sec{border-bottom:1px solid var(--line)}.pep-root .prop-sec:last-child{border-bottom:0}.pep-root .prop-h{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);cursor:pointer;align-items:center;gap:9px;padding:11px 2px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;display:flex}.pep-root .prop-h .chev{color:var(--ink-4);margin-left:auto;transition:transform .2s}.pep-root .prop-h .pi{color:var(--violet);place-items:center;display:grid}.pep-root .prop-row{justify-content:space-between;align-items:center;padding:6px 2px;display:flex}.pep-root .prop-row .k{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.pep-root .prop-row .info{background:var(--fill-2);width:14px;height:14px;color:var(--ink-3);cursor:help;border-radius:50%;place-items:center;font-size:9px;font-style:normal;display:inline-grid}.pep-root .prop-row .v{color:var(--ink);align-items:center;gap:7px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;display:inline-flex}.pep-root .prop-row .v .u{color:var(--ink-3);font-size:11px;font-weight:400}.pep-root .badge{border-radius:999px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.pep-root .badge.ok{color:var(--sp);background:#4ade8024}.pep-root .badge.bad{color:var(--danger);background:#fb718524}.pep-root .prop-body{padding-bottom:8px}.pep-root .org-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.pep-root .org{background:var(--fill);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:11px 6px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.pep-root .org .em{font-size:18px;line-height:1}.pep-root .org:hover{border-color:var(--line-2);color:var(--ink)}.pep-root .org.on{color:var(--violet);background:#a78bfa24;border-color:#a78bfa57;box-shadow:0 8px 20px -12px #a78bfa80}.pep-root .opt-btn{background:var(--grad);width:100%;height:42px;color:var(--on-grad);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;box-shadow:0 12px 28px -12px #e879f98c}.pep-root .opt-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.pep-root .opt-stat{text-align:center;background:var(--fill);border:1px solid var(--line);border-radius:10px;padding:10px 6px}.pep-root .opt-stat .k{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:9px}.pep-root .opt-stat .v{color:var(--ink);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600}.pep-root .opt-stat .v .u{color:var(--ink-3);font-size:10px}.pep-root .dna-box{border:1px solid var(--line);background:#0000004d;border-radius:12px;margin-top:10px;padding:12px 14px}.pep-root .dna-box .dh{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pep-root .dna-box .dh h4{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .dna-box .dh a{color:var(--po);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;text-decoration:none}.pep-root .dna-seq{color:var(--sp);letter-spacing:.1em;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.8}.pep-root .codon-map{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.pep-root .codon{background:var(--fill);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;padding:5px 7px;display:flex}.pep-root .codon .aa{all:unset;color:var(--violet);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.pep-root .codon .nt{color:var(--sp);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .variant{justify-content:space-between;align-items:center;gap:12px;display:flex}.pep-root .variant .vt{color:var(--ink);font-size:13px;font-weight:600}.pep-root .variant .vt .vs{color:var(--ink-3);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400;display:block}.pep-root .variant .save{height:34px;color:var(--po);cursor:pointer;background:#2dd4bf1f;border:1px solid #2dd4bf4d;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.pep-root .tabbar{background:var(--fill);border:1px solid var(--line);border-radius:14px;gap:4px;margin-bottom:16px;padding:6px;display:flex}.pep-root .tabbar button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:color .15s,background .15s;display:flex}.pep-root .tabbar button:hover{color:var(--ink-2)}.pep-root .tabbar button.on{background:var(--grad);color:var(--on-grad);box-shadow:0 8px 20px -12px #e879f999}.pep-root .tabpane{display:none}.pep-root .tabpane.on{display:block}.pep-root .seqbar{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:18px;padding:13px 18px;display:flex}.pep-root .seqbar .sb-lab{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .seqbar .chips{flex-wrap:wrap;gap:5px;display:flex}.pep-root .seqbar .mchip{border:1px solid var(--line);background:var(--fill);width:30px;height:34px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;display:flex;position:relative;overflow:hidden}.pep-root .seqbar .mchip:after{content:"";background:var(--cc);opacity:.65;height:2px;position:absolute;bottom:0;left:0;right:0}.pep-root .seqbar .mchip.np{--cc:var(--np)}.pep-root .seqbar .mchip.po{--cc:var(--po)}.pep-root .seqbar .mchip.pos{--cc:var(--pos)}.pep-root .seqbar .mchip.neg{--cc:var(--neg)}.pep-root .seqbar .mchip.sp{--cc:var(--sp)}.pep-root .seqbar .meta{gap:24px;margin-left:auto;display:flex}.pep-root .seqbar .meta div{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .seqbar .meta b{color:var(--ink);letter-spacing:-.01em;text-transform:none;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;display:block}.pep-root .seqbar .meta b .u{color:var(--ink-3);font-size:11px}.pep-root .worktabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:20px;display:flex}.pep-root .worktabs button{color:var(--ink-3);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:13px 20px;font-size:14px;font-weight:600;transition:color .15s;display:flex;position:relative}.pep-root .worktabs button .n{color:var(--ink-4);font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .worktabs button:hover{color:var(--ink-2)}.pep-root .worktabs button.on{color:var(--ink)}.pep-root .worktabs button.on .n{color:var(--violet)}.pep-root .worktabs button.on:after{content:"";background:var(--grad);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.pep-root .workpane{display:none}.pep-root .workpane.on{animation:.2s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.pep-root .sidenav{flex-direction:column;gap:3px;display:flex;position:sticky;top:20px}.pep-root .sidenav .nlbl{color:var(--ink-4);letter-spacing:.16em;text-transform:uppercase;margin:14px 0 6px;padding:0 14px;font-family:JetBrains Mono,monospace;font-size:9px}.pep-root .sidenav button{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}.pep-root .sidenav button .ic{background:var(--fill);border:1px solid var(--line);width:30px;height:30px;color:var(--ink-3);border-radius:9px;flex-shrink:0;place-items:center;transition:all .15s;display:grid}.pep-root .sidenav button .sc{color:var(--ink-4);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .sidenav button:hover{color:var(--ink);background:var(--fill)}.pep-root .sidenav button.on{background:var(--fill-2);border-color:var(--line);color:var(--ink)}.pep-root .sidenav button.on .ic{color:var(--violet);background:#a78bfa1a;border-color:#a78bfa4d}.pep-root .sidenav button.on .sc{color:var(--violet)}.pep-root .stack{flex-direction:column;gap:16px;display:flex}.pep-root .muted{color:var(--ink-3)}.pep-root .lay4 .main{grid-template-columns:388px minmax(0,1fr);align-items:start;gap:16px;display:grid}.pep-root .lay4 .col{flex-direction:column;gap:16px;display:flex}.pep-root .lay4 .viewer{min-height:520px}.pep-root .lay4 .vw-stage{min-height:360px}.pep-root .rd-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;min-height:400px;padding:22px;display:flex;position:relative}.pep-root .rd-empty{text-align:center;color:var(--ink-3);justify-content:center;align-items:center}.pep-root .rd-empty-ico{background:var(--fill);opacity:.5;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:14px;font-size:24px;display:grid}.pep-root .rd-badge{background:var(--panel-solid);letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 14px;font-size:10.5px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pep-root .rd-title{text-align:center;letter-spacing:.06em;text-transform:uppercase;margin:8px 0 6px;font-size:26px;font-weight:700}.pep-root .rd-codes{color:var(--ink-2);justify-content:center;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.pep-root .rd-code{background:var(--fill);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.pep-root .rd-rule{background:linear-gradient(to right,transparent,var(--line-2),transparent);width:100%;height:1px;margin:18px 0}.pep-root .rd-struct{border:2px solid var(--line);background:var(--fill);border-radius:50%;place-items:center;width:118px;height:118px;margin:0 auto 18px;display:grid;position:relative;overflow:hidden}.pep-root .rd-struct b{opacity:.28;filter:blur(1px);font-size:46px;font-weight:700}.pep-root .rd-struct span{letter-spacing:.2em;color:var(--ink-4);font-family:JetBrains Mono,monospace;font-size:10px;position:absolute}.pep-root .rd-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.pep-root .rd-cell{background:var(--fill);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.pep-root .rd-cell.wide{grid-column:1/-1}.pep-root .rd-cell .k{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:3px;font-size:10px}.pep-root .rd-cell .v{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:14px}.pep-root .rd-bar{background:var(--fill-2);border-radius:999px;height:6px;margin-top:8px;position:relative;overflow:hidden}.pep-root .rd-bar-zero{background:var(--line-2);z-index:1;width:1px;position:absolute;top:0;bottom:0;left:50%}.pep-root .rd-bar-fill{opacity:.85;border-radius:999px;position:absolute;top:0;bottom:0}.pep-root .rd-bar-cap{color:var(--ink-4);justify-content:space-between;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9.5px;display:flex}.pep-root .rd-help{background:var(--fill-2);width:13px;height:13px;color:var(--ink-3);cursor:help;border-radius:50%;place-items:center;font-size:9px;display:inline-grid}.pep-root .rd-traits{margin-top:auto}.pep-root .rd-traits h4{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:10px}.pep-root .rd-trait{border:1px solid var(--line);background:var(--fill);color:var(--ink-2);border-radius:8px;margin:0 6px 6px 0;padding:4px 9px;font-size:11px;display:inline-block}.pep-root .rd-tip{background:var(--panel-solid);border:1px solid var(--line-2);width:190px;color:var(--ink-2);z-index:50;border-radius:10px;margin-bottom:8px;padding:8px 10px;font-size:11px;line-height:1.5;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 14px 36px -16px #0009}.pep-root .var{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.pep-root .var-head{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pep-root .var-head:hover{background:var(--fill)}.pep-root .var-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.pep-root .var-count{background:var(--fill-2);color:var(--ink-3);border-radius:5px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .var-chev{color:var(--ink-3);font-size:10px;transition:transform .2s}.pep-root .var-chev.on{transform:rotate(90deg)}.pep-root .var-add{color:var(--po);cursor:pointer;background:#67c5d624;border:1px solid #67c5d64d;border-radius:9px;padding:5px 11px;font-size:11.5px}.pep-root .var-add:disabled{opacity:.35;cursor:not-allowed}.pep-root .var-body{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:10px 12px 12px;display:flex}.pep-root .var-table{border-collapse:collapse;width:100%;font-size:12px}.pep-root .var-table th{text-align:left;padding:6px 8px}.pep-root .var-table td{border-top:1px solid var(--line);padding:6px 8px}.pep-root .var-parent{border-bottom:2px solid var(--beta)!important}.pep-root .var-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--beta);font-size:9px;font-weight:700}.pep-root .var-seq{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-family:JetBrains Mono,monospace;font-size:10px;overflow:hidden}.pep-root .var-del{color:var(--ink-4);cursor:pointer;background:0 0;border:0;font-size:13px}.pep-root .var-del:hover{color:var(--danger)}.pep-root .var-v{color:var(--ink);font-family:JetBrains Mono,monospace}.pep-root .var-d{font-family:JetBrains Mono,monospace;font-size:10px}.pep-root .var-d.up{color:var(--live)}.pep-root .var-d.down{color:var(--danger)}.pep-root .var-d.flat{color:var(--ink-3)}.pep-root .var-ctl{flex-wrap:wrap;gap:8px;display:flex}.pep-root .var-btn{border:1px solid var(--line);background:var(--fill);color:var(--ink-2);cursor:pointer;border-radius:9px;padding:5px 11px;font-size:11.5px}.pep-root .var-btn.on{color:var(--violet);background:#a78bfa2e;border-color:#a78bfa66}.pep-root .var-btn.csv{color:var(--live);background:#4ade801f;border-color:#4ade804d}.pep-root .var-btn.lit{width:100%;color:var(--violet);background:#a78bfa1f;border-color:#a78bfa47;padding:9px}.pep-root .var-lit-out{color:var(--ink-2);white-space:pre-wrap;background:#a78bfa0f;border:1px solid #a78bfa29;border-radius:10px;margin-top:8px;padding:10px;font-size:12px;line-height:1.6}.pep-root .var-rama-empty{background:var(--fill);border:1px solid var(--line);height:64px;color:var(--ink-3);text-align:center;border-radius:10px;place-items:center;padding:0 16px;font-size:11.5px;display:grid}.pep-root .var-scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.pep-root .var-modal{background:var(--panel-solid);border:1px solid var(--line-2);border-radius:14px;width:280px;padding:18px}.pep-root .var-modal input{background:var(--fill);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:9px;margin:10px 0 14px;padding:9px 11px;font-family:JetBrains Mono,monospace;font-size:13px}.pep-root .drawer-scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;position:fixed;inset:0}.pep-root .drawer{z-index:50;background:var(--panel-solid);border-left:1px solid var(--line-2);flex-direction:column;width:340px;max-width:92vw;height:100%;display:flex;position:fixed;top:0;right:0;box-shadow:-30px 0 60px -30px #000000b3}.pep-root .drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.pep-root .drawer-head h2{color:var(--ink);letter-spacing:.02em;margin:0;font-size:13.5px;font-weight:600}.pep-root .drawer-x{background:var(--fill);width:28px;height:28px;color:var(--ink-3);cursor:pointer;border:0;border-radius:8px}.pep-root .drawer-x:hover{color:var(--ink);background:var(--fill-2)}.pep-root .drawer-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.pep-root .drawer-msg{text-align:center;color:var(--ink-3);padding-top:28px;font-size:12px}.pep-root .drw-item{border:1px solid var(--line);background:var(--fill);border-radius:12px;padding:12px}.pep-root .drw-item:hover{border-color:var(--line-2)}.pep-root .drw-seq{color:var(--ink);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden}.pep-root .drw-meta{color:var(--ink-3);margin-top:3px;font-size:10px}.pep-root .drw-acts{gap:6px;margin-top:8px;display:flex}.pep-root .drw-restore{color:var(--po);cursor:pointer;background:#67c5d61f;border:1px solid #67c5d642;border-radius:7px;padding:4px 9px;font-size:10.5px}.pep-root .drw-del{background:var(--fill-2);width:24px;height:24px;color:var(--ink-4);cursor:pointer;border:0;border-radius:7px}.pep-root .drw-del:hover{color:var(--danger)}.pep-root .drawer-foot{border-top:1px solid var(--line);color:var(--ink-4);text-align:center;padding:12px 18px;font-size:10px}.pep-root .rama-wrap{background:var(--fill);border:1px solid var(--line);border-radius:12px;padding:8px}.pep-root .ai-load{margin:0 0 12px}.pep-root .ai-load .top{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pep-root .spin{border:2px solid var(--fill-2);border-top-color:var(--violet);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite pepspin}@keyframes pepspin{to{transform:rotate(360deg)}}.pep-root .ai-bar{background:var(--fill);border-radius:999px;height:6px;overflow:hidden}.pep-root .ai-bar i{background:var(--grad);height:100%;transition:width .4s;display:block}.pep-root .src-ind{border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:12px;display:flex}.pep-root .src-ind.local{background:var(--fill);border:1px solid var(--line);color:var(--ink-2)}.pep-root .src-ind.ai{color:var(--po);background:#60a5fa1a;border:1px solid #60a5fa38}.pep-root .ai-err{color:var(--danger);background:#fb71851a;border:1px solid #fb718538;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:12px}.pep-root .canvas.over{background:#a78bfa14;border-color:#a78bfa80;box-shadow:inset 0 0 24px #a78bfa14}.pep-root .res{cursor:grab}.pep-root .res:active{cursor:grabbing}.pep-root .res.hovered{outline:2px solid var(--po);outline-offset:1px;z-index:5;box-shadow:0 0 16px -2px var(--po);transform:scale(1.08)}.pep-root .res.selected{outline:2px solid var(--beta);outline-offset:1px;box-shadow:0 0 16px -2px var(--beta)}.pep-root .res-x{background:var(--danger);color:#fff;opacity:0;cursor:pointer;border:0;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:-6px;right:-6px}.pep-root .res:hover .res-x{opacity:1}.pep-root .si-search{gap:8px;display:flex}.pep-root .si-search input{background:var(--fill);border:1px solid var(--line);height:38px;color:var(--ink);border-radius:10px;flex:1;padding:0 12px;font-family:JetBrains Mono,monospace;font-size:13px}.pep-root .si-search input::placeholder{color:var(--ink-4)}.pep-root .si-search input:focus{border-color:var(--po);outline:none;box-shadow:0 0 0 3px #67c5d624}.pep-root .si-search button{height:38px;color:var(--po);cursor:pointer;background:#67c5d624;border:1px solid #67c5d64d;border-radius:10px;padding:0 14px;font-size:12px;font-weight:600}.pep-root .si-search button:disabled{opacity:.4;cursor:not-allowed}.pep-root .si-dd{z-index:50;border:1px solid var(--line-2);background:var(--panel-solid);border-radius:12px;margin-top:8px;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 18px 44px -20px #0000008c}.pep-root .si-dd .row{cursor:pointer;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.pep-root .si-dd .row:last-child{border-bottom:0}.pep-root .si-dd .row:hover{background:var(--fill)}.pep-root .si-dd .nm{color:var(--ink);font-size:13px;font-weight:500}.pep-root .si-dd .org{color:var(--ink-3);font-size:11px}.pep-root .si-dd .ln{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .si-dd .empty{text-align:center;color:var(--ink-3);padding:16px;font-size:12.5px}.pep-root .toast{border-radius:9px;margin-top:10px;padding:8px 12px;font-size:12px}.pep-root .toast.success{color:var(--live);background:#4ade801a;border:1px solid #4ade8047}.pep-root .toast.error{color:var(--danger);background:#fb71851a;border:1px solid #fb718547}.pep-root .codon-cell{background:var(--fill);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;padding:4px 7px;display:flex}.pep-root .codon-cell .aa{color:var(--violet);font-size:11px;font-weight:700}.pep-root .codon-cell .cd{color:var(--sp);font-family:JetBrains Mono,monospace;font-size:11px}.pep-root .vw-h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:0;font-size:11.5px;font-weight:600}.pep-root .vw-tools button.on{color:var(--violet);background:#a78bfa2e;border-color:#a78bfa66}.pep-root .pill:disabled{opacity:.4;cursor:not-allowed}.pep-root .ai-bar>div{background:var(--grad);height:100%;transition:width .5s}.pep-root .src-ind{flex-direction:column;align-items:flex-start;gap:2px}.pep-root .ai-err-btn{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.pep-root .vw-leg{color:var(--ink-3);align-items:center;gap:5px;font-size:11px;display:inline-flex}.pep-root .ss-track{background:var(--fill);border:1px solid var(--line);border-radius:999px;flex:1;height:8px;display:flex;overflow:hidden}.pep-root .ss-link{color:var(--po);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.pep-root .vw-muted{color:var(--ink-3);font-size:11px}.pep-root .vw-rmodal{border-radius:var(--radius);background:var(--panel-solid);border:1px solid var(--line-2);pointer-events:auto;flex-direction:column;width:100%;max-width:42rem;padding:22px;display:flex;position:relative;box-shadow:0 30px 70px -30px #000000b3}.pep-root .vw-rmodal-h{color:var(--ink);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.pep-root .rama-stage{background:var(--fill);border:1px solid var(--line);border-radius:14px;width:100%;height:400px;padding:16px;position:relative}.pep-root .rama-run{background:var(--violet);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:8px;padding:8px 16px;font-size:12px}.pep-root .rama-run:disabled{opacity:.5;cursor:not-allowed}.pep-root .rama-x{background:var(--fill);width:32px;height:32px;color:var(--ink-3);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid}.pep-root .rama-x:hover{color:var(--ink);background:var(--fill-2)}.pep-root .rama-legend{color:var(--ink-3);justify-content:center;gap:16px;margin-top:14px;font-size:11px;display:flex}.pep-root .vw-stage{border:1px solid var(--line);background:#fff;border-radius:14px;flex:none;height:440px;min-height:440px;position:relative;overflow:hidden}.pep-root .vw-rama-inline{z-index:15;background:var(--panel-solid);flex-direction:column;display:flex;position:absolute;inset:0}.pep-root .vw-rama-bar{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.pep-root .vw-rama-body{flex:1;padding:10px 14px;overflow:auto}.pep-root .vw-rama-msg{text-align:center;height:100%;color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:13px;line-height:1.55;display:flex}.pep-root .pep-subtabs{background:#fff;border:1px solid #dbeafe;border-radius:10px;gap:4px;margin-bottom:12px;padding:4px;display:flex;box-shadow:0 1px 3px #1e3a8a0a}.pep-root .pep-subtabs button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.pep-root .pep-subtabs button:hover:not(:disabled){color:#111827}.pep-root .pep-subtabs button.on{color:#fff;background:#1e3a8a;font-weight:600;box-shadow:0 1px 3px #1e3a8a26}.pep-root .pep-subtabs button:disabled{opacity:.45;cursor:not-allowed}.pep-root .pep-empty{text-align:center;color:#9ca3af;background:#eff6ff;border:1px dashed #bfdbfe;border-radius:10px;padding:24px 16px;font-size:12.5px}.pep-root .pep-analysis-head{border-bottom:1px solid #dbeafe;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.pep-root .pep-analysis-head h3{color:#111827;letter-spacing:-.01em;margin:0 0 3px;font-size:14px;font-weight:700}.pep-root .pep-analysis-head p{color:#6b7280;margin:0;font-size:11.5px}.pep-root .pep-analysis-count{color:#9ca3af;background:#eff6ff;border:1px solid #dbeafe;border-radius:5px;flex-shrink:0;padding:3px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px}.pep-root .pep-analysis-subtabs{border-bottom:1px solid #dbeafe;gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.pep-root .pep-analysis-subtabs button{color:#9ca3af;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 13px;font-family:inherit;font-size:11px;font-weight:700;transition:color .12s,border-color .12s;display:flex}.pep-root .pep-analysis-subtabs button:hover{color:#111827}.pep-root .pep-analysis-subtabs button.on{color:#1e3a8a;border-bottom-color:#1e3a8a}.pep-root .pep-analysis-subtabs .dsc{text-transform:none;letter-spacing:0;color:#9ca3af;font-size:9.5px;font-weight:500}.pep-root .pep-analysis-subtabs button.on .dsc{color:#6b7280}.pep-root .pep-analysis-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (max-width:1100px){.pep-root .pep-analysis-grid{grid-template-columns:1fr}}.pep-root .pep-loading{color:#172554;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:11.5px;font-weight:500;display:inline-flex}.pep-root .pep-loading .dot{background:#1e3a8a;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pep-pulse}@keyframes pep-pulse{0%,to{opacity:1}50%{opacity:.35}}.pep-root .pep-resolved{color:#6b7280;background:#fff;border:1px solid #dbeafe;border-radius:8px;padding:10px 12px;font-size:11.5px;line-height:1.5}.pep-root .pep-resolved strong{color:#172554;font-weight:700}.pep-root .pep-bio-card{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border:1px solid #bfdbfe;border-radius:12px;padding:20px}.pep-root .pep-bio-card h3{color:#111827;letter-spacing:-.01em;margin:0 0 6px;font-size:15px;font-weight:700}.pep-root .pep-bio-card p{color:#6b7280;margin:0 0 14px;font-size:12.5px;line-height:1.55}.pep-root .pep-bio-btn{color:#fff;cursor:pointer;background:#1e3a8a;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .12s;display:inline-flex;box-shadow:0 3px 10px #1e3a8a2e}.pep-root .pep-bio-btn:hover:not(:disabled){background:#172554}.pep-root .pep-bio-btn:disabled{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#dbeafe}.pep-root .pep-bio-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}@media (max-width:780px){.pep-root .pep-bio-tiles{grid-template-columns:1fr}}.pep-root .pep-bio-tiles .tile{background:#fff;border:1px solid #dbeafe;border-radius:8px;padding:11px 12px}.pep-root .pep-bio-tiles .tile .ic{margin-bottom:4px;font-size:16px;line-height:1}.pep-root .pep-bio-tiles .tile h4{color:#111827;margin:0 0 3px;font-size:11.5px;font-weight:700}.pep-root .pep-bio-tiles .tile p{color:#9ca3af;margin:0;font-size:10.5px;line-height:1.45}.pep-root .pep-bio-note{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:7px;margin-top:12px;padding:8px 12px;font-size:11.5px;font-weight:500}
