:root{font-family:Manrope,system-ui,sans-serif;color:#edf0f7;background:#101321;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0%,#26334b 0,transparent 34%),#101321}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.shell{max-width:1480px;margin:auto;padding:0 28px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}.brand{display:flex;align-items:center;gap:14px;font-size:19px;font-weight:700;letter-spacing:-.05em}.brand strong{color:#c8f36c}.brand small{display:block;color:#8992a7;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-top:1px}.brandmark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #c8f36c;border-radius:13px;color:#c8f36c;letter-spacing:-.13em}.brandmark span{color:#fff}.topright{display:flex;align-items:center;gap:16px;color:#b1b9ca;font-size:12px}.quiet{border:1px solid #ffffff28;background:transparent;color:#dce4ef;border-radius:9px;padding:9px 14px}.eyebrow{color:#c8f36c;letter-spacing:.18em;font-size:10px;font-weight:800;margin:0 0 12px}.hero{display:flex;justify-content:space-between;gap:30px;min-height:276px;padding:42px 46px;margin:27px 0 22px;background:linear-gradient(115deg,#252d3d,#20283a 60%,#303f4f);border:1px solid #ffffff16;border-radius:24px;overflow:hidden}.hero h1,.login-card h1{font-size:clamp(31px,3.2vw,52px);letter-spacing:-.065em;line-height:1.13;margin:0 0 15px;font-weight:800}.hero h1 em{font-style:normal;color:#c8f36c}.hero p:last-child{color:#bbc4d2;max-width:610px;font-size:13px;line-height:1.8}.hero-shape{position:relative;flex:0 0 280px;transform:rotate(-17deg);filter:drop-shadow(25px 25px 24px #111928a6)}.shape-top,.shape-face,.shape-side{position:absolute}.shape-top{width:142px;height:85px;background:#e5faad;transform:skewY(-20deg);top:37px;left:55px;border-radius:18px 18px 0 0}.shape-face{width:142px;height:99px;background:#c8f36c;transform:skewY(17deg);top:96px;left:55px;border-radius:0 0 12px 15px}.hero-shape span{position:absolute;top:116px;left:94px;color:#263640;font-size:40px;font-weight:800;line-height:.84;transform:rotate(17deg);text-align:center}.hero-shape small{font-size:9px;letter-spacing:.1em}.workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(440px,1.16fr);gap:20px;align-items:start}.catalog,.editor{background:#1a2030;border:1px solid #ffffff14;border-radius:20px;padding:24px}.catalog-head{display:flex;align-items:center;justify-content:space-between}.catalog-head h2,.editor h2{font-size:22px;letter-spacing:-.045em;margin:0}.catalog-head>span{border-radius:30px;background:#293242;padding:7px 12px;color:#c8f36c;font-weight:800;font-size:12px}input{outline:none}input:focus{border-color:#c8f36c!important;box-shadow:0 0 0 3px #c8f36c22}#search{width:100%;background:#252c3b;color:#f4f7f9;border:1px solid #ffffff16;border-radius:10px;padding:12px 15px;margin:21px 0 16px}.categories{display:flex;gap:7px;overflow:auto;padding-bottom:17px;scrollbar-width:thin}.categories button{white-space:nowrap;border:1px solid #ffffff1b;background:#252c3a;color:#b9c2ce;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.categories button.active{background:#c8f36c;color:#1d2d17;border-color:#c8f36c}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:650px;overflow:auto;padding-right:4px;scrollbar-width:thin}.card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:8px;background:#252c3a;border:1px solid #ffffff14;color:#f2f5fa;border-radius:12px;transition:.15s}.card:hover,.card.active{border-color:#c8f36c;transform:translateY(-1px)}.card-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:#202837}.card>span{padding:0 4px 5px}.card-icon,.editor-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);border-radius:10px;font-size:22px}.card strong{display:block;font-size:12px;line-height:1.3}.card small{display:block;font-size:10px;color:#909bad;margin-top:5px}.editor{position:sticky;top:15px}.editor-header{display:flex;align-items:center;gap:14px}.editor-icon{width:50px;height:50px;font-size:25px}.description{color:#aeb9c8;font-size:12px;line-height:1.65;min-height:36px;margin:15px 0}.viewer{height:310px;background:radial-gradient(circle at 50% 40%,#303d4b,#181d29 70%);border:1px solid #ffffff17;border-radius:14px;overflow:hidden;position:relative}.viewer canvas{display:block;width:100%;height:100%}#viewer-placeholder{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;color:#8997aa;font-size:11px;text-align:center}#viewer-placeholder span{font-size:86px;color:#c8f36c;line-height:1;filter:drop-shadow(0 9px 25px #c8f36c55)}.part-list{display:flex;gap:8px;margin:10px 0;min-height:28px}.part-list button{border:1px solid #ffffff28;background:#252c3a;color:#c6d0dc;border-radius:8px;padding:6px 12px;font-size:11px}.part-list button.active{border-color:#c8f36c;color:#c8f36c}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:18px}.fields label,.login-card label{display:block;font-size:11px;color:#bec7d2;font-weight:700}.fields input,.login-card input{display:block;width:100%;margin-top:6px;padding:11px 12px;background:#252c3a;border:1px solid #ffffff19;border-radius:8px;color:#fff;font-size:12px}.field-unit{position:relative}.field-unit span{position:absolute;right:12px;bottom:12px;color:#8f9aa9;font-size:10px;pointer-events:none}.field-unit input{padding-right:43px}.actions{display:flex;gap:9px;margin-top:18px}.actions button{flex:1}.primary,.secondary{border-radius:10px;min-height:44px;padding:9px 13px;font-size:12px;font-weight:800}.primary{border:1px solid #c8f36c;background:#c8f36c;color:#20310f}.primary:hover{background:#ddff97}.secondary{border:1px solid #ffffff28;background:#303a4a;color:#edf2f5}.secondary:hover{background:#3c485b}.hint{color:#8f9bad;font-size:10px;line-height:1.6;margin-top:13px}footer{font-size:11px;color:#8591a2;padding:26px 0 36px}footer a{color:#c8f36c;margin-left:12px}.login-card{position:relative;max-width:500px;padding:38px;margin:75px auto;background:#1d2534;border:1px solid #ffffff1b;border-radius:22px;box-shadow:0 30px 70px #0004}.login-card p:not(.eyebrow){font-size:13px;color:#adbac8;line-height:1.65}.login-card form{display:grid;gap:14px;margin-top:25px}.login-card input{font-size:14px}.login-card .small{font-size:11px!important;margin-bottom:0}.login-graphic{position:absolute;right:29px;top:24px;color:#c8f36c;font-size:47px}.login-graphic i{font-style:normal;font-size:14px;position:absolute;right:-8px;top:0}#toast{position:fixed;bottom:25px;right:25px;max-width:350px;background:#f3f6fa;color:#1b2432;border-radius:12px;padding:13px 18px;box-shadow:0 15px 40px #0007;font-size:12px;font-weight:700;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:none}@media(max-width:850px){.shell{padding:0 14px}.hero{padding:27px;min-height:220px}.hero-shape{display:none}.workspace{grid-template-columns:1fr}.editor{position:static}.cards{max-height:320px}}@media(max-width:530px){.topbar{height:69px}.hero{margin-top:14px}.catalog,.editor{padding:17px}.cards{grid-template-columns:1fr 1fr}.card{gap:6px;padding:6px}.card strong{font-size:10px}.card small{font-size:9px}.fields{gap:8px}.viewer{height:260px}.actions{flex-direction:column}.login-card{margin:30px auto;padding:27px}}
:root{--thumb-bg:#202837}
.brandmark{display:flex;align-items:center;justify-content:center;gap:1px;letter-spacing:-.1em}
.brandmark span{display:inline;color:#fff}
.viewer>img{display:block;width:100%;height:100%;object-fit:contain;background:var(--thumb-bg)}