:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6edf7;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body{margin:0}main{max-width:1400px;margin:0 auto;padding:24px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.headActions{align-items:center;gap:10px;display:flex}.headActions select{width:auto;min-width:76px;margin:0}h1{margin:0;font-size:30px}h2,h3{margin:0 0 10px}p{color:#9aa7bd}code{color:#a9c4ff}button{color:#fff;cursor:pointer;background:#356cff;border:0;border-radius:10px;padding:10px 14px}button:hover{filter:brightness(1.08)}button[type=button]{background:#28324a}.cards{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;display:grid}.card,.attention,.setup,.tableWrap{background:#121a2d;border:1px solid #26324b;border-radius:16px;padding:16px;box-shadow:0 10px 30px #0004}.card span{color:#9aa7bd;display:block}.card strong{font-size:22px}.card.primary{background:#142248;border-color:#356cff}.setup{border-color:#ef476f;margin-bottom:16px}.adminShell{gap:14px;display:grid}.adminTabs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.adminTabs button{color:#bac6d8;background:#172238;border:1px solid #303d59;align-items:center;gap:8px;display:flex}.adminTabs button.active{color:#fff;background:#356cff;border-color:#6f92ff}.adminTabs b{color:#e6edf7;text-align:center;background:#0c1324;border-radius:999px;min-width:24px;padding:2px 7px;font-size:12px}.adminTabs button.active b{background:#15306c}.adminTabPanel{min-width:0}.flow{color:#bac6d8;background:#0c1324;border:1px solid #26324b;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.flow b{color:#e6edf7}.flow span{background:#172238;border:1px solid #303d59;border-radius:999px;padding:6px 10px}.attention{gap:10px;margin-bottom:14px;display:grid}.issue{text-align:left;background:#0c1324;border:1px solid #303d59;grid-template-columns:1fr 2fr auto;align-items:center;gap:12px;display:grid}.issue span{color:#bac6d8}.issue em{color:#e6edf7;font-style:normal}.toolbar{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.toolbar button{color:#bac6d8;text-transform:capitalize;background:#172238}.toolbar button.active{color:#fff;background:#356cff}.tableWrap{padding:0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #26324b;padding:12px 14px}th{color:#9aa7bd;text-transform:uppercase;letter-spacing:.04em;font-size:12px}tr{cursor:pointer}tbody tr:hover{background:#172238}.pill{text-transform:capitalize;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-block}.ok{color:#55e39a;background:#123d2a}.warning,.unlimited{color:#ffd166;background:#483815}.danger,.expired{color:#ff7b91;background:#4a1b24}.inactive{color:#9aa7bd;background:#29334a}.meter{background:#29334a;border-radius:999px;min-width:120px;height:9px;margin-bottom:4px;overflow:hidden}.meter div{background:linear-gradient(90deg,#3ddc97,#ffd166,#ef476f);height:100%}.drawer{z-index:10;background:#0f1728;border-left:1px solid #303d59;width:min(520px,100vw - 32px);height:100vh;padding:22px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 60px #0008}.close{float:right;background:#28324a;padding:4px 12px;font-size:22px}.reason{background:#172238;border:1px solid #303d59;border-radius:12px;padding:10px}.stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{color:#9aa7bd;margin-bottom:10px;font-size:12px;display:block}label b{color:#e6edf7;margin-top:2px;font-size:15px;display:block}input,select,textarea{box-sizing:border-box;color:#e6edf7;background:#0c1324;border:1px solid #303d59;border-radius:8px;width:100%;margin-top:4px;padding:9px}textarea{resize:vertical;line-height:1.45}input[type=checkbox]{vertical-align:middle;width:auto;margin-right:8px}.rewriteList{gap:10px;display:grid}.rewriteGroup{background:#0c1324;border:1px solid #303d59;border-radius:12px;gap:10px;padding:12px;display:grid}.rewriteGroupHead{grid-template-columns:150px 1fr auto;align-items:end;gap:10px;display:grid}.rewriteRules{gap:10px;display:grid}.rewriteRule{background:#0c1324;border:1px solid #303d59;border-radius:12px;grid-template-columns:130px 1fr minmax(260px,2fr) 100px auto;align-items:end;gap:10px;padding:12px;display:grid}.rewriteTargets{gap:8px;display:grid}.rewriteTargets span{color:#9aa7bd;font-size:12px}.rewriteTarget{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.rewriteTarget input{margin-top:0}.fallbackFields{grid-template-columns:180px minmax(260px,1fr);align-items:end;gap:10px;max-width:720px;display:grid}.actions,.quick{flex-wrap:wrap;gap:10px;margin:12px 0 20px;display:flex}.quick button{color:#55e39a;background:#123d2a}.error{color:#ff9aae;white-space:pre-wrap;background:#2a1018;border:1px solid #ef476f;border-radius:12px;padding:12px}.formError{color:#ff9aae;margin:0}.audit{color:#bac6d8;gap:8px;display:grid}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.loginBox{background:#121a2d;border:1px solid #26324b;border-radius:18px;width:min(420px,100%);padding:24px;box-shadow:0 20px 80px #0008}.publicBox{width:min(620px,100%)}.publicBox h3{margin-top:16px}.publicResult>p{margin:12px 0}.publicModels{background:#0c1324;border:1px solid #26324b;border-radius:12px;overflow:auto}.publicModels table{min-width:640px}.publicModels th,.publicModels td{padding:10px 12px}.publicModels tr{cursor:default}.loginBox button{width:100%;margin-top:8px}.loginErr{color:#ff7b91;margin:8px 0}pre{background:#0c1324;border-radius:10px;padding:10px;overflow:auto}.imagePage{max-width:1180px}.imageHero{background:radial-gradient(circle at 0 0,#203b83,#121a2d 46%,#0c1324);border:1px solid #26324b;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:24px;display:flex;box-shadow:0 20px 70px #0005}.imageHero p{max-width:760px;margin:8px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:#72f0b8!important}.ghostLink{color:#cfe0ff;white-space:nowrap;border:1px solid #52668f;border-radius:999px;padding:9px 13px;text-decoration:none}.imageGrid{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:16px;display:grid}.imagePanel{background:#121a2d;border:1px solid #26324b;border-radius:18px;padding:18px;box-shadow:0 10px 30px #0004}.imageRow{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.imageRow button{margin-bottom:10px}.imageActions{align-items:center}.imageActions button:disabled{opacity:.55;cursor:not-allowed}.keyOptions{justify-content:space-between;align-items:center;gap:10px;margin:-2px 0 12px;display:flex}.keyOptions label{margin:0}.keyOptions button{padding:7px 10px}.hintText{color:#ffd166;margin:-8px 0 12px}.previewPanel textarea{min-height:180px}.okText{color:#55e39a;margin:8px 0}.resultBox{gap:12px;margin-top:14px;display:grid}.resultBox img{object-fit:contain;background:#0c1324;border:1px solid #303d59;border-radius:16px;width:100%;max-height:720px}.emptyPreview{color:#9aa7bd;text-align:center;box-sizing:border-box;background:#0c1324;border:1px dashed #303d59;border-radius:16px;place-items:center;min-height:320px;margin-top:14px;padding:16px;display:grid;position:relative;overflow:hidden}.emptyPreview.generating{border-style:solid;border-color:#4c79ff}.generatingPreview{justify-items:center;gap:12px;width:100%;display:grid}.generatingPreview b{color:#e6edf7;font-size:18px}.generatingPreview p{margin:0}.imageLoadingFrame{aspect-ratio:1;background:linear-gradient(135deg,#101a31,#17284a);border:1px solid #314366;border-radius:18px;width:min(280px,80%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.imageLoadingFrame:before{content:"";background:linear-gradient(90deg,#0000,#72f0b833,#0000);animation:1.5s ease-in-out infinite imageScan;position:absolute;inset:0;transform:translate(-120%)}.imageLoadingFrame:after{content:"";background:#72f0b8;border-radius:999px;height:10px;animation:1.2s ease-in-out infinite alternate imageBar;position:absolute;bottom:18%;left:18%;right:18%}.imageLoadingFrame span{background:#e6edf70f;border:1px solid #6f92ff66;border-radius:14px;animation:1.2s ease-in-out infinite alternate imagePulse;position:absolute;inset:18%}.imageUsageStats{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;display:grid}.imageUsageStats label{background:#0c1324;border:1px solid #303d59;border-radius:12px;margin:0;padding:10px}.imageEvents{gap:8px;display:grid}.imageEvent{background:#0c1324;border:1px solid #303d59;border-radius:12px;grid-template-columns:minmax(160px,.8fr) 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.imageEvent div{gap:2px;display:grid}.imageEvent span,.imageEvent em{color:#9aa7bd;font-size:12px;font-style:normal}.imageEvent p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.imageEvent.error{border-color:#4a1b24}@keyframes imageScan{to{transform:translate(120%)}}@keyframes imagePulse{0%{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes imageBar{0%{opacity:.55;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}@media (width<=1100px){.cards{grid-template-columns:repeat(3,1fr)}.imageGrid{grid-template-columns:1fr}}@media (width<=720px){main{padding:14px}header{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:repeat(2,1fr)}.issue,.rewriteGroupHead,.rewriteRule,.rewriteTarget,.fallbackFields,.imageUsageStats,.imageEvent{grid-template-columns:1fr}.keyOptions{flex-direction:column;align-items:flex-start}.imageRow{grid-template-columns:1fr}.imageRow button{margin-bottom:0}.historyActions{grid-template-columns:1fr}}.historyPanel{margin-top:16px}.historyHead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.historyHead h2{min-width:0}.historyGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.historyItem{background:#0c1324;border:1px solid #303d59;border-radius:14px;gap:10px;min-width:0;padding:12px;display:grid;overflow:hidden}.historyItem b{color:#e6edf7}.historyItem span{color:#9aa7bd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.historyPreviewTile{color:#cfe0ff;background:linear-gradient(135deg,#111b30,#182947);border:1px solid #2f4264;border-radius:12px;place-items:center;min-height:132px;display:grid}.historyPreviewTile span{color:#72f0b8;border:1px solid #52668f;border-radius:14px;place-items:center;width:58px;height:58px;font-weight:800;display:grid}.historyMeta{grid-template-columns:1fr auto;align-items:start;gap:10px;min-width:0;display:grid}.historyMeta div{gap:2px;min-width:0;display:grid}.historyExpiry{display:block}.historyActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.historyActions button{width:100%;padding:9px 10px}.imagePreviewModal{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020713d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.imagePreviewDialog{box-sizing:border-box;background:#121a2d;border:1px solid #354461;border-radius:18px;width:min(920px,100%);max-height:calc(100vh - 48px);padding:18px;overflow:auto;box-shadow:0 24px 90px #000b}.imagePreviewDialog img{object-fit:contain;background:#0c1324;border:1px solid #303d59;border-radius:14px;width:100%;max-height:70vh}.emptyPreview.small{min-height:120px}
