.logo a{align-items:center;gap:8px;text-decoration:none;display:flex}.logo .by{font:500 12px var(--mono);color:var(--dim);letter-spacing:0;margin-left:2px}.logo .by:hover{color:var(--text)}.sides{grid-template-columns:1fr 1fr;gap:12px;display:grid}.side-card{background:var(--island);box-shadow:var(--shadow);border-radius:26px;flex-direction:column;display:flex;overflow:hidden}.side-card figure{aspect-ratio:16/10;margin:0;position:relative;overflow:hidden}.side-card figure img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.side-card:hover figure img{transform:scale(1.04)}.side-card.in .tagar{opacity:1;transition-delay:.6s;transform:none}.side-card.dark{background:var(--dark);color:#fafafa}.side-card.dark .kicker{color:var(--mint)}.ticks{flex-direction:column;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.ticks li{color:#3a3a3a;align-items:flex-start;gap:12px;font-size:15.5px;display:flex}.side-card.dark .ticks li{color:#b5b5b5}.side-card.dark .ticks b{color:#fafafa}.ticks .lc{color:var(--mint-ink);margin-top:3px}.side-card.dark .ticks .lc{color:var(--mint)}.cms-art{aspect-ratio:16/10;background:#0b0b0b;flex-direction:column;padding:22px;display:flex}.ca-bar{background:#1c1c1c;border-radius:12px 12px 0 0;align-items:center;gap:6px;padding:10px 12px;display:flex}.ca-bar i{background:#3a3a3a;border-radius:50%;width:9px;height:9px}.ca-bar span{font:12px var(--mono);color:#8a8a8a;margin-left:10px}.ca-body{background:#161616;border-radius:0 0 12px 12px;flex:1;grid-template-columns:120px 1fr;gap:10px;padding:12px;display:grid}.ca-side{flex-direction:column;gap:4px;display:flex}.ca-side b{font:500 12px var(--font);color:#8a8a8a;border-radius:8px;padding:7px 9px}.ca-side b.on{color:#0f0f0f;background:#fafafa}.ca-list{flex-direction:column;gap:6px;display:flex}.ca-list div{color:#e5e5e5;opacity:0;transition:.6s var(--ease);background:#1f1f1f;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex;transform:translate(12px)}.ca-list span{border-radius:6px;flex:none;width:18px;height:18px}.ca-list em{color:var(--sun);margin-left:auto;font-style:normal}.side-card.in .ca-list div{opacity:1;transform:none}.side-card.in .ca-list div:nth-child(2){transition-delay:.1s}.side-card.in .ca-list div:nth-child(3){transition-delay:.2s}.side-card.in .ca-list div:nth-child(4){transition-delay:.3s}.side-card.in .ca-list div:nth-child(5){transition-delay:.4s}.import{background:var(--island);box-shadow:var(--shadow);border-radius:30px;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;padding:44px;display:grid}.import .lead{color:#3a3a3a;margin:16px 0 22px}.csv{background:var(--dark);color:#d6d6d6;border-radius:20px;overflow:hidden}.csv-head{font:500 13px var(--mono);color:#a3a3a3;background:#1c1c1c;align-items:center;gap:8px;padding:12px 16px;display:flex}.csv pre{font:12.5px/1.9 var(--mono);white-space:normal;margin:0;padding:18px 16px;overflow-x:auto}.csv pre span{white-space:pre;display:block}.csv .h{color:#6f6f6f}.csv .r{border-radius:6px;margin:0 -6px;padding:0 6px;display:block}.import.in .csv .r{animation:row 3.2s var(--ease) infinite}.import.in .csv .r:nth-child(3){animation-delay:.4s}.import.in .csv .r:nth-child(4){animation-delay:.8s}.import.in .csv .r:nth-child(5){animation-delay:1.2s}@keyframes row{0%,to{background:0 0}12%{color:#fafafa;background:#00ffd022}30%{background:0 0}}.csv-out{border-top:1px solid #262626;flex-wrap:wrap;align-items:center;gap:6px;padding:14px 16px 18px;display:flex}.csv-out .ok{color:var(--mint);font:500 13px var(--mono);align-items:center;gap:6px;margin-right:6px;display:inline-flex}.csv-out .chip{font:500 12px var(--mono);color:#fff;border-radius:99px;padding:4px 10px}.chip.c1{background:#0ea5e9}.chip.c2{background:#f97316}.chip.c3{background:#22c55e}.tune{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tune>div{background:var(--island);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:10px;padding:24px;display:flex}.tune b{font:600 34px/1 var(--display);letter-spacing:-.03em}.tune p{color:var(--dim);margin:0;font-size:14.5px}.tbar{background:var(--well);border-radius:9px;height:6px;overflow:hidden}.tbar i{background:var(--ink);transform-origin:0;height:100%;transition:transform 1.4s var(--ease) .3s;border-radius:9px;display:block;transform:scaleX(0)}.tune>div.in .tbar i{transform:scaleX(1)}.uses.four{grid-template-rows:440px;grid-template-columns:repeat(4,1fr)}.uses.four .use figcaption b{font-size:21px}@media (prefers-reduced-motion:reduce){.ca-list div,.tbar i{opacity:1!important;transition:none!important;transform:none!important}.import.in .csv .r{animation:none}}@media (max-width:1000px){.sides,.import{grid-template-columns:1fr}.uses.four{grid-template-rows:340px 340px;grid-template-columns:1fr 1fr}}@media (max-width:640px){.tune{grid-template-columns:1fr}.uses.four{grid-template-rows:none;grid-template-columns:1fr;grid-auto-rows:320px}.import{padding:24px}.ca-body{grid-template-columns:1fr}.ca-side{display:none}}