:root{--bg: #0a0a0c;--bg-elev: #131318;--bg-elev-2: #1a1a22;--line: #26262f;--line-soft: #1e1e26;--text: #f4f4f6;--text-dim: #a2a2b0;--text-faint: #6d6d7a;--accent: #7c5cff;--accent-hot: #9146ff;--accent-ink: #ffffff;--radius: 16px;--radius-sm: 10px;--maxw: 1180px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(16px,4vw,40px);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}.brand{display:flex;align-items:baseline;gap:10px}.brand-mark{font-weight:900;font-size:20px;letter-spacing:1px;background:linear-gradient(120deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-weight:600;font-size:13px;color:var(--text-faint);letter-spacing:.5px}.app-user{display:flex;align-items:center;gap:12px}.app-user-link{display:flex;align-items:center;gap:12px;padding:4px 8px 4px 4px;margin:-4px;border-radius:var(--radius-sm);transition:background .12s ease}.app-user-link:hover{background:var(--bg-elev-2)}.app-avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--line)}.app-user-meta{display:flex;flex-direction:column;line-height:1.2}.app-user-name{font-weight:600;font-size:14px}.app-user-role{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px}.app-main{width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,40px) 80px;flex:1}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-title{margin:0;font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.5px}.page-sub{margin:8px 0 0;max-width:60ch;color:var(--text-dim);font-size:15px;line-height:1.55}.link-back{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--text-faint);transition:color .15s}.link-back:hover{color:var(--text)}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-tab{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:var(--bg-elev);color:var(--text-dim);font-size:14px;font-weight:600;transition:all .15s}.filter-tab:hover{color:var(--text);border-color:var(--text-faint)}.filter-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-bottom:40px}.tpl-card{display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden;transition:transform .15s,border-color .15s}.tpl-card:hover{transform:translateY(-3px);border-color:var(--accent)}.tpl-thumb{aspect-ratio:16 / 10;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.tpl-info{padding:14px 16px 16px;border-top:1px solid var(--line-soft)}.tpl-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.tpl-name{font-weight:700;font-size:15px}.tpl-badge{font-size:11px;font-weight:600;color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--line);padding:3px 8px;border-radius:999px}.tpl-meta{display:block;margin-top:6px;font-size:12.5px;color:var(--text-faint)}.tpl-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tpl-preview>svg{display:block;max-width:100%;max-height:100%;height:auto}.tpl-preview.checker{background-color:#1a1a22;background-image:linear-gradient(45deg,#101015 25%,transparent 25%),linear-gradient(-45deg,#101015 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#101015 75%),linear-gradient(-45deg,transparent 75%,#101015 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.panel{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-elev);padding:22px}.edge-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,var(--bg-elev),var(--bg-elev-2))}.edge-callout h3{margin:0 0 6px;font-size:18px}.edge-callout p{margin:0;max-width:52ch;color:var(--text-dim);font-size:14px;line-height:1.5}.empty{text-align:center;padding:60px 22px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.editor-preview{border:1px solid var(--line-soft);border-radius:var(--radius);background:#000;padding:20px;min-height:320px;display:flex;align-items:center;justify-content:center;position:sticky;top:92px}.editor-panel{position:sticky;top:92px}.panel-title{margin:0 0 16px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.field{display:block;margin-bottom:16px}.field-label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-dim)}.input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:14px;transition:border-color .15s}.input:focus{outline:none;border-color:var(--accent)}.input.file{padding:8px;font-size:13px;color:var(--text-dim)}.color-field{display:flex;gap:10px;align-items:center}.color-swatch{width:44px;height:40px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:none;cursor:pointer;flex:none}.color-swatch::-webkit-color-swatch-wrapper{padding:4px}.color-swatch::-webkit-color-swatch{border:none;border-radius:6px}.image-field{display:flex;align-items:center;gap:12px}.image-thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line)}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.field-hint{margin:16px 0 0;font-size:13px;color:var(--text-faint);line-height:1.5}.inline-link,.field-hint a{color:var(--accent);font-weight:600}.btn-primary,.btn-ghost,.btn-discord{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:var(--accent-hot)}.btn-ghost{background:var(--bg-elev-2);border-color:var(--line);color:var(--text)}.btn-ghost:hover:not(:disabled){border-color:var(--text-faint)}.btn-primary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-ghost.sm{padding:7px 12px;font-size:13px}.btn-discord{background:#5865f2;color:#fff}.btn-discord:hover{background:#4752c4}.gate-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.gate-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.28),transparent 62%);filter:blur(30px);top:-160px;z-index:0}.gate-card{position:relative;z-index:1;max-width:460px;text-align:center;padding:40px 34px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gate-eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}.gate-title{margin:0 0 14px;font-size:34px;font-weight:800;letter-spacing:-.5px}.gate-lead{margin:0 0 24px;color:var(--text-dim);font-size:15px;line-height:1.6}.gate-actions{display:flex;justify-content:center;gap:10px}.gate-fine{margin:18px 0 0;font-size:12.5px;color:var(--text-faint)}.gate-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:780px){.editor-grid{grid-template-columns:1fr}.editor-preview,.editor-panel{position:static}.hero-row,.edge-callout{flex-direction:column;align-items:flex-start}}.app-header-left{display:flex;align-items:center;gap:20px;min-width:0}.app-nav{display:flex;align-items:center;gap:4px;padding-left:16px;border-left:1px solid var(--line-soft)}.app-nav-link{font-size:13.5px;font-weight:600;color:var(--text-dim);padding:7px 12px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.app-nav-link:hover{color:var(--text);background:var(--bg-elev)}.app-nav-link.active{color:var(--text);background:color-mix(in srgb,var(--accent) 18%,transparent)}.app-nav-link:focus-visible,.app-nav-link.active:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-bottom:44px}.tile-card{display:flex;flex-direction:column;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--bg-elev);padding:26px 24px;transition:transform .15s,border-color .15s,background .15s}.tile-card:not(.disabled):hover{transform:translateY(-3px);border-color:var(--accent);background:var(--bg-elev-2)}.tile-card.disabled{opacity:.55}.tile-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-icon{font-size:30px;margin-bottom:14px}.tile-card h2{margin:0 0 8px;font-size:19px;font-weight:700}.tile-card p{margin:0;flex:1;color:var(--text-dim);font-size:14px;line-height:1.6}.tile-cta{margin-top:18px;font-size:13.5px;font-weight:600;color:var(--accent)}.tile-cta.muted{color:var(--text-faint)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title{margin:0;font-size:18px;font-weight:700}.panel.empty{text-align:center;padding:56px 28px}.empty-icon{font-size:40px;margin-bottom:12px}.panel.empty h2{margin:0 0 8px;font-size:18px}.panel.empty p{margin:0 auto;max-width:420px;color:var(--text-dim);font-size:14px;line-height:1.6}.panel.skeleton{color:var(--text-faint)}.muted-text{color:var(--text-faint);font-size:14px}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.type-card{text-align:left;background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:14px;padding:22px 20px;transition:transform .15s,border-color .15s,background .15s}.type-card:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--bg-elev-2)}.type-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.type-icon{font-size:26px;margin-bottom:12px}.type-card h3{margin:0 0 6px;font-size:16px;font-weight:700}.type-card p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.55}.ticket-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ticket-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-elev);border:1px solid var(--line-soft);border-radius:12px;padding:16px 18px;transition:background .15s,border-color .15s}.ticket-card:hover{background:var(--bg-elev-2);border-color:var(--line)}.ticket-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ticket-main{display:flex;flex-direction:column;gap:4px;min-width:0}.ticket-title{font-size:15px;font-weight:600}.ticket-meta{font-size:12.5px;color:var(--text-faint)}.status{font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.status.ticket-submitted{background:var(--bg-elev-2);color:var(--text-dim)}.status.ticket-triaged{background:#60a5fa29;color:#93c5fd}.status.ticket-in_progress{background:#7c5cff2e;color:#c4b5fd}.status.ticket-needs_info{background:#d299222e;color:#f5c451}.status.ticket-delivered{background:#3fb95029;color:#6ee787}.status.ticket-closed{background:var(--bg-elev);color:var(--text-faint);border:1px solid var(--line-soft)}.form-panel{display:flex;flex-direction:column;gap:18px}.form-panel .field,.field-row .field{margin-bottom:0}.field-label em{color:var(--accent);font-style:normal}.textarea{min-height:90px;resize:vertical;line-height:1.5}.field-row{display:flex;gap:16px;flex-wrap:wrap}.field-row .field{flex:1;min-width:200px}.field.inline{flex:1;margin-bottom:0}.form-actions{display:flex;justify-content:flex-end}.notice{border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;line-height:1.5;text-align:left}.notice.error{background:#f851491a;border:1px solid rgba(248,81,73,.35);color:#ffb4ae}.notice.success{background:#3fb9501a;border:1px solid rgba(63,185,80,.35);color:#8ee29a}.checkbox-field{display:flex;flex-direction:row;align-items:center;gap:10px}.checkbox-field input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.checkbox-field .field-label{margin-bottom:0;font-weight:500}.link-row{display:flex;align-items:center;gap:8px}.link-row .link-label{flex:0 0 160px}.link-row .input:not(.link-label){flex:1}.chip-options{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--text-dim);transition:all .15s}.chip:hover{border-color:var(--text-faint);color:var(--text)}.chip.selected{background:#7c5cff2e;border-color:var(--accent);color:#fff}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}.detail-main{display:flex;flex-direction:column;gap:18px;min-width:0}.detail-side{position:sticky;top:92px}.brief-list{margin:0;display:flex;flex-direction:column;gap:14px}.brief-row{display:flex;flex-direction:column;gap:3px}.brief-row dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.brief-row dd{margin:0;font-size:14.5px;color:var(--text);line-height:1.5}.brief-subhead{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:18px 0 6px}.brief-notes{margin:0;font-size:14px;color:var(--text-dim);line-height:1.6;white-space:pre-wrap}.brief-deadline{margin:16px 0 0;font-size:13px;color:#f5c451}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px}.file-name{flex:1;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:var(--text-faint)}.thread-panel{display:flex;flex-direction:column}.thread{display:flex;flex-direction:column;gap:12px;max-height:420px;overflow-y:auto;margin-bottom:14px}.msg{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px}.msg.mine{background:#7c5cff14;border-color:#7c5cff40}.msg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.msg-author{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.msg-badge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:5px;background:#7c5cff2e;color:#c4b5fd}.msg-time{font-size:11px;color:var(--text-faint)}.msg-body{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim);white-space:pre-wrap}.composer{display:flex;flex-direction:column;gap:10px}.admin-panel{border-color:#d2992259;background:linear-gradient(180deg,rgba(210,153,34,.06),transparent);margin-bottom:18px}.admin-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}@media(max-width:860px){.detail-grid{grid-template-columns:1fr}.detail-side{position:static}.app-nav{display:none}}