:root{color-scheme:dark;font-family:Inter,"PingFang SC",sans-serif;background:#090b13;color:#f5f5fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#2b165b 0,transparent 35%),#090b13}button,input,select{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;background:#0c0f18e8;border-bottom:1px solid #272b3b}header b{font-size:22px}header span{margin-left:12px;color:#999fb2}header button,form button{border:0;border-radius:12px;padding:11px 18px;color:white;background:linear-gradient(135deg,#7847ff,#e45191)}main{max-width:1400px;margin:auto;padding:26px 4vw}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats article,.panel{background:#111522;border:1px solid #272d40;border-radius:18px;padding:20px}.stats b{display:block;font-size:30px}.stats span,small{display:block;color:#9299ac;margin-top:5px}nav{display:flex;gap:8px;margin:24px 0}nav button,.toolbar button,.tr button,.cards button{border:1px solid #353b50;border-radius:10px;padding:9px 13px;background:#171c2b;color:#dfe2ee}nav .active{background:#6338bd;color:white}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar input,.toolbar select,form input{min-width:220px;padding:11px;border:1px solid #343a4e;border-radius:10px;background:#0c101b;color:white}.table{display:grid}.tr{display:grid;grid-template-columns:1.2fr .6fr 1fr 1.2fr;gap:12px;align-items:center;padding:13px;border-bottom:1px solid #282d3d}.tr span:last-child{display:flex;gap:7px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.cards article{display:grid;grid-template-columns:78px 1fr;gap:12px;background:#171b29;border-radius:14px;padding:12px}.cards img{width:78px;height:106px;object-fit:cover;border-radius:9px}.cards button{margin-top:10px;width:100%}#log-list p{padding:12px;border-bottom:1px solid #282d3d}dialog{border:1px solid #343a4e;border-radius:20px;background:#111522;color:white;padding:30px}dialog form{display:grid;gap:14px;min-width:300px}#login-error{color:#ff718d}@media(max-width:700px){.stats{grid-template-columns:1fr 1fr}.tr{grid-template-columns:1fr}.tr.head{display:none}header span{display:none}}
.canvas-pricing-form{display:grid;gap:14px;max-width:860px}.canvas-pricing-form fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;padding:12px;border:1px solid #343a4e;border-radius:12px}.canvas-pricing-form legend{padding:0 7px;color:#cbd3e8;font-weight:700}.canvas-pricing-form label{display:grid;gap:6px;padding:9px;border-radius:9px;background:#0c101b}.canvas-pricing-form input{min-width:0;width:100%}.canvas-pricing-form>button{justify-self:start}
.output-resolution-form { display: grid; gap: 12px; max-width: 420px; }
.output-resolution-form label { display: flex; align-items: center; gap: 8px; padding: 12px; border: 1px solid #343a4e; border-radius: 10px; }
.settings-form { display: grid; gap: 14px; max-width: 480px; }
.settings-form label { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #343a4e; border-radius: 10px; }
.settings-form select { margin-left: auto; padding: 9px; border: 1px solid #343a4e; border-radius: 9px; background: #0c101b; color: white; }
.settings-form fieldset { border: 1px solid #343a4e; border-radius: 12px; padding: 12px; }
.prompt-template-heading,.prompt-template-savebar,.prompt-template-category-header,.prompt-template-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-template-heading>div{min-width:0}.prompt-template-heading h2{margin-bottom:4px}.prompt-template-heading p{margin-top:0}.prompt-template-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.prompt-template-toolbar input,.prompt-template-toolbar select{min-width:180px;flex:1;padding:10px;border:1px solid #343a4e;border-radius:10px;background:#0c101b;color:#fff}.prompt-template-toolbar button,.prompt-template-savebar button,.prompt-template-category-header button,.prompt-template-card button{border:1px solid #353b50;border-radius:9px;padding:8px 11px;background:#171c2b;color:#e8eaf2}.prompt-template-list{display:grid;gap:14px}.prompt-template-category{padding:14px;border:1px solid #30364a;border-radius:14px;background:#0d111c}.prompt-template-category-header>div:first-child{min-width:0}.prompt-template-category-header small{overflow-wrap:anywhere}.prompt-template-category-actions,.prompt-template-card-actions{display:flex;flex-wrap:wrap;gap:6px}.prompt-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px;margin-top:12px}.prompt-template-card{display:grid;gap:8px;padding:12px;border:1px solid #2d3448;border-radius:11px;background:#171b29}.prompt-template-card[draggable=true]{cursor:grab}.prompt-template-card.dragging{opacity:.45}.prompt-template-card p{display:-webkit-box;margin:0;overflow:hidden;color:#b9bfd0;-webkit-line-clamp:3;-webkit-box-orient:vertical}.prompt-template-empty{padding:24px;text-align:center;color:#969db0}.prompt-template-savebar{position:sticky;bottom:0;margin-top:16px;padding:12px;background:#111522e8;backdrop-filter:blur(12px)}.prompt-template-editor-dialog{width:min(92vw,680px)}.prompt-template-editor-dialog form{display:grid;gap:12px}.prompt-template-editor-dialog label{display:grid;gap:6px}.prompt-template-editor-dialog input,.prompt-template-editor-dialog select,.prompt-template-editor-dialog textarea{width:100%;padding:10px;border:1px solid #343a4e;border-radius:9px;background:#0c101b;color:#fff}.prompt-template-editor-dialog menu{display:flex;justify-content:flex-end;gap:8px;padding:0}.prompt-template-editor-dialog [role=alert]{min-height:1.2em;color:#ff8ca3}@media(max-width:700px){.prompt-template-heading,.prompt-template-category-header,.prompt-template-savebar{align-items:stretch;flex-direction:column}.prompt-template-category-actions{width:100%}.prompt-template-category-actions button{flex:1}.prompt-template-toolbar>*{width:100%}.prompt-template-grid{grid-template-columns:1fr}}
.shell-template-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 8px; max-height: 420px; overflow: auto; }
.shell-template-list label { padding: 9px; }
.portrait-user-group { margin-top: 16px; overflow: hidden; border: 1px solid #30364a; border-radius: 15px; background: #0d111c; }
.portrait-user-group > header { position: static; padding: 12px 15px; background: #151a29; border: 0; }
.portrait-moderation-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(145px,1fr)); gap: 12px; padding: 14px; }
.portrait-moderation-card { display: grid; gap: 7px; min-width: 0; padding: 9px; border: 1px solid #2c3245; border-radius: 12px; background: #171b29; }
.portrait-moderation-card label { color: #b8bed0; font-size: 13px; }
.portrait-thumbnail { width: 100%; height: 170px; overflow: hidden; padding: 0; border: 0; border-radius: 9px; background: #090b13; }
.portrait-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.portrait-pagination { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 18px; }
.portrait-pagination button { padding: 9px 14px; border: 1px solid #353b50; border-radius: 10px; background: #171c2b; color: #fff; }
.portrait-preview-dialog { width: min(92vw,900px); max-height: 92vh; }
.portrait-preview-dialog img { display: block; width: 100%; max-height: 78vh; margin-top: 12px; object-fit: contain; border-radius: 12px; background: #080a11; }
.portrait-preview-dialog video { display: block; width: 100%; max-height: 78vh; margin-top: 12px; border-radius: 12px; background: #000; }
.portrait-moderation-card.moderation-blocked { border-color: #713548; background: #24141b; }
button.danger { border-color: #693447; background: #351b27; color: #ff9bad; }
@media(max-width:700px){.portrait-moderation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.portrait-thumbnail{height:145px}.portrait-moderation-card{padding:7px}}

/* Grouped administration navigation */
#admin-menu-toggle { display: none; margin-right: 10px; padding: 8px 11px; border: 1px solid #3a4157; border-radius: 10px; background: #171c2b; color: #fff; }
main { display: grid; grid-template-columns: 240px minmax(0,1fr); gap: 18px 22px; align-items: start; }
main > :not(#admin-nav) { grid-column: 2; min-width: 0; }
#admin-nav { position: sticky; top: 92px; grid-column: 1; grid-row: 1 / span 20; display: grid; gap: 9px; max-height: calc(100vh - 112px); margin: 0; padding: 12px; overflow-y: auto; border: 1px solid #292f41; border-radius: 17px; background: #101522; }
#admin-nav details { overflow: hidden; border: 1px solid #2b3245; border-radius: 12px; background: #141a29; }
#admin-nav summary { position: relative; padding: 13px 34px 13px 13px; color: #d3d8e8; font-size: 15px; font-weight: 700; line-height: 1.35; cursor: pointer; list-style: none; }
#admin-nav summary::-webkit-details-marker { display: none; }
#admin-nav summary::after { content: '›'; position: absolute; right: 14px; transform: rotate(90deg); transition: transform .18s ease; }
#admin-nav details:not([open]) summary::after { transform: rotate(0); }
#admin-nav button { display: block; width: calc(100% - 12px); margin: 0 6px 6px; padding: 9px 11px; border: 0; border-radius: 9px; background: transparent; color: #d8dceb; text-align: left; }
#admin-nav button:hover { background: #20283a; }
#admin-nav button.active { background: linear-gradient(135deg,#6841c2,#49307d); color: #fff; }
@media(max-width:700px){main{display:block;padding-top:18px}main>:not(#admin-nav){min-width:0}#admin-menu-toggle{display:inline-block;min-width:0;flex:0 0 auto}#admin-nav{position:fixed;z-index:20;top:0;bottom:auto;left:0;display:block;box-sizing:border-box;width:min(82vw,300px);height:100vh;height:100dvh;max-height:none;margin:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:0 18px 18px 0;padding:72px 14px calc(24px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 50px #0009}body.admin-nav-open #admin-nav{transform:translateX(0)}#admin-nav details{margin-bottom:9px}#admin-nav button{padding:12px}.stats{margin-top:0}}
 .moderation-health-card{max-width:680px;margin:14px 0 18px;padding:16px;border:1px solid #343a4e;border-radius:14px;background:#111725}.moderation-health-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.moderation-health-heading div{display:grid;gap:4px}.moderation-health-heading strong{font-size:1.35rem}.moderation-health-heading strong[data-level="normal"]{color:#4ade80;text-shadow:0 0 18px rgba(74,222,128,.35)}.moderation-health-heading strong[data-level="fault"],.moderation-health-heading strong[data-level="partial"]{color:#ff5c72;text-shadow:0 0 18px rgba(255,92,114,.4)}.moderation-health-heading small{color:#9ca7bd}.moderation-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.moderation-health-grid span{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:9px;background:#0c101b}.moderation-health-grid [data-state="normal"],#content-moderation-capability-status[data-state="normal"]{color:#4ade80;font-weight:800}.moderation-health-grid [data-state="fault"],#content-moderation-capability-status[data-state="fault"]{color:#ff5c72;font-weight:800}#content-moderation-capability-status[data-state]{max-width:680px;padding:10px 12px;border:1px solid currentColor;border-radius:9px;background:#0c101b}#content-moderation-health-components{display:flex;flex-wrap:wrap;align-items:center;gap:7px}#content-moderation-health-components span{padding:5px 8px;border:1px solid currentColor;border-radius:999px;font-size:.82rem;font-weight:750}#content-moderation-health-components [data-state="normal"]{color:#4ade80;background:rgba(25,110,62,.22)}#content-moderation-health-components [data-state="fault"]{color:#ff5c72;background:rgba(140,28,48,.25)}.moderation-health-warning{padding:10px;border-radius:9px;color:#ffd8a8;background:#5f370e;font-weight:700}.content-review-card{display:flex;justify-content:space-between;gap:16px;margin:10px 0;padding:14px;border:1px solid #343a4e;border-radius:12px;background:#111725}.content-review-card small{display:block;color:#9ca7bd}.content-review-card>div:last-child{display:flex;align-items:center;gap:8px}@media(max-width:700px){.moderation-health-grid{grid-template-columns:1fr}.content-review-card{display:grid}}