*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d14;color:#eef1f8;font-family:Inter,Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:270px;background:#0f1422;border-right:1px solid #1f2638;padding:24px 18px;z-index:20}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:21px;margin:4px 8px 22px}.brand-mark{font-size:24px}.brand em{font-style:normal;color:#9b5cff;font-size:13px;margin-left:-4px;margin-top:15px}.search-mini,.top-search{display:flex;align-items:center;gap:9px;background:#19213a;border:1px solid #293350;border-radius:13px;color:#8690aa}.search-mini{padding:10px 12px;margin-bottom:20px}.search-mini input,.top-search input{width:100%;background:none;border:0;outline:0;color:#fff;font:inherit}.search-mini input::placeholder,.top-search input::placeholder{color:#7e88a1}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{color:#aab2c6;text-decoration:none;padding:11px 12px;border-radius:10px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600}.nav-item:hover,.nav-item.active{background:#242c42;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #8b46ff}.nav-label{font-size:10px;letter-spacing:1.5px;color:#69738b;margin:20px 12px 5px;font-weight:800}.side-footer{position:absolute;bottom:22px;left:25px;color:#68738b;font-size:11px;line-height:1.6}.main{margin-left:270px;width:calc(100% - 270px);min-height:100vh;background:radial-gradient(circle at 80% 0,#171b32 0,transparent 34%),#0b0d14}.topbar{height:70px;border-bottom:1px solid #1d2333;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;background:rgba(11,13,20,.9);backdrop-filter:blur(14px);z-index:15}.top-search{width:min(540px,55%);padding:10px 14px}.top-actions{display:flex;align-items:center;gap:12px;color:#aeb6c9;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#55e69a;box-shadow:0 0 10px #55e69a}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#6e38d8;color:#fff;font-weight:800}.mobile-menu{display:none}.hero-section{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;padding:62px 48px 35px;max-width:1400px;margin:auto}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#9c65ff}.hero-copy h1{font-size:42px;line-height:1.1;margin:12px 0 17px;letter-spacing:-1.8px}.hero-copy h1 strong{color:#9c65ff}.hero-copy p{color:#9aa4b9;max-width:650px;line-height:1.7;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:26px}.btn-primary,.btn-ghost{border:0;border-radius:10px;padding:12px 17px;font-weight:800;font-size:12px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:#7c3aed;color:#fff;box-shadow:0 8px 25px rgba(124,58,237,.18)}.btn-primary:hover{background:#8b4af2}.btn-ghost{background:#171c2b;color:#d8dced;border:1px solid #2a3248}.hero-card{border:1px solid #2a3147;border-radius:18px;background:linear-gradient(145deg,#171c2d,#111521);padding:22px;align-self:center;box-shadow:0 18px 60px rgba(0,0,0,.22)}.hero-card-top{display:flex;justify-content:space-between;color:#8791a8;font-size:10px;letter-spacing:1.4px}.hero-card-top b{color:#a26bff;background:#28184a;padding:5px 9px;border-radius:20px}.flow-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:40px 0 25px}.flow-line span{padding:10px 12px;background:#20283b;border:1px solid #303a55;border-radius:9px;font-size:11px;font-weight:700}.flow-line i{color:#9b63ff;font-style:normal}.flow-result{padding:14px;border-radius:10px;background:#24183d;color:#b47aff;font-size:11px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 48px 45px;max-width:1400px;margin:auto}.stat-card{background:#121725;border:1px solid #20283a;border-radius:14px;padding:18px;display:flex;gap:13px;align-items:center}.stat-icon{width:42px;height:42px;border-radius:11px;background:#1d2334;display:grid;place-items:center;color:#a36aff;font-size:20px}.stat-card b{display:block;font-size:24px}.stat-card small{display:block;color:#7e899f;margin-top:3px}.content-section{max-width:1400px;margin:auto;padding:18px 48px 48px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2{margin:6px 0 5px;font-size:25px;letter-spacing:-.7px}.section-head p{margin:0;color:#7f8aa1;font-size:13px}.text-link{color:#a36aff;text-decoration:none;font-size:12px;font-weight:800}.generator{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;background:#111622;border:1px solid #222a3d;padding:22px;border-radius:17px}.field label{display:block;color:#aab3c5;font-size:11px;font-weight:700;margin:0 0 7px}.field select{width:100%;height:44px;background:#181e2d;color:#e9ecf5;border:1px solid #2a334a;border-radius:9px;padding:0 12px;outline:0}.field select:focus{border-color:#8050d8}.generate-btn{grid-column:1/-1;width:fit-content;margin-top:3px}.result{margin-top:16px;background:#111622;border:1px solid #2a3349;border-radius:17px;padding:20px}.hidden{display:none!important}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.result-head h3{margin:4px 0 0}.result-actions{display:flex;gap:8px}.result textarea{width:100%;min-height:340px;background:#0a0e17;color:#dfe4ef;border:1px solid #252e42;border-radius:11px;padding:17px;resize:vertical;outline:0;font:13px/1.6 Consolas,monospace}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.library-list{display:grid;gap:10px}.content-card,.library-card,.empty-card,.model-placeholder{background:#121725;border:1px solid #222b3e;border-radius:15px}.content-card{overflow:hidden;transition:.2s}.content-card:hover{transform:translateY(-2px);border-color:#48346d}.card-visual{height:145px;background:linear-gradient(135deg,#20283b,#151a27);display:flex;align-items:center;justify-content:center;font-size:48px}.content-card .body{padding:15px}.code{font-size:9px;color:#a36aff;letter-spacing:1.4px;font-weight:800}.content-card h3{margin:7px 0 5px;font-size:15px}.content-card p{color:#7e899f;font-size:11px;line-height:1.5;margin:0 0 13px}.mini-btn{width:100%;padding:9px;border-radius:8px;background:#1b2130;border:1px solid #2b344a;color:#e2e5ee;font-size:10px;font-weight:800;cursor:pointer}.movement-grid{grid-template-columns:repeat(4,1fr)}.movement-grid .card-visual{height:100px;font-size:34px}.model-placeholder{display:flex;align-items:center;gap:18px;padding:22px}.placeholder-avatar{width:70px;height:70px;border-radius:15px;background:#1d2436;display:grid;place-items:center;font-size:34px}.model-placeholder h3{margin:0 0 5px}.model-placeholder p{margin:0;color:#7e899f;font-size:12px;max-width:650px;line-height:1.5}.model-placeholder .btn-primary{margin-left:auto}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.product-card{background:#121725;border:1px solid #222b3e;border-radius:15px;padding:15px}.product-image{height:130px;border-radius:10px;background:#1a2030;display:grid;place-items:center;font-size:36px;margin-bottom:12px}.product-card h3{font-size:14px;margin:0 0 5px}.product-card p{font-size:11px;color:#7e899f;margin:0}.library-card{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.library-card h3{font-size:14px;margin:0 0 5px}.library-card p{font-size:11px;color:#7e899f;margin:0}.loading,.empty-card{color:#7e899f;padding:25px;text-align:center}.empty-card{min-height:110px;display:grid;place-items:center}footer{text-align:center;color:#566176;font-size:10px;padding:20px 48px 35px;border-top:1px solid #181e2c}.toast{position:fixed;right:24px;bottom:24px;background:#1c2435;color:#fff;border:1px solid #37415b;border-radius:10px;padding:12px 16px;font-size:12px;z-index:50;box-shadow:0 15px 40px rgba(0,0,0,.35)}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}.hero-section{grid-template-columns:1fr}.movement-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 16px}.top-search{width:100%;margin-left:10px}.top-actions span:not(.status-dot),.top-actions{gap:5px}.mobile-menu{display:block;background:none;color:#fff;border:0;font-size:22px}.hero-section,.content-section{padding-left:20px;padding-right:20px}.stats{padding-left:20px;padding-right:20px;grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:32px}.generator{grid-template-columns:1fr}.generate-btn{width:100%}.card-grid,.movement-grid,.product-grid{grid-template-columns:1fr}.section-head{align-items:start;gap:10px}.model-placeholder{align-items:flex-start;flex-wrap:wrap}.model-placeholder .btn-primary{margin-left:0}.hero-card{display:none}}