:root{font-family:var(--font-text,"Arial Narrow","Roboto Condensed","Inter Tight","Segoe UI",Arial,sans-serif);color:#f4efe4;--font-heading:Rajdhani,"Arial Narrow",Arial,sans-serif;--font-text:"Inter Tight","Arial Narrow",Arial,sans-serif;--primary:var(--primary);--primary-rgb:214,182,106;--primary-light:var(--primary-light);--primary-dark:var(--primary-dark);--silver:#cfd4dc;--line:rgba(var(--primary-rgb),.18);--glass:#121210c7;--card:#ffffff0b;background:#050505}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb),.42) #ffffff09}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#ffffff06,rgba(var(--primary-rgb),.035));border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(var(--primary-rgb),.62),#cfd4dc38);border:1px solid #ffffff0f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-light),#cfd4dc6b)}.brand b,.flowHead h2,.groupTitle b,.sideTitle,.detailBar span{font-family:var(--font-heading);font-stretch:75%}body,button,input,textarea,select{font-family:var(--font-text)}.adminTools{border:1px solid rgba(var(--primary-rgb),.14);background:#ffffff09;border-radius:14px;grid-template-columns:1fr 1fr 150px;gap:8px;margin:10px 0;padding:10px;display:grid}.adminTools label{text-transform:uppercase;letter-spacing:.12em;color:#918878;font-size:10px;font-weight:900}.adminTools select,.adminTools input[type=color]{border:1px solid rgba(var(--primary-rgb),.16);color:#fff;background:#00000047;border-radius:10px;width:100%;height:38px;margin-top:6px;padding:8px}.dangerBtn{color:#ffc0a7!important;border-color:#dd704873!important}.editModal{width:min(720px,100%)}.adminModal label{color:#cfc7b9;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:900;display:block}.adminModal textarea.smallArea{height:110px}@media (width<=640px){.adminTools{grid-template-columns:1fr}}html{scroll-behavior:smooth}body{color:#f4efe4;background:#050505;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}.appShell{background:radial-gradient(circle at 9% 0%,rgba(var(--primary-rgb),.16),transparent 22%),radial-gradient(circle at 88% 6%,#cfd4dc1a,transparent 26%),radial-gradient(circle at 55% 85%,#b6813a1a,transparent 24%),linear-gradient(135deg,#121212 0%,#070707 46%,#020202 100%);min-height:100vh;padding-bottom:238px}.appShell:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(rgba(var(--primary-rgb),.035) 1px,transparent 1px),linear-gradient(90deg,#cfd4dc06 1px,transparent 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.orb{filter:blur(14px);pointer-events:none;z-index:0;opacity:.65;border-radius:999px;position:fixed}.orb1{background:radial-gradient(circle,var(--primary-light),var(--primary-dark) 62%,transparent 74%);width:80px;height:80px;box-shadow:0 0 65px rgba(var(--primary-rgb),.36);top:76px;right:22px}.orb2{background:radial-gradient(circle,#f2f4f7,#9aa4b2 66%,#0000 75%);width:44px;height:44px;bottom:135px;left:42%;box-shadow:0 0 48px #cfd4dc47}.topbar{z-index:80;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505d1;grid-template-columns:300px minmax(230px,1fr) auto;align-items:center;gap:10px;height:66px;padding:9px 14px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand>span{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark) 58%,#f2f4f7);width:38px;height:38px;box-shadow:0 0 24px rgba(var(--primary-rgb),.2);color:#090806;border-radius:12px;place-items:center;font-weight:1000;display:grid}.brand b{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:15px;display:block}.brand small{color:#8e8778;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-size:10px;display:block}.search{border:1px solid rgba(var(--primary-rgb),.16);background:#ffffff0a;border-radius:13px;align-items:center;gap:7px;min-width:0;height:38px;padding:0 10px;display:flex}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:80px}.search span{color:#9d927e}.search button{color:var(--primary-light);background:0 0;border:0}.quickFilters{scrollbar-width:thin;align-items:center;gap:6px;display:flex;overflow-x:auto}.quickFilters button{border:1px solid rgba(var(--primary-rgb),.16);color:#d7d1c4;white-space:nowrap;background:#ffffff0b;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:800}.quickFilters .on,.quickFilters button:hover{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#090806}.quickFilters .danger{color:#f0b391;border-color:#dd704873}.quickFilters .adminBtn{background:linear-gradient(135deg,var(--primary),#f2f4f7);color:#090806}.adminMode .topbar{box-shadow:0 0 0 1px rgba(var(--primary-rgb),.2),0 10px 38px rgba(var(--primary-rgb),.08)}.layout{z-index:1;grid-template-columns:236px 1fr;gap:12px;padding:12px 14px;display:grid;position:relative}.aside{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:thin;background:#0c0c0bb8;border-radius:18px;align-self:start;max-height:calc(100vh - 94px);padding:9px;position:sticky;top:78px;overflow:auto}.sideTitle{color:#7d7567;text-transform:uppercase;letter-spacing:.26em;margin:8px 6px;font-size:10px;font-weight:900}.aside a{color:#c8c0b2;border-radius:11px;align-items:center;gap:7px;height:35px;padding:0 9px;font-size:12px;font-weight:800;text-decoration:none;transition:all .15s;display:flex}.aside a:hover,.aside a.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.18),#cfd4dc14);color:#fff;box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.2)}.aside a b{background:rgba(var(--primary-rgb),.16);color:var(--primary-light);border-radius:99px;margin-left:auto;padding:1px 6px}.aside p{color:#908777;margin:8px;font-size:12px}.aside p b{color:var(--primary-light)}.historyItem{text-align:left;border:1px solid rgba(var(--primary-rgb),.12);color:#c8c0b2;background:#00000038;border-radius:11px;width:100%;margin-top:6px;padding:7px 8px;font-size:10.5px}.credit{border-top:1px solid rgba(var(--primary-rgb),.14);color:#8b8273;margin-top:14px;padding:12px 8px 4px;font-size:10.5px;line-height:1.45}.credit a{text-decoration:none;height:auto!important;color:var(--primary-light)!important;background:0 0!important;border-radius:0!important;padding:0!important;font-size:11px!important;display:inline!important}.main{min-width:0}.hero{border:1px solid rgba(var(--primary-rgb),.28);background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),#cfd4dc09);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.hero b{font-size:15px}.hero p{color:#928b7e;margin:3px 0 0;font-size:12px}.hero button,.detailBar button,.dockActions button,.adminModal button,.miniAdmin{border:1px solid rgba(var(--primary-rgb),.18);color:#fff;background:#ffffff0e;border-radius:12px;padding:8px 10px;font-size:11px;font-weight:900}.hero button{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#090806}.detailBar{border:1px solid rgba(var(--primary-rgb),.14);background:#ffffff09;border-radius:17px;grid-template-columns:150px repeat(4,1fr);align-items:center;gap:7px;margin-bottom:10px;padding:8px;display:grid}.detailBar span{text-transform:uppercase;letter-spacing:.16em;color:#8e8778;font-size:10px;font-weight:1000}.detailBar button{flex-direction:column;align-items:center;padding:7px;display:flex}.detailBar button.on{background:linear-gradient(135deg,rgba(var(--primary-rgb),.22),#cfd4dc1a);border-color:rgba(var(--primary-rgb),.62)}.detailBar small{color:var(--primary-light)}.flowNav{z-index:50;border:1px solid rgba(var(--primary-rgb),.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:thin;background:#050505c7;border-radius:16px;flex-wrap:wrap;gap:6px;max-height:76px;margin-bottom:10px;padding:7px;display:flex;position:sticky;top:74px;overflow:auto}.flowNav a{color:#c8c0b2;border:1px solid rgba(var(--primary-rgb),.12);background:#ffffff0a;border-radius:11px;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:900;line-height:1;text-decoration:none;display:flex}.flowNav a:hover,.flowNav a.active{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#090806}.flowNav b{background:#00000038;border-radius:99px;padding:0 5px}.flowSection{border:1px solid rgba(var(--primary-rgb),.12);background:#ffffff07;border-radius:20px;margin-bottom:12px;padding:10px;scroll-margin-top:160px;box-shadow:0 18px 70px #00000029}.flowHead{border-bottom:1px solid rgba(var(--primary-rgb),.12);justify-content:space-between;align-items:center;margin-bottom:9px;padding:0 3px 8px;display:flex}.flowHead h2{letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:14px}.flowHead span{color:#928b7e;font-size:11px}.group{margin:0 0 13px}.groupTitle{color:#e8e0d2;align-items:center;gap:7px;margin:0 0 7px;display:flex}.groupTitle>span{background:rgba(var(--primary-rgb),.12);width:24px;height:24px;color:var(--primary-light);border-radius:9px;place-items:center;display:grid}.groupTitle b{text-transform:uppercase;letter-spacing:.11em;font-size:12px}.groupTitle small{color:#716a5d;font-size:10px;display:block}.groupTitle em{white-space:nowrap;border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal}.modeBadge{color:var(--primary-light);border:1px solid rgba(var(--primary-rgb),.28);margin-left:auto}.requiredBadge{color:#090806;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));border:1px solid rgba(var(--primary-rgb),.4)}.optionalBadge{color:#b4aca0;border:1px solid #cfd4dc29}.miniAdmin.add{background:rgba(var(--primary-rgb),.12);color:var(--primary-light);margin-left:2px;padding:4px 7px}.cards{scrollbar-width:thin;scroll-snap-type:x proximity;gap:7px;padding-bottom:4px;display:flex;overflow:auto hidden}.card{border:1px solid rgba(var(--primary-rgb),.12);color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;background:#ffffff0a;border-radius:13px;flex:0 0 116px;width:116px;height:118px;padding:5px;transition:all .15s;position:relative;overflow:hidden}.card:hover{border-color:rgba(var(--primary-rgb),.54);background:#ffffff12;transform:translateY(-1px)}.card.selected{border-color:var(--primary-light);background:linear-gradient(135deg,rgba(var(--primary-rgb),.23),#cfd4dc14);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.18)}.thumb{background:radial-gradient(circle at 65% 35%,rgba(var(--primary-rgb),.18),transparent 26%),linear-gradient(135deg,#ffffff13,#ffffff05);color:#70685b;text-align:center;border-radius:10px;place-items:center;height:62px;margin-bottom:6px;display:grid;overflow:hidden}.thumb span{opacity:.78;font-size:17px}.thumb small{text-transform:uppercase;letter-spacing:.14em;color:#7b7366;grid-area:1/1;align-self:end;margin-bottom:10px;font-size:7px;display:block}.thumb img{object-fit:cover;width:100%;height:100%}.ct b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.05;display:block;overflow:hidden}.ct small{color:#958b7b;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:9px;line-height:1.05;display:block;overflow:hidden}.tick{background:var(--primary-light);color:#080806;border-radius:99px;place-items:center;width:17px;height:17px;font-size:11px;font-weight:1000;display:none;position:absolute;top:5px;right:5px}.card.selected .tick{display:grid}.fav{color:#746a5a;border:1px solid rgba(var(--primary-rgb),.18);background:#00000080;border-radius:99px;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:5px;left:5px}.fav.on{color:#090806;background:var(--primary-light)}.cardAdmin{border:1px solid rgba(var(--primary-rgb),.18);background:#000000b8;border-radius:9px;gap:3px;padding:3px;display:flex;position:absolute;inset:auto 4px 4px}.cardAdmin i{color:var(--primary-light);text-align:center;flex:1;font-size:8px;font-style:normal}.promptDock{z-index:90;border:1px solid rgba(var(--primary-rgb),.18);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070706e6;border-radius:18px;padding:9px;transition:all .22s;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 -18px 70px #0000006b}.promptDock.collapsed{width:170px;box-shadow:none;background:0 0;border:0;border-radius:16px;padding:0;left:auto;right:18px}.dockToggle{border:1px solid rgba(var(--primary-rgb),.32);background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#080806;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:1000;animation:1.8s ease-in-out infinite pulseGold;position:absolute;top:-17px;right:12px}.promptDock.collapsed .dockToggle{width:100%;box-shadow:0 0 26px rgba(var(--primary-rgb),.28);position:static}@keyframes pulseGold{0%,to{transform:translateY(0);box-shadow:0 0 #d6b66a00}50%{box-shadow:0 0 24px rgba(var(--primary-rgb),.34);transform:translateY(-2px)}}.modelTabs{gap:5px;margin-bottom:7px;display:flex;overflow-x:auto}.modelTabs button{border:1px solid rgba(var(--primary-rgb),.12);color:#c8c0b2;background:#ffffff0d;border-radius:10px;flex:none;padding:6px 9px;font-size:10px;font-weight:1000}.modelTabs button.on{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#090806}.promptDock pre{white-space:pre-wrap;word-break:break-word;border:1px solid rgba(var(--primary-rgb),.12);color:#f4efe4;background:#0000005c;border-radius:12px;height:82px;margin:0;padding:9px;font-size:11.5px;line-height:1.42;overflow:auto}.dockActions{align-items:center;gap:7px;margin-top:7px;display:flex;overflow-x:auto}.dockActions button:first-child{background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));color:#080806}.dockActions span{color:#918878;margin-left:auto;font-size:11px}.modalShade{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a3;justify-content:flex-end;padding:12px;display:flex;position:fixed;inset:0}.adminModal{border:1px solid rgba(var(--primary-rgb),.18);background:linear-gradient(135deg,#191815f0,#090908f5);border-radius:22px;width:min(620px,100%);max-height:calc(100vh - 24px);padding:18px;position:relative;overflow:auto;box-shadow:0 24px 90px #0000008c}.adminModal h2{margin-top:0}.adminModal input,.adminModal textarea{border:1px solid rgba(var(--primary-rgb),.14);color:#fff;background:#00000052;border-radius:12px;width:100%;margin:8px 0;padding:11px}.adminModal textarea{height:260px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px}.adminModal .close{border-radius:50%;width:32px;height:32px;padding:0;position:absolute;top:12px;right:12px}.adminModal small{color:#918878;margin-top:10px;display:block}.adminSwitch{border:1px solid rgba(var(--primary-rgb),.14);border-radius:12px;margin:10px 0;padding:10px}.adminActions{flex-wrap:wrap;gap:7px;margin:8px 0;display:flex}@media (width<=1080px){.topbar{grid-template-columns:1fr;height:auto}.quickFilters{width:100%}.layout{grid-template-columns:1fr}.aside{max-height:none;display:flex;position:relative;top:0;overflow-x:auto}.aside .sideTitle,.aside p,.historyItem,.credit{display:none}.aside a{flex:none}.flowNav{flex-wrap:nowrap;max-height:none;top:112px}.appShell{padding-bottom:285px}}@media (width<=640px){.topbar{padding:8px}.brand b{font-size:13px}.brand small{display:none}.hero{flex-direction:column;align-items:flex-start}.detailBar{grid-template-columns:1fr 1fr}.detailBar span{grid-column:1/-1}.card{border-radius:12px;flex-basis:102px;width:102px;height:108px}.thumb{height:55px}.ct b{font-size:10.5px}.ct small{font-size:8.5px}.promptDock pre{height:112px}.flowSection{border-radius:16px;padding:8px}.groupTitle{flex-wrap:wrap;gap:5px}.groupTitle b{font-size:11px}.groupTitle em{font-size:9px}.modeBadge{margin-left:0}.flowNav a{padding:6px 7px;font-size:10px}}
