:root{
  --bg:#071318;--panel:#0c1d24;--panel2:#102731;--line:#1f3c47;--text:#edf8f9;--muted:#8ca7af;
  --cyan:#00e8c6;--cyan2:#00a9c7;--pink:#ff2c8b;--purple:#896dff;--orange:#ff9b5f;--blue:#4ba7ff;--green:#31d89b;--danger:#ff617d;
  --shadow:0 18px 50px rgba(0,0,0,.28);--r:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(0,232,198,.09),transparent 30%),radial-gradient(circle at 90% 20%,rgba(137,109,255,.10),transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.topbar{height:82px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,64px);background:rgba(7,19,24,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(77,124,139,.2)}
.brand-wrap{display:flex;align-items:center;gap:16px}.brand-logo{width:112px;height:48px;object-fit:contain}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:15px}.brand-copy span{font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid var(--line);border-radius:12px;padding:11px 15px;cursor:pointer;color:var(--text);background:var(--panel);transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#3f6571}.btn.primary{background:linear-gradient(135deg,var(--cyan2),var(--cyan));border-color:transparent;color:#001b1d;font-weight:800;box-shadow:0 8px 24px rgba(0,232,198,.18)}.btn.ghost{background:#0a1a20}.btn.small{padding:8px 11px;font-size:12px}.danger-text{color:#ff8aa0}.content{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 80px}.hero{display:grid;grid-template-columns:1.5fr .9fr;gap:28px;align-items:end;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px 0 14px}.hero h1 span{background:linear-gradient(90deg,var(--cyan),#7ef4e3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:720px;color:#aec3c9;font-size:17px;line-height:1.65;margin:0}.hero-note{padding:18px;border:1px solid #24505b;border-radius:16px;background:linear-gradient(135deg,rgba(0,232,198,.06),rgba(137,109,255,.05));color:#a9bec5;font-size:13px;line-height:1.55}.hero-note b{color:#dffcf7}.toolbar-card{display:flex;gap:14px;align-items:center;justify-content:space-between;background:rgba(12,29,36,.76);border:1px solid var(--line);padding:13px;border-radius:16px;box-shadow:var(--shadow)}.search-wrap{flex:1;display:flex;align-items:center;gap:10px;background:#07181e;border:1px solid #20404a;border-radius:12px;padding:0 13px}.search-wrap input{flex:1;background:transparent;color:var(--text);border:0;outline:0;padding:13px 0}.search-wrap kbd{font-size:10px;color:#7f9da5;border:1px solid #29434b;border-radius:6px;padding:3px 5px}.view-actions{display:flex;gap:7px}.ai-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 14px}.ai-tab{display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;gap:12px;padding:16px;border:1px solid var(--line);background:#0c1b22;color:var(--text);border-radius:16px;cursor:pointer;transition:.2s}.ai-tab:hover{transform:translateY(-2px)}.ai-tab.active{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(0,232,198,.15),0 12px 30px rgba(0,232,198,.08);background:linear-gradient(135deg,rgba(0,232,198,.1),rgba(12,27,34,.95))}.ai-tab small{color:var(--muted)}.ai-dot{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-weight:900}.ai-dot.chatgpt{background:#0e624f;color:#8fffe9}.ai-dot.gemini{background:#283c85;color:#9bb2ff}.ai-dot.claude{background:#7b462b;color:#ffd3b7}.section-switch,.chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.segment,.chip{border:1px solid var(--line);background:#0c1b22;color:#9ab3ba;padding:9px 13px;border-radius:999px;cursor:pointer;font-size:12px}.segment.active,.chip.active{color:#001b1d;background:var(--cyan);border-color:transparent;font-weight:800}.chips{margin-top:14px}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#8eaab1;font-size:12px;margin:20px 2px 12px}.summary-row strong{color:#eaf8f8}.legend{display:flex;gap:16px;flex-wrap:wrap}.tag{font-style:normal;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.tag.shared{background:rgba(49,216,155,.13);color:#7bf6bd;border:1px solid rgba(49,216,155,.35)}.tag.specific{background:rgba(137,109,255,.13);color:#b9a9ff;border:1px solid rgba(137,109,255,.35)}.tag.custom{background:rgba(255,44,139,.13);color:#ff86be;border:1px solid rgba(255,44,139,.35)}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid #1d3b45;border-radius:18px;background:linear-gradient(145deg,#0c2027,#0a191f);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.16);transition:.2s}.card:hover{border-color:#315662}.card.photo-card{border-color:#2d525b}.card-head{padding:16px 16px 13px;display:grid;grid-template-columns:1fr auto;gap:10px}.card-titleline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.code{font-weight:900;color:var(--cyan);font-size:14px}.category{color:#87a9b2;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.card h3{margin:9px 0 5px;font-size:17px}.card .desc{color:#8faab1;font-size:12.5px;line-height:1.5;margin:0}.card-actions{display:flex;gap:5px;align-items:flex-start}.icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid #1f4049;background:#0a181e;color:#a9c3c9;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{color:#fff;border-color:#3a6673}.icon-btn.delete:hover{color:var(--danger)}.details{display:none;border-top:1px solid #173640;padding:15px;background:rgba(4,16,21,.35)}.card.open .details{display:block}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-box{border:1px solid #173741;background:#081a20;border-radius:12px;padding:12px}.info-box b,.prompt-box b,.photo-box b{display:block;color:#9cf4e6;font-size:11px;margin-bottom:7px;text-transform:uppercase;letter-spacing:.05em}.info-box p{margin:0;color:#b1c5ca;font-size:12px;line-height:1.55}.prompt-box{margin-top:10px;border:1px solid #1a414b;background:#07171d;border-radius:12px;padding:12px}.prompt-text{white-space:pre-wrap;color:#d8e6e8;font-size:12px;line-height:1.55;margin:0 0 10px}.prompt-actions{display:flex;gap:8px;flex-wrap:wrap}.copy-btn,.open-ai-btn{border:1px solid #23515b;background:#0d2830;color:#baf7ed;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:11px}.copy-btn:hover,.open-ai-btn:hover{border-color:var(--cyan)}.photo-box{margin-top:10px;border:1px dashed #2d5661;padding:12px;border-radius:12px;background:#0a1a21}.photo-uploader{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.photo-uploader input{display:none}.upload-label{cursor:pointer;border:1px solid #2e606b;background:#0e2b33;color:#b9eee5;padding:8px 10px;border-radius:9px;font-size:11px}.photo-preview{width:72px;height:58px;object-fit:cover;border-radius:9px;border:1px solid #31545e}.photo-note{color:#75939b;font-size:10px}.empty{text-align:center;padding:70px 20px;color:#89a4ab}.empty-icon{font-size:42px}.hidden{display:none!important}.footer{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:center;padding:28px clamp(18px,4vw,64px);border-top:1px solid #16313a;color:#76949c;background:#061116}.footer img{width:92px;height:42px;object-fit:contain}.footer b{color:#cfe0e3;font-size:12px}.footer span{font-size:11px}.footer p{justify-self:end;max-width:560px;font-size:10px;line-height:1.45;text-align:right}.modal{width:min(760px,calc(100% - 24px));border:1px solid #2d5964;border-radius:18px;background:#0a1a20;color:var(--text);box-shadow:0 30px 80px rgba(0,0,0,.5);padding:0}.modal::backdrop{background:rgba(0,8,11,.76);backdrop-filter:blur(5px)}.modal form{padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.modal h2{margin:4px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal label{display:grid;gap:6px;color:#9eb9c0;font-size:11px;margin-bottom:12px}.modal input,.modal textarea,.modal select{width:100%;background:#07161c;color:#e9f4f5;border:1px solid #23434c;border-radius:10px;padding:10px;outline:none}.modal input:focus,.modal textarea:focus,.modal select:focus{border-color:var(--cyan)}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.check-row input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.toast{position:fixed;right:20px;bottom:20px;z-index:60;background:#0f2f36;color:#dffcf7;border:1px solid #2c6069;border-radius:12px;padding:12px 15px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;box-shadow:var(--shadow);font-size:12px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.hero{grid-template-columns:1fr}.toolbar-card{align-items:stretch;flex-direction:column}.view-actions{overflow:auto}.command-grid{grid-template-columns:1fr}.summary-row{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:auto 1fr}.footer p{grid-column:1/-1;justify-self:start;text-align:left}.top-actions .ghost{display:none}.brand-copy{display:none}}
@media(max-width:620px){.topbar{height:70px;padding:10px 14px}.brand-logo{width:90px}.content{width:min(100% - 20px,1180px);padding-top:26px}.hero h1{font-size:38px}.hero p{font-size:14px}.ai-tabs{grid-template-columns:1fr}.ai-tab{padding:12px}.section-switch,.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.segment,.chip{white-space:nowrap}.info-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.top-actions .primary{padding:9px 11px;font-size:11px}}