:root{--bg:#090b12;--line:#282e3e;--text:#f4f5f8;--muted:#81899b;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.11;pointer-events:none}.ambient-one{width:500px;height:500px;background:#6d28d9;right:8%;top:-250px}.ambient-two{width:360px;height:360px;background:#0891b2;left:-180px;bottom:-120px}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:28px 18px 22px;border-right:1px solid #202431;background:#0d0f17ee;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px;color:#fff;text-decoration:none;font-size:15px;font-weight:800}.brand-mark{display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#a78bfa,#6d28d9);font-weight:900}.brand-mark.small{width:38px;height:38px;flex:none}.brand small{display:block;color:#626a7d;font-size:8px;letter-spacing:.15em;margin-top:3px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;color:#8991a4;text-decoration:none;font-size:13px;transition:.3s var(--ease)}.sidebar nav a:hover,.sidebar nav a.active{background:#8b5cf618;color:#d9d0ff;transform:translateX(3px)}.sidebar nav a.active{box-shadow:inset 3px 0 #8b5cf6}.sidebar nav em{margin-left:auto;background:#252a39;border-radius:12px;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-foot{margin-top:auto;border-top:1px solid #202431;padding:20px 8px 0}.sidebar-foot>div{display:flex;gap:10px;color:#b7bdca;font-size:11px}.sidebar-foot i{width:8px;height:8px;border-radius:50%;background:#34d399;margin-top:3px}.sidebar-foot small{display:block;color:#5f6779;margin-top:4px}.sidebar-foot form button{border:0;background:none;color:#626a7d;font-size:11px;padding:20px 0 0;cursor:pointer}.main-content{grid-column:2;padding:44px clamp(24px,3vw,52px) 64px;width:100%;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.page-header h1{font-size:34px;letter-spacing:-.04em;margin:0 0 8px}.page-header p{color:#7d8598;font-size:13px;margin:0}.eyebrow{margin:0 0 8px!important;color:#9f8cff!important;font-size:11px!important;letter-spacing:.18em;font-weight:700}.date-chip{border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:#8991a4;font-size:12px}.tool-grid{display:grid;grid-template-columns:repeat(6,minmax(230px,1fr));gap:14px;overflow-x:auto;padding:2px 2px 24px;scrollbar-width:thin;scrollbar-color:#33394d transparent}.tool-card{min-height:390px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#151925,#10131b);display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease)}.tool-card:before{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-80px;border-radius:50%;filter:blur(44px);opacity:.18;z-index:-1}.tool-card.violet:before{background:#8b5cf6}.tool-card.blue:before{background:#38bdf8}.tool-card.orange:before{background:#fb923c}.tool-card.pink:before{background:#f472b6}.tool-card.green:before{background:#34d399}.tool-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),#ffffff10,transparent 62%);opacity:0;transition:opacity .35s}.tool-card:hover{transform:translateY(-7px);border-color:#4a5168;box-shadow:0 24px 60px #0007}.tool-card:hover:after{opacity:1}.tool-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#242a3b;transition:.4s var(--ease)}.tool-icon img{width:22px;height:22px;filter:invert(90%);opacity:.95}.tool-card:hover .tool-icon{transform:scale(1.08);background:#30364c}.status-dot,.count-badge{display:flex;align-items:center;gap:5px;font-size:10px;color:#5ee6b1;background:#123329;border:1px solid #24513f;border-radius:99px;padding:4px 8px}.status-dot i{width:5px;height:5px;border-radius:50%;background:#5ee6b1}.tool-card h2{font-size:17px;line-height:1.35;margin:26px 0 8px}.tool-card>p{font-size:12px;color:#7f8799;line-height:1.6;margin:0;min-height:39px}.credential{margin:22px 0 18px}.credential label{display:block;color:#616a7d;font-size:9px;letter-spacing:.12em;margin-bottom:7px}.credential>div{display:flex;align-items:center;background:#090b11;border:1px solid #242938;border-radius:9px;padding:8px;min-width:0}.credential code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bfc6d7;font-size:10px;flex:1}.copy-button{border:0;background:#242938;border-radius:6px;color:#aeb5c5;font-size:9px;padding:5px 7px;cursor:pointer}.copy-button.copied{color:#83f3c9;background:#153b30}.credential.placeholder{height:55px}.credential.placeholder span{font-size:11px;color:#737c8f}.launch{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #242938;padding-top:16px;color:#d5d9e4;text-decoration:none;font-size:12px;font-weight:700}.launch span{color:#9f6bff;transition:.35s var(--ease)}.launch:hover span{transform:translate(3px,-3px)}.material-feature{background:linear-gradient(150deg,#241940,#121521)}.material-preview{width:74px;height:74px;display:grid;place-items:center;margin:24px 0}.material-preview img{width:50px;height:50px;filter:invert(75%) sepia(30%) saturate(900%) hue-rotate(205deg);opacity:.8}.primary-button{border:0;border-radius:11px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:14px 18px;font-weight:750;cursor:pointer}.compact{padding:11px 16px;font-size:12px}.material-header{align-items:center}.upload-panel{display:flex;align-items:center;gap:18px;padding:18px;border:1px dashed #394055;background:#11141d;border-radius:15px;margin-bottom:32px}.upload-panel input{position:absolute;width:1px;height:1px;opacity:0}.upload-panel>div{flex:1;cursor:pointer}.upload-panel strong{display:block;font-size:13px}.upload-panel span{display:block;color:#6f7789;font-size:11px;margin-top:4px}.library-meta{display:flex;gap:12px;margin-bottom:15px;font-size:13px;font-weight:700}.library-meta small{color:#656d7f;font-weight:400}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.material-card{border:1px solid var(--line);border-radius:15px;background:#12151e;overflow:hidden}.image-wrap{height:190px;display:block;background:#090b10;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover}.image-wrap span{position:absolute;right:8px;bottom:8px;background:#090b10bb;border-radius:5px;padding:3px 5px;font-size:9px}.material-info{padding:13px}.material-info>strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-info>small{display:block;color:#697184;font-size:9px;margin:5px 0 12px}.material-info>div{display:flex}.material-info a,.material-info button{border:0;background:none;color:#a99afa;text-decoration:none;font-size:10px;padding:0;cursor:pointer}.material-info button{color:#ef879a}.delete-form{margin-left:auto}.empty-state{text-align:center;border:1px dashed #303648;border-radius:18px;padding:80px 20px;color:#737c8f}.empty-state h2{color:#d4d8e2}.flash{padding:12px 14px;border:1px solid;border-radius:10px;margin:18px 0;font-size:13px}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:auto;flex-direction:row;align-items:center;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand small,.sidebar-foot{display:none}.sidebar nav{display:flex;margin-left:auto}.sidebar nav a span{display:none}.main-content{padding:30px 18px 60px}.date-chip{display:none}.tool-grid{grid-template-columns:1fr;overflow:visible}.tool-card{min-height:300px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.material-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}