:root{--bg:#080a0f;--panel:#10141c;--panel2:#171c27;--line:#273040;--text:#f8f9fc;--muted:#8791a4;--accent:#8065ff;--green:#4ed58d;--blue:#55aaff;--yellow:#efc25c;--red:#ff5e70}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.theme-light{--bg:#eef1f6;--panel:#fff;--panel2:#f5f7fa;--line:#dce1e9;--text:#171b24;--muted:#6f7888;--accent:#6751e8}.theme-ocean{--bg:#03141c;--panel:#08222d;--panel2:#0d2c39;--line:#194354;--text:#edfbff;--muted:#7da9b7;--accent:#19cad8}.theme-ember{--bg:#160b08;--panel:#24120d;--panel2:#321914;--line:#51281f;--text:#fff5ee;--muted:#bb8e7e;--accent:#ff7044}.theme-violet{--bg:#100919;--panel:#1a1027;--panel2:#27173a;--line:#40265a;--text:#fcf5ff;--muted:#a78eba;--accent:#c15cff}
#elvst-app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}#elvst-app>aside{position:sticky;top:0;height:100vh;padding:28px 19px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.elvst-public-brand{display:flex;align-items:center;gap:11px}.elvst-public-brand i,.elvst-logo{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#b85cff);font-style:normal;font-weight:900;color:#fff;box-shadow:0 9px 27px color-mix(in srgb,var(--accent) 30%,transparent)}.elvst-public-brand b,.elvst-public-brand small{display:block}.elvst-public-brand b{font-size:12px;letter-spacing:.13em}.elvst-public-brand small{font-size:8px;color:var(--muted);letter-spacing:.15em;margin-top:3px}.elvst-project-chip{margin-top:48px;padding:14px;background:var(--panel2);border:1px solid var(--line);border-radius:14px}.elvst-project-chip small{display:block;color:var(--accent);font-size:8px;letter-spacing:.14em;font-weight:800}.elvst-project-chip b{display:block;margin-top:6px}.elvst-public-specs{display:flex;flex-direction:column;gap:7px;padding:17px 5px}.elvst-public-specs span{font-size:10px;color:var(--muted)}.elvst-theme-label{margin-top:auto;font-size:8px;letter-spacing:.14em;color:var(--muted)}.elvst-theme-label select,.elvst-public-toolbar input,.elvst-public-toolbar select,.elvst-card select,.elvst-card input,.elvst-card textarea{display:block;width:100%;margin-top:7px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}#elvst-app>main{padding:30px;min-width:0}#elvst-app main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}#elvst-app header small{color:var(--accent);font-size:9px;letter-spacing:.16em;font-weight:850}#elvst-app h1{font-size:32px;margin:6px 0}.elvst-live{font-size:9px;letter-spacing:.1em;color:var(--muted)}.elvst-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:5px}#elvst-metrics{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:10px;margin-bottom:15px}.elvst-stat{padding:15px;background:var(--panel);border:1px solid var(--line);border-bottom:3px solid #657082;border-radius:15px}.elvst-stat small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.elvst-stat strong{display:block;font-size:26px;margin-top:5px}.elvst-stat.in-progress{border-bottom-color:var(--yellow)}.elvst-stat.delivered{border-bottom-color:var(--blue)}.elvst-stat.revision{border-bottom-color:var(--red)}.elvst-stat.done{border-bottom-color:var(--green)}.elvst-public-toolbar{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:12px}.elvst-public-toolbar input,.elvst-public-toolbar select{margin:0}#elvst-shots{display:grid;gap:9px}.elvst-card{display:grid;grid-template-columns:130px minmax(150px,1fr) 140px 140px minmax(180px,1.1fr);gap:14px;align-items:center;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:15px;transition:.18s}.elvst-card:hover{transform:translateY(-1px);background:var(--panel2)}.elvst-card img{width:130px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#050608}.elvst-card h3{margin:0 0 4px;font-size:15px}.elvst-card p,.elvst-card small{margin:0;color:var(--muted);font-size:10px}.elvst-card label{font-size:8px;color:var(--muted);letter-spacing:.08em}.elvst-card input,.elvst-card select,.elvst-card textarea{margin-top:4px;font-size:11px}.elvst-card textarea{min-height:58px;resize:vertical}.elvst-review{color:var(--blue);font-size:11px;text-decoration:none}.elvst-save-state{font-size:9px;color:var(--green);height:12px;margin-top:3px}.elvst-empty{padding:70px;text-align:center;color:var(--muted)}
.elvst-login{width:min(440px,calc(100vw - 32px));margin:12vh auto;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 30px 100px #0008}.elvst-login>span{display:block;color:var(--accent);font-size:9px;letter-spacing:.16em;font-weight:800;margin-top:28px}.elvst-login h1{font-size:31px;margin:8px 0}.elvst-login p{color:var(--muted)}.elvst-login label{display:block;color:var(--muted);font-size:11px;margin-top:22px}.elvst-login input{display:block;width:100%;margin-top:7px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:13px}.elvst-login button{width:100%;margin-top:12px;border:0;border-radius:11px;padding:13px;background:linear-gradient(135deg,var(--accent),#b45cff);color:#fff;font-weight:750;cursor:pointer}.elvst-login-error{background:#3b1c24;color:#ff9fac;padding:10px;border-radius:9px;font-size:11px}
@media(max-width:1000px){#elvst-app{grid-template-columns:1fr}#elvst-app>aside{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}.elvst-project-chip{margin-top:15px}.elvst-public-specs{flex-direction:row}.elvst-theme-label{display:none}#elvst-app>main{padding:18px}#elvst-metrics{grid-template-columns:repeat(3,1fr)}.elvst-card{grid-template-columns:110px 1fr 140px}.elvst-card>*:nth-child(n+4){grid-column:2/4}.elvst-card img{width:110px}}@media(max-width:600px){#elvst-metrics{grid-template-columns:repeat(2,1fr)}.elvst-public-toolbar{grid-template-columns:1fr}.elvst-card{grid-template-columns:90px 1fr}.elvst-card img{width:90px}.elvst-card>*:nth-child(n+3){grid-column:1/3}#elvst-app>main{padding:11px}}