:root{color:#e3e8ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#19212d;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #71d5ff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.steam-shell{grid-template-rows:86px 1fr;grid-template-columns:232px minmax(0,1fr);min-height:100vh;padding-bottom:38px;display:grid}.app-header{z-index:2;background:#111821;border-bottom:1px solid #313c49;grid-column:1/-1;align-items:center;gap:50px;padding:0 26px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:0;font-size:19px;font-weight:800;display:flex}.brand>span:last-child{color:#a4b5c7;font-weight:350}.brand-mark{color:#132b3d;background:linear-gradient(135deg,#67cefa,#237db9);border-radius:50%;place-items:center;width:32px;height:32px;margin-right:11px;font-size:26px;display:grid}.app-header nav{letter-spacing:.7px;align-items:center;gap:29px;height:100%;font-size:14px;font-weight:650;display:flex}.app-header nav button{color:#acb7c5;background:0 0;height:100%;padding:0;position:relative}.app-header nav .active{color:#54c9ff}.app-header nav .active:after{content:"";background:#31b8fa;height:3px;position:absolute;bottom:22px;left:0;right:0}.app-header nav a{color:#a8b5c5;font-size:12px}.user{color:#91a5b6;letter-spacing:1px;align-items:center;gap:8px;margin-left:auto;font-size:9px;display:flex}.status-dot{background:#67ba87;border-radius:50%;width:6px;height:6px;display:inline-block}.avatar{color:#74bddd;background:linear-gradient(135deg,#294558,#172331);border:1px solid #4d809c;place-items:center;width:33px;height:33px;margin-left:12px;font-size:15px;display:grid}.sidebar{background:#1b222d;border-right:1px solid #111923;flex-direction:column;min-width:0;padding:20px 11px;display:flex}.home{color:#e2edf5;text-align:left;background:linear-gradient(100deg,#354b61,#263444);align-items:center;gap:12px;padding:12px;display:flex}.home span:last-child{color:#7e9fb8;margin-left:auto}.home span{font-size:12px}.sidebar-select select{color:#b7c9d8;background:#242e3b;border:0;width:100%;margin-top:15px;padding:10px 8px;font-size:12px}.side-search{background:#141c26;border:1px solid #2c3744;align-items:center;gap:7px;margin:8px 0 18px;padding:7px 9px;display:flex}.side-search>span{color:#8c9aa9;font-size:21px}.side-search input{outline-offset:1px;background:0 0;border:0;width:100%;min-width:0;font-size:11px}.side-search button{background:0 0}.section-label{text-align:left;letter-spacing:.8px;color:#a1b6ca;background:#242d38;width:100%;margin:8px 0;padding:8px;font-size:10px;font-weight:650;display:block}.section-label span{color:#647789;margin-left:4px}.section-label.selected{color:#7ad1ff;background:#314a61}.favorite-hint{color:#6f8296;padding:6px 9px 14px;font-size:11px;line-height:1.7}.side-file{text-align:left;color:#9caec0;background:0 0;align-items:center;gap:8px;width:100%;padding:6px;font-size:11px;display:flex;overflow:hidden}.side-file>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-file:hover,.side-file.selected{color:#d9eefe;background:#2b3d50}.mini-art{color:#fff;background:var(--art);flex-shrink:0;place-items:center;width:22px;height:22px;font-size:15px;display:grid}.side-storage{flex-direction:column;gap:9px;margin-top:auto;padding:50px 9px 15px;display:flex}.side-storage>span{letter-spacing:1px;color:#7f95ac;font-size:9px}.side-storage strong{font-size:22px;font-weight:400}.side-storage small{color:#778b9d;font-size:10px}.storage-track{background:#131b25;height:4px}.storage-track i{background:linear-gradient(90deg,#28679d,#64cdf3);width:100%;height:100%;display:block}main{background:radial-gradient(at 65% 0,#2a4561 0,#0000 48%),linear-gradient(#202c3b,#1b2532);width:100%;min-width:0;max-width:1800px;margin:0 auto;padding:24px 34px 30px}.breadcrumb{color:#8da5ba;align-items:center;gap:13px;font-size:10px;display:flex}.breadcrumb>span:not(.demo-badge){color:#516f89}.demo-badge{letter-spacing:1.5px;color:#8cb2cf;background:#263a4b;border:1px solid #47617a;margin-left:auto;padding:5px 8px;font-size:8px}.title-row{justify-content:space-between;align-items:center;margin:28px 0 27px;display:flex}.title-row h1{letter-spacing:-.8px;font-size:31px;font-weight:600;line-height:1.2}.title-row p{color:#94a9bb;margin-top:12px;font-size:12px}.collection-count{color:#54738f;align-items:center;gap:13px;font-size:44px;font-weight:300;display:flex}.collection-count small{letter-spacing:1px;color:#7794ae;font-size:8px;line-height:1.8}.featured{background:#111e2a;border:1px solid #395168;grid-template-columns:1.65fr 1fr;min-height:270px;margin-bottom:33px;display:grid;box-shadow:0 10px 30px #0b132740}.feature-visual{min-height:270px;position:relative;overflow:hidden}.feature-visual>.cover{aspect-ratio:auto;height:100%;min-height:270px}.feature-visual .cover-title{letter-spacing:-2px;max-width:80%;font-size:48px;top:32%;left:8%}.feature-visual .cover-edition{font-size:9px;top:19%;left:8%}.feature-visual .cover-bottom{font-size:8px;bottom:14%;left:8%}.feature-visual .orb{opacity:.85;width:55%;top:-15%;right:-5%}.feature-visual .orbit{width:60%;top:4%;right:-8%}.feature-stamp{color:#b6e6ff;letter-spacing:1.5px;background:#0c1b2b90;border-left:2px solid #6ed5ff;padding:5px 8px;font-size:8px;position:absolute;top:14px;left:16px}.feature-info{background:linear-gradient(135deg,#233d53,#12202e);flex-direction:column;padding:29px 28px 19px;display:flex}.kicker{letter-spacing:1.7px;color:#5ec6f2;margin-bottom:12px;font-size:8px;display:block}.feature-info h2{letter-spacing:-.4px;font-size:24px;font-weight:500;line-height:1.15}.feature-info p{color:#91a8bc;max-width:300px;margin-top:13px;font-size:11px;line-height:1.7}.metadata{flex-wrap:wrap;gap:6px;margin:17px 0;display:flex}.metadata span{color:#adcadb;background:#3b56694d;padding:4px 7px;font-size:9px}.primary{color:#fff;text-align:left;background:linear-gradient(100deg,#248bc6,#38b5ea);padding:11px 17px;font-size:11px;box-shadow:0 2px 8px #101c2940}.primary:hover{filter:brightness(1.16)}.primary>span{float:right}.carousel{align-items:center;gap:7px;margin-top:auto;padding-top:17px;display:flex}.carousel>button{color:#aac5d8;background:#294153;width:27px;height:25px;font-size:21px;line-height:20px}.dots{gap:5px;margin-right:auto;display:flex}.dots button{background:#456078;width:14px;height:4px;padding:0}.dots .active{background:#6cd2ff}.shelf-heading{align-items:center;gap:15px;margin-bottom:14px;display:flex}.shelf-heading h2{white-space:nowrap;font-size:16px;font-weight:450}.shelf-heading h2 span{color:#718da6;margin-left:10px;font-size:11px}.shelf-line{background:#3a495a;flex:1;height:1px}.shelf-heading select{color:#90a8bf;background:0 0;border:0;max-width:130px;font-size:10px}.shelf-heading option{background:#1c2b3b}.view-toggle{gap:2px;display:flex}.view-toggle button{color:#6d8aa4;background:#172332;padding:4px 8px;font-size:18px}.view-toggle .active{color:#d7edff;background:#3d5e79}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.filter-row button{color:#9bb4c8;background:#25384a;border:1px solid #0000;padding:6px 12px;font-size:10px}.filter-row button.active{color:#a8e1ff;background:#304f68;border-color:#4c8bae}.file-collection.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 18px;display:grid}.file-card{min-width:0;position:relative}.cover-button{text-align:left;background:0 0;width:100%;padding:0;transition:transform .18s,box-shadow .18s;display:block;position:relative;box-shadow:0 4px 12px #0c141f88}.cover-button:hover{outline:1px solid #7abfe4;transform:translateY(-4px);box-shadow:0 8px 20px #070d1888}.cover-hover{text-align:center;color:#8bd6ff;letter-spacing:2px;opacity:0;background:#101f2ee8;padding:12px;font-size:9px;transition:opacity .15s;position:absolute;inset:auto 0 0}.cover-button:hover .cover-hover,.cover-button:focus-visible .cover-hover{opacity:1}.cover{aspect-ratio:3/3.8;background:var(--art);color:var(--ink,#fff);position:relative;overflow:hidden}.art-1{--art:linear-gradient(140deg, #124c73, #142638 58%, #b18c42);--ink:#f0cf73}.art-2{--art:linear-gradient(150deg, #c78966, #704e69 60%, #252f54);--ink:#ffe6ce}.art-3{--art:linear-gradient(155deg, #101b39, #4e3b75 70%, #a06a83);--ink:#dad3ff}.art-4{--art:linear-gradient(150deg, #caca9c, #658e7d 60%, #235466);--ink:#132e39}.art-5{--art:linear-gradient(145deg, #173d68, #317b8b 70%, #83b9af);--ink:#d2f7ed}.art-6{--art:linear-gradient(150deg, #d35b43, #9c3744 60%, #471c3b);--ink:#ffdfb8}.art-7{--art:linear-gradient(140deg, #c4a85e, #6a7b61 60%, #234854);--ink:#fff2c5}.art-8{--art:linear-gradient(140deg, #ada4c3, #6f729b 60%, #343b68);--ink:#eeebff}.cover-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;transform:rotate(-15deg)scale(1.5)}.orb{aspect-ratio:1;background:radial-gradient(circle at 27% 25%,#ffffff75,#ffffff0a 40%,#0006 70%);border-radius:50%;width:105%;position:absolute;top:28%;right:-44%;box-shadow:inset -13px -20px 30px #0b16383b,0 0 30px #ffffff0a}.orbit{aspect-ratio:1;border:1px solid #ffffff60;border-radius:50%;width:115%;position:absolute;top:21%;right:-40%;transform:rotate(-30deg)scaleY(.55)}.cover-edition{letter-spacing:1.8px;opacity:.8;max-width:80%;font-size:6px;line-height:1.8;position:absolute;top:8%;left:10%}.cover-title{letter-spacing:-1.5px;z-index:1;max-width:85%;font-size:clamp(20px,2.4vw,38px);font-weight:850;line-height:1.03;position:absolute;top:27%;left:10%}.cover-title span{display:block}.cover-bottom{letter-spacing:1.4px;font-size:6px;position:absolute;bottom:8%;left:10%}.art-2 .orb{background:linear-gradient(45deg,#522750,#f1b68a);border-radius:0;right:-35%;transform:rotate(35deg)}.art-3 .orbit{border-width:2px;width:150%;right:-60%;transform:rotate(-30deg)scaleY(.3)}.art-4 .orb{background:linear-gradient(140deg,#dfedd2,#376b64);border-radius:5%;right:-50%;transform:rotate(-30deg)}.art-5 .orbit{border:10px solid #c7fff65c;border-radius:0;transform:rotate(35deg)}.art-6 .orb{background:linear-gradient(135deg,#ffbd7866,#471127);border-radius:10%;transform:rotate(45deg)}.art-7 .orb{background:linear-gradient(135deg,#d0d79e,#203d43);border-radius:30% 70% 0 0;width:120%;top:45%;right:-10%;transform:rotate(-15deg)}.art-8 .orbit{border-width:18px;border-color:#f2cbd560}.card-info{padding-top:11px;padding-right:25px}.file-title{color:#d0dbe5;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:100%;padding:0;font-size:11px;display:block;overflow:hidden}.card-info>span{color:#738ca2;margin-top:6px;font-size:9px;display:block}.card-info i{color:#4d687e;margin:0 5px;font-style:normal}.favorite{color:#849bb1;background:0 0;width:27px;height:30px;font-size:20px;position:absolute;bottom:14px;right:0}.favorite.saved{color:#72cfff}.file-collection.list{flex-direction:column;gap:7px;display:flex}.list .file-card{background:#243344;align-items:center;gap:18px;padding:8px;display:flex}.list .cover-button{flex-shrink:0;width:90px}.list .cover{aspect-ratio:1.7}.list .cover-title{font-size:13px}.list .cover-edition,.list .cover-bottom,.list .cover-hover{display:none}.list .card-info{padding:0 40px 0 0}.list .favorite{bottom:18px;right:14px}.collection-footer{color:#6d859a;justify-content:space-between;margin-top:20px;font-size:10px;display:flex}.demo-note{color:#718ba1;border-top:1px solid #344555;gap:10px;margin-top:30px;padding-top:18px;font-size:10px;line-height:1.7;display:flex}.demo-note>span{color:#6fa6c9;font-size:17px}.demo-note strong{color:#98afc3;font-weight:500}.empty{text-align:center;background:#182737;padding:40px}.empty>span{color:#6e9cbc;font-size:35px}.empty h3{margin:10px;font-size:17px;font-weight:500}.empty p{color:#8aa5ba;margin-bottom:20px;font-size:12px}.statusbar{color:#7d95aa;z-index:3;background:#101821;border-top:1px solid #314050;justify-content:space-between;align-items:center;height:38px;padding:0 20px;font-size:9px;display:flex;position:fixed;bottom:0;left:0;right:0}.statusbar .status-dot{margin-right:8px}.statusbar b{color:#3d566b;margin:0 8px;font-weight:400}.statusbar>span:last-child{letter-spacing:1px;font-size:8px}.detail-panel{background:#152332;border:1px solid #35516a;grid-template-columns:220px 1fr;gap:30px;margin-bottom:30px;padding:23px;display:grid}.detail-panel>div:last-child{min-width:0}.detail-panel h2{overflow-wrap:anywhere;font-size:25px}.detail-panel p{color:#94adc1;margin-top:14px;font-size:12px;line-height:1.7}.detail-panel .back{color:#74b5de;background:0 0;margin-bottom:26px;padding:0;font-size:11px}.detail-panel .disclaimer{max-width:440px;font-size:11px}.detail-panel .cover-title{font-size:33px}@media (width>=1500px){main{padding:30px 55px 40px}.featured{grid-template-columns:1.9fr 1fr}.feature-visual>.cover{min-height:330px}.feature-visual .cover-title{font-size:65px}.file-collection.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cover{aspect-ratio:3/3.4}.cover-title{font-size:45px}}@media (width<=1100px){.steam-shell{grid-template-columns:195px minmax(0,1fr)}main{padding:22px}.app-header{gap:25px}.app-header nav{gap:20px}.file-collection.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-info{padding:22px}.feature-info h2{font-size:21px}.feature-visual .cover-title{font-size:36px}.title-row h1{font-size:27px}.collection-count{font-size:36px}.cover-title{font-size:29px}.detail-panel{grid-template-columns:160px 1fr;gap:20px}.detail-panel .cover-title{font-size:25px}}@media (width<=800px){.steam-shell{grid-template-rows:72px 1fr;grid-template-columns:160px minmax(0,1fr)}.app-header{gap:20px;padding:0 15px}.brand{font-size:15px}.brand-mark{width:26px;height:26px;font-size:22px}.app-header nav{gap:18px;font-size:11px}.app-header nav a{font-size:9px}.app-header nav .active:after{bottom:15px}.user{display:none}.sidebar{padding:14px 7px}.side-file{font-size:10px}.title-row h1{font-size:24px}.title-row p{font-size:11px}.collection-count{display:none}.featured{grid-template-columns:1fr 1fr}.feature-visual>.cover{min-height:245px}.feature-visual .cover-title{font-size:29px}.feature-visual .cover-edition{font-size:7px}.feature-info{padding:19px 15px}.feature-info h2{font-size:19px}.feature-info p{font-size:10px}.file-collection.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-heading{flex-wrap:wrap;gap:8px}.shelf-heading h2{font-size:14px}.shelf-line{display:none}.shelf-heading label{margin-left:auto}.detail-panel{grid-template-columns:1fr}.detail-panel>.cover{display:none}.cover-title{font-size:31px}.collection-footer{font-size:9px}}@media (width<=560px){.steam-shell{padding-bottom:38px;display:block}.app-header{flex-wrap:wrap;gap:10px;height:auto;min-height:88px;padding:15px 18px 0}.brand{font-size:16px}.app-header nav{gap:24px;width:100%;height:39px}.app-header nav .active:after{bottom:0}.sidebar{background:#172330;border:0;flex-direction:row;gap:8px;padding:12px 18px;display:flex}.sidebar .home,.sidebar .section-label,.favorite-hint,.side-files,.side-storage,.sidebar>.side-file{display:none}.sidebar-select{width:40%}.sidebar-select select{height:36px;margin:0;font-size:10px}.side-search{flex:1;min-width:0;height:36px;margin:0}.side-search input{font-size:10px}main{padding:19px 18px 26px}.title-row{margin:24px 0}.title-row h1{font-size:27px}.title-row p{font-size:11px;line-height:1.7}.featured{display:block}.feature-visual>.cover{min-height:210px}.feature-visual .cover-title{font-size:42px;top:35%}.feature-info{padding:20px}.feature-info h2{font-size:22px}.feature-info p{max-width:none}.feature-info .primary{width:100%}.feature-visual .cover-bottom{bottom:9%}.cover-title{font-size:27px}.file-collection.grid{gap:22px 13px}.filter-row{gap:5px}.filter-row button{padding:7px 9px;font-size:9px}.statusbar>span:last-child{display:none}.file-title{font-size:10px}.card-info>span{font-size:8px}.collection-footer>span:last-child{display:none}.detail-panel{padding:20px}.shelf-heading h2{width:100%}.shelf-heading label{margin-left:0}.view-toggle{margin-left:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.cover-title{overflow-wrap:anywhere}.login-panel{max-width:600px;margin:10vh auto;padding:32px}.login-panel input{color:#fff;background:#111821;border:1px solid #567;width:100%;margin:16px 0;padding:14px;display:block}.connection-tools{justify-content:flex-end;gap:20px;display:flex}[role=alert]{color:#ffb9ad}.cover-title{font-size:clamp(18px,2vw,30px)}.rename-panel{margin-top:20px}.rename-panel input{color:#fff;background:#111821;border:1px solid #617d96;width:100%;margin-top:8px;padding:12px;display:block}.rename-actions{align-items:center;gap:16px;display:flex}.rename-panel [role=status]{color:#9fdbb7}