:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#111820;background:#f7faf9}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh}header{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:34px 42px 24px;background:#101820;color:#f8fbfc;border-bottom:4px solid #14b8a6}.label{margin:0 0 6px;color:#83d8d0;text-transform:uppercase;font-size:12px;letter-spacing:.12em}h1{margin:0;font-size:36px;letter-spacing:0}#generated{color:#cbd6d9;font-size:13px;text-align:right}main{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px 32px}aside{position:sticky;top:16px;align-self:start}input{width:100%;padding:12px 12px;border:1px solid #cbd6d9;border-radius:6px;background:white;font:inherit}.cat{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #e2e9e8;background:transparent;padding:13px 2px;text-align:left;color:#26343b;cursor:pointer}.cat.active{color:#0f766e;font-weight:700}.pcloud-panel{margin-top:18px;padding:14px;background:#fff;border:1px solid #dbe5e3;border-radius:8px}.pcloud-panel h2{margin:0 0 10px;font-size:15px}.pcloud-panel input{margin-bottom:8px}.pcloud-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pcloud-actions button{min-height:38px;border:1px solid #bfd8d4;border-radius:6px;background:#e8fbf8;color:#0b4f49;font-weight:800}#pcloud-status{margin-top:9px;color:#5c6a71;font-size:12px;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat,.project{background:white;border:1px solid #dbe5e3;border-radius:8px;box-shadow:0 1px 2px rgba(10,20,25,.04)}.stat{padding:14px}.stat strong{display:block;font-size:24px}.project{padding:16px;margin-bottom:10px}.project-head{display:flex;justify-content:space-between;gap:18px}.project h2{margin:0 0 4px;font-size:18px}.meta{color:#5c6a71;font-size:13px}.path{font-family:Consolas,monospace;font-size:12px;color:#52636a;word-break:break-all;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{font-size:12px;border:1px solid #dbe5e3;border-radius:999px;padding:4px 8px;color:#33444c;background:#f7faf9}.actions{display:flex;gap:8px;align-items:center}.actions a{font-size:13px;color:#0f766e;text-decoration:none;font-weight:700}.bundle{color:#9a5b00}@media(max-width:820px){header{display:block;padding:24px}main{display:block;padding:16px}aside{position:static;margin-bottom:18px}.stats{grid-template-columns:repeat(2,1fr)}.project-head{display:block}.actions{margin-top:10px}}