:root{color-scheme:dark;--bg:#07080b;--panel:#0d0f14;--panel2:#11141a;--line:rgba(255,255,255,.08);--text:#f5f7fa;--muted:#838b96;--rose:#ff6d8f;--violet:#a78bfa;--green:#70d9a6}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 18% -10%,#1b101d 0,#090a0e 28%,#050609 62%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}
.bar{height:46px;position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(7,8,11,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;min-width:220px}.brand img{width:78px}.brand strong{font-size:14px}.bar nav{display:flex;gap:2px;margin:auto}.bar nav a{position:relative;padding:15px 11px 14px;font-size:11px;color:#8f96a0;font-weight:650}.bar nav a:hover,.bar nav a.active{color:#fff}.bar nav a.active:after{content:"";position:absolute;height:2px;left:10px;right:10px;bottom:0;background:linear-gradient(90deg,var(--rose),var(--violet));border-radius:2px}.secure{min-width:110px;text-align:right;font-size:10px;color:#a4adb8}.secure i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 12px rgba(112,217,166,.45)}
main{max-width:1540px;margin:auto;padding:28px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.kicker{font-size:9px;letter-spacing:.2em;color:#d486aa;font-weight:800}.head h1{margin:8px 0 6px;font-size:34px;letter-spacing:-.035em}.head p{margin:0;color:var(--muted);font-size:13px}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:9px;padding:9px 12px;font-size:11px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.builder,.library{border:1px solid var(--line);background:rgba(11,13,18,.86);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.builder{padding:4px 20px}.section{padding:20px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.section-head>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#18131d;color:#ff91aa;font-size:9px;font-weight:800}.section-head b{display:block;font-size:13px}.section-head small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.name,.wide-input,.resources input{width:100%;border:1px solid var(--line);border-radius:9px;background:#080a0d;color:#fff;padding:11px 12px;outline:none}.name:focus,.wide-input:focus,.resources input:focus{border-color:rgba(255,109,143,.5)}.wide-input{margin-top:10px}
.cards{display:grid;gap:8px}.cards.five{grid-template-columns:repeat(5,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards label{position:relative;min-height:94px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#0c0e13;cursor:pointer;transition:.15s}.cards label:hover{background:#11141a;border-color:rgba(255,255,255,.14)}.cards input{position:absolute;opacity:0}.cards label:has(input:checked){border-color:rgba(255,109,143,.56);background:linear-gradient(180deg,rgba(255,109,143,.08),rgba(167,139,250,.045));box-shadow:inset 0 0 0 1px rgba(255,109,143,.08)}.cards i{display:block;font-style:normal;font-size:7px;letter-spacing:.16em;color:#b87b9a;margin-bottom:8px}.cards b{display:block;font-size:12px}.cards small{display:block;color:#747d89;font-size:9px;line-height:1.35;margin-top:5px}
.apps{display:flex;flex-wrap:wrap;gap:7px}.apps label{cursor:pointer}.apps input{display:none}.apps span{display:block;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#0b0d11;color:#9ca4af;font-size:10px}.apps input:checked+span{color:#fff;border-color:rgba(167,139,250,.5);background:rgba(167,139,250,.10)}
.resources{display:grid;grid-template-columns:1fr repeat(3,160px);align-items:end;gap:9px}.resources .section-head{margin:0}.resources label span{display:block;font-size:9px;color:var(--muted);margin:0 0 5px 2px}.resources input{padding:9px 10px}.actions{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.actions b{display:block;font-size:11px}.actions small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.actions button{border:0;border-radius:9px;padding:10px 16px;color:#fff;font-weight:750;font-size:11px;cursor:pointer;background:linear-gradient(135deg,#ff6d8f,#b55be3)}
.library{padding:14px;align-self:start;position:sticky;top:62px}.library-head{padding:4px 3px 12px}.library-head span{display:block;font-size:8px;letter-spacing:.18em;color:#c77ca0}.library-head b{display:block;font-size:14px;margin-top:5px}.image-row{padding:11px 8px;border-top:1px solid var(--line)}.image-row b{display:block;font-size:11px}.image-row small{display:flex;justify-content:space-between;gap:8px;color:#727b86;font-size:9px;margin-top:5px}.empty{padding:20px 8px;color:#747d87;font-size:10px;border-top:1px solid var(--line)}.flow{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a0c10}.flow span{font-size:8px;letter-spacing:.15em;color:#c27c9d}.flow p{margin:7px 0 0;color:#7f8791;font-size:9px;line-height:1.5}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.library{position:static}.cards.five{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(2,1fr)}.resources{grid-template-columns:1fr 1fr 1fr}.resources .section-head{grid-column:1/-1}.bar nav a:nth-child(3),.bar nav a:nth-child(4),.bar nav a:nth-child(5){display:none}}
@media(max-width:700px){main{padding:16px}.head h1{font-size:27px}.cards.five,.cards.four{grid-template-columns:1fr 1fr}.brand{min-width:auto}.brand strong{display:none}.bar nav{margin-left:auto}.secure{display:none}.resources{grid-template-columns:1fr}.actions{align-items:flex-start;gap:12px;flex-direction:column}.actions button{width:100%}}