:root{color-scheme:dark;--bg:#0a0d13;--sidebar:#10141c;--panel:#151a24;--line:#2b313d;--text:#f0f1f7;--muted:#9aa2b0;--dim:#677183;--accent:#b8a6ff;--mint:#a4e7d5;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}
.app{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;position:sticky;top:0;height:100vh;background:#10141b;border-right:1px solid #282d39;display:flex;flex-direction:column;padding:29px 17px 20px;z-index:15;overflow:auto;scrollbar-width:thin}.brand{display:flex;align-items:center;gap:10px;margin:0 10px 37px}.mark{width:37px;height:37px;background:linear-gradient(145deg,#c9bbff,#8074cb);border-radius:11px;display:grid;place-items:center;transform:rotate(-7deg);box-shadow:0 6px 28px #a68cff20}.mark span{font-weight:1000;font-size:24px;color:#242037;transform:rotate(7deg);letter-spacing:-.12em;padding-right:3px}.brand-txt strong{display:block;font-weight:900;letter-spacing:.13em;font-size:17px}.dot{color:var(--accent)}.brand-txt small{display:block;letter-spacing:.19em;font-size:9px;font-weight:800;color:#8e95a6;margin-top:4px}.workspace{display:flex;align-items:center;gap:10px;background:#1c212c;border:1px solid #34394a;padding:10px;border-radius:10px;margin-bottom:35px}.wk-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#383550;color:#c3aeff;font-size:20px}.workspace strong{font-size:11px;font-weight:800;display:block}.workspace small{font-size:9px;color:#8e96a4;display:block;margin-top:4px}.caret{margin-left:auto;color:#818899}.nav-label{color:#798394;letter-spacing:.14em;font-weight:900;font-size:9px;margin:0 12px 11px}.nav{display:grid;gap:4px}.nav button,.source-link{background:none;border:1px solid transparent;color:#a3aab9;display:flex;align-items:center;text-align:left;gap:11px;width:100%;padding:13px 12px;border-radius:9px;font-size:11px;font-weight:750;transition:.15s}.nav button:hover,.source-link:hover,.repo-nav button:hover{background:#252939;color:#eeeaff}.nav button.selected{border-color:#514765;background:#302b42;color:#e6dcff}.nav-glyph{display:grid;place-items:center;width:19px;color:#aaa0d2;font-size:21px;line-height:12px}.nav-counter{margin-left:auto;color:#898d9e;font-size:10px}.repo-nav{display:grid;gap:4px}.repo-nav button{display:flex;align-items:center;gap:11px;text-align:left;background:none;border:0;padding:9px 12px;border-radius:8px;color:#9aa2b1;font-size:11px}.repo-nav button.selected{background:#26293a;color:#e4d9ff}.repo-mark{height:9px;width:9px;flex:0 0 9px;border-radius:3px;background:var(--accent)}.repo-nav small{margin-left:auto;color:#7d8493}.sidebar-foot{margin-top:auto;padding-top:25px}.online{color:#97a2b2;font-size:9px;letter-spacing:.11em;font-weight:800;border-top:1px solid var(--line);padding:23px 10px 9px;display:flex;align-items:center;gap:8px}.online i,.verified i,.intro-bottom i{width:7px;height:7px;border-radius:50%;background:#a7e8ce;box-shadow:0 0 11px #82e4bd88}.online span{margin-left:auto;color:#757b8b}.source-link{font-size:10px;gap:8px;padding:12px 9px}.source-link span:last-child{margin-left:auto;color:#beadff}.main{flex:1;min-width:0}.topbar{height:76px;padding:0 clamp(22px,4.6vw,72px);border-bottom:1px solid #232934;display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-right{display:flex;align-items:center;gap:19px}.breadcrumb{font-size:10px;font-weight:800;letter-spacing:.1em;color:#737d90;text-transform:uppercase}.breadcrumb b{color:#454958;padding:0 10px}.breadcrumb span{color:#bdc3cf}.verified{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#a5acb9}.profile{height:32px;width:32px;display:grid;place-items:center;background:#28263a;border:1px solid #5b5378;color:#ded2ff;border-radius:50%;font-size:10px;font-weight:850}.mobile-menu{display:none}.content{max-width:1670px;padding:28px clamp(22px,4.6vw,72px) 0;margin:auto}.intro{display:grid;grid-template-columns:1.1fr .9fr;min-height:287px;background:radial-gradient(ellipse at 78% 70%,#35304d 0,#1a1c2b 40%,#181c29 100%);border:1px solid #3d394e;border-radius:18px;overflow:hidden;position:relative}.intro-copy{padding:34px 16px 22px 39px;z-index:2}.micro-label,.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:850;color:#c1b5ef}.separator{color:#888c9a;padding:0 8px}.intro h1{font-weight:900;letter-spacing:-.06em;line-height:1.2;font-size:clamp(30px,3.3vw,51px);margin:19px 0 13px}.intro h1 em{font-style:normal;background:linear-gradient(110deg,#cbb6fa 20%,#9fcecc);color:transparent;background-clip:text}.intro p{color:#a4a8ba;max-width:540px;line-height:1.8;font-size:12px;margin:0}.intro-bottom{display:flex;flex-wrap:wrap;gap:25px;font-size:9px;letter-spacing:.03em;color:#a09fb1;margin-top:28px}.intro-bottom span{display:flex;align-items:center;gap:9px}.intro-art{position:relative;min-height:275px;isolation:isolate}.glow{position:absolute;border-radius:50%;filter:blur(1px)}.globe1{width:263px;height:263px;right:16%;top:20px;background:radial-gradient(circle at 35% 24%,#d9d3ff,#8277bf 27%,#343157 67%,#1a192c);opacity:.76;box-shadow:0 0 75px #8d7ccc22}.globe2{width:125px;height:125px;right:-30px;bottom:-10px;background:radial-gradient(circle at 30% 25%,#a1dccf,#486d7f 51%,#20263c)}.floating-window{position:absolute;background:#242637df;backdrop-filter:blur(12px);border:1px solid #9891b35a;box-shadow:0 22px 43px #08071891;border-radius:9px;padding:15px;transform:rotate(-10deg);width:235px;height:165px;left:7%;top:48px}.floating-window.window2{width:167px;height:113px;left:auto;right:7%;top:147px;transform:rotate(9deg);opacity:.83}.dots{font-size:8px;letter-spacing:3px;color:#afa4d4}.window-header{display:block;width:65%;height:13px;background:#b4a8d6a1;border-radius:3px;margin-top:18px}.window-row{display:block;height:8px;border-radius:3px;background:#6e688f6b;margin-top:11px;width:80%}.window-row.short{width:56%}.window-tile{display:block;height:23px;width:67px;background:#9c9bc47e;border:1px solid #aaa5d6;border-radius:5px;margin-top:12px}
.data-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:18px 0 45px}.data-bar>div{border:1px solid #2d323e;background:#141821;border-radius:11px;padding:17px 20px}.data-name{display:block;color:#9b9fac;font-size:9px;font-weight:800;letter-spacing:.14em}.data-bar strong{font-weight:900;font-size:27px;letter-spacing:-.05em;display:block;margin-top:8px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 19px;gap:12px}.section-head h2{font-size:27px;letter-spacing:-.05em;line-height:1.3;margin:7px 0;font-weight:900}.section-head h2 span{color:#b8a8ff}.section-head p{font-size:12px;line-height:1.6;color:#939bae;margin:0}.display-num{font-size:11px;color:#9aa4b4;white-space:nowrap}.controls{display:flex;gap:9px;margin-bottom:12px}.search-wrap{border:1px solid #3b4050;border-radius:9px;background:#191e29;display:flex;align-items:center;gap:9px;padding:0 13px;flex:1;min-width:0}.search-wrap:focus-within{border-color:#9a89d9}.search-wrap>span{font-size:23px;color:#a9acc0}.search-wrap input{border:0;background:none;color:#eeeefa;padding:14px 0;outline:0;font-size:12px;min-width:0;flex:1}.search-wrap input::placeholder{color:#7b8596}.search-wrap kbd{font-size:10px;color:#aeb4c3;border:1px solid #464957;padding:2px 7px;border-radius:5px}.controls select{border:1px solid #3b4050;background:#191e29;color:#c9ced8;min-width:138px;max-width:180px;border-radius:9px;padding:0 10px;font-size:11px}.quick-categories{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 17px}.quick-categories button{border:1px solid #3a3d4b;border-radius:7px;padding:8px 11px;background:#191d27;color:#9da4b3;font-size:11px}.quick-categories button.active,.quick-categories button:hover{color:#e0d8ff;border-color:#665a85;background:#322b45}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-card{background:#161b24;border:1px solid #303543;border-radius:12px;overflow:hidden;cursor:pointer;transition:.23s;position:relative}.gallery-card:hover{transform:translateY(-3px);border-color:#777094;box-shadow:0 16px 30px #0005}.card-preview{height:200px;position:relative;overflow:hidden;background:linear-gradient(132deg,#171b29,#242438);display:grid;place-items:center}.card-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}.gallery-card:hover .card-preview img{transform:scale(1.055)}.card-preview.is-template{height:250px;background:#fff}.card-preview .missing{font-size:12px;color:#afb3ca;text-align:center;padding:25px;line-height:1.8}.missing span{display:block;font-size:30px;color:#a99fcf;margin-bottom:5px}.preview-origin{position:absolute;right:9px;top:9px;border:1px solid #f4f1ff22;background:#12141bdb;backdrop-filter:blur(12px);border-radius:5px;padding:6px 8px;color:#d8dcef;font-size:8px;font-weight:850;letter-spacing:.06em;z-index:2}.card-body{padding:15px 16px 17px}.card-top{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#9a9fb2}.card-top i{height:7px;width:7px;border-radius:3px;background:#b4a1ff}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title h3{font-size:15px;letter-spacing:-.02em;margin:9px 0 7px;font-weight:850}.card-title span{color:#aca5d1;font-size:19px}.card-body p{margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;color:#9ba1b0;line-height:1.6;min-height:18px}.card-tags{margin-top:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-tags span{padding:5px 7px;border:1px solid #3c4050;background:#222633;border-radius:5px;color:#9fa6b8;font-size:9px}.card-save{position:absolute;top:9px;left:9px;height:28px;width:28px;z-index:2;background:#151822d9;border:1px solid #ffffff35;border-radius:8px;display:grid;place-items:center;color:white;font-size:17px}.card-save.active{color:#d3b9ff;background:#393045}.more-wrap{display:flex;justify-content:center;margin-top:23px}.more{border:1px solid #444a5c;background:#262a38;color:#d5d7e0;font-weight:750;padding:13px 22px;border-radius:9px}.more:hover{background:#32374a}.evidence{margin-top:24px;color:#9198a6;font-size:11px;line-height:1.7}.evidence span{color:#b2a2e8;margin-right:5px}.browser,.source-browser{min-height:420px}.loading{padding:60px 20px;color:#9ba2af;text-align:center;grid-column:1/-1}.empty{padding:60px 20px;text-align:center;grid-column:1/-1;color:#acb2c2}.empty strong{display:block;margin-bottom:8px;color:#e4e8f0;font-size:16px}.file-list{border:1px solid #333846;border-radius:11px;overflow:hidden;background:#141820}.file-row{display:grid;grid-template-columns:35px minmax(100px,1fr) minmax(80px,.5fr) 96px 22px;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #2b303b;cursor:pointer}.file-row:hover{background:#252a37}.file-row:last-child{border:0}.file-icon{height:35px;width:35px;border:1px solid #4b425d;background:#302b42;border-radius:9px;display:grid;place-items:center;color:#c6b5ff;font-size:18px}.file-name{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-path{font-size:10px;color:#8690a0;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-source{font-size:11px;color:#a0a5b2}.file-tag{font-size:9px;color:#bbb0eb;text-align:center;padding:6px;border-radius:6px;border:1px solid #4c445d}.file-row b{color:#a39fba;font-size:16px}
footer{margin-top:63px;border-top:1px solid #292e3a;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:23px 0 38px;color:#7d8493;font-size:9px;font-weight:800;letter-spacing:.1em}footer b{color:#5b6270}.drawer-backdrop{position:fixed;inset:0;z-index:100;background:#05060aaf;backdrop-filter:blur(7px);display:flex;justify-content:flex-end}.drawer{width:min(780px,100%);height:100%;background:#11151d;border-left:1px solid #4a475b;display:flex;flex-direction:column;box-shadow:-20px 0 65px #0009}.drawer-head{padding:22px 28px;border-bottom:1px solid #303542;display:flex;justify-content:space-between;align-items:center}.small-kicker{font-size:9px;color:#b6a9e7;letter-spacing:.15em;font-weight:900}.drawer-title{font-size:24px;font-weight:900;letter-spacing:-.04em;margin-top:7px}.drawer-head button{background:#262c39;border:1px solid #464b5b;height:35px;width:35px;color:#e5e4f0;border-radius:7px;font-size:23px}.drawer-scroll{overflow:auto;flex:1;padding:24px 28px}.drawer-image{border:1px solid #404655;border-radius:12px;overflow:hidden;background:#1a1e2a;min-height:125px}.drawer-image img{display:block;width:100%;max-height:500px;object-fit:contain;object-position:top;background:#15161e}.drawer-image .missing{padding:60px}.drawer-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.drawer-badges span{border:1px solid #494054;border-radius:6px;background:#272332;color:#c3b9db;font-size:10px;padding:7px 10px}.drawer-description{font-size:12px;color:#b2b6c4;line-height:1.7;margin:15px 0}.detail-table{border-top:1px solid #343a48;margin-top:15px}.detail-row{display:flex;align-items:start;justify-content:space-between;gap:18px;border-bottom:1px solid #303642;padding:13px 2px;font-size:11px}.detail-row span:first-child{color:#8793a3;flex:0 0 90px}.detail-row span:last-child{color:#c8ccd8;overflow-wrap:anywhere;text-align:right}.source-preview{margin-top:20px}.source-title{background:#272c36;border:1px solid #414754;padding:10px 13px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;color:#a9b0bc;font-size:10px;letter-spacing:.1em;font-weight:800}.source-title button{background:none;border:0;color:#d5c2ff}.source-preview pre{margin:0;padding:16px;border:1px solid #414754;border-top:0;background:#0b0f15;max-height:320px;overflow:auto;white-space:pre;color:#c6cddd;font:11px/1.6 ui-monospace,monospace}.drawer-actions{padding:14px 28px 19px;border-top:1px solid #343946;display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-save,.btn-demo{border:1px solid #514a68;border-radius:8px;display:grid;place-items:center;text-align:center;padding:14px 11px;font-size:11px;font-weight:850}.btn-save{background:#272434;color:#dfd3fc}.btn-demo{background:#c7b9ff;color:#231c36}.source-action{background:transparent;border:0;color:#b7baca;text-align:left;padding:10px 7px;font-size:10px}.inspect-action{text-align:right}.shortlist-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:55;background:#272239ee;backdrop-filter:blur(15px);border:1px solid #75699e;border-radius:12px;padding:10px 13px;display:flex;align-items:center;gap:35px;box-shadow:0 15px 45px #0009}.shortlist-bar strong{font-size:12px;display:block}.shortlist-bar span{font-size:9px;color:#b6afc8}.shortlist-bar button{border:0;background:#c6b6ff;color:#221b33;border-radius:7px;padding:11px 13px;font-size:11px;font-weight:800;white-space:nowrap}.toast{position:fixed;right:21px;bottom:22px;z-index:110;border:1px solid #7766a6;background:#29223b;color:#fff;padding:13px 19px;border-radius:9px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s;font-size:12px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1300px){.sidebar{width:220px;flex-basis:220px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:22px 32px 0}.topbar{padding:0 32px}.intro h1{font-size:39px}}
@media(max-width:960px){.data-bar{grid-template-columns:repeat(3,1fr)}.sidebar{position:fixed;transform:translateX(-102%);transition:.2s;box-shadow:16px 0 35px #0009}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block;background:none;border:0;color:white;font-size:19px}.intro-copy{padding-left:25px}.intro-art{opacity:.6}}
@media(max-width:620px){.topbar{height:61px;padding:0 16px}.content{padding:16px 13px 0}.verified{display:none}.intro{display:block;min-height:290px}.intro-copy{padding:28px 22px}.intro h1{font-size:35px}.intro-art{position:absolute;right:-55px;bottom:-130px;width:270px;opacity:.16;pointer-events:none}.intro-bottom{gap:9px;font-size:9px}.data-bar{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0 30px}.data-bar>div{padding:13px}.data-bar strong{font-size:24px}.data-name{font-size:8px}.section-head h2{font-size:25px}.controls{flex-wrap:wrap}.search-wrap{flex-basis:100%}.controls select{height:40px;flex:1;min-width:0;font-size:10px}.gallery-grid{grid-template-columns:1fr;gap:12px}.card-preview{height:215px}.card-preview.is-template{height:250px}.file-row{grid-template-columns:34px minmax(100px,1fr) 70px 12px;padding:11px;gap:7px}.file-source{display:none}.file-tag{font-size:8px}.drawer-head{padding:16px}.drawer-title{font-size:20px}.drawer-scroll{padding:17px}.drawer-actions{padding:10px 16px}.shortlist-bar{width:calc(100% - 20px);justify-content:space-between;gap:10px}.shortlist-bar button{font-size:10px}.display-num{font-size:10px}footer{margin-top:35px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.drawer-live{margin-bottom:18px;border:1px solid #494455;border-radius:11px;overflow:hidden;background:#fff}
.drawer-live-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1e2230;padding:10px 14px;border-bottom:1px solid #464251}
.drawer-live-top strong{color:#c5baf1;letter-spacing:.12em;font-size:9px}
.drawer-live-top a{font-size:11px;font-weight:750;color:#e2d4ff}
.drawer-live iframe{display:block;width:100%;height:460px;border:0;background:white}
.drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.drawer-actions a[hidden]{display:none}
.drawer-actions .source-action{overflow-wrap:anywhere}
@media(max-width:620px){.drawer-live iframe{height:370px}}