:root{color-scheme:dark;--bg-0: #090c10;--bg-1: #0f1419;--bg-2: #161d24;--bg-3: #1e2730;--bg-4: #283340;--surface: rgba(19, 25, 32, .94);--surface-2: rgba(25, 33, 42, .98);--surface-3: rgba(33, 43, 54, .98);--line: rgba(111, 138, 159, .28);--line-strong: rgba(122, 157, 183, .46);--line-hot: rgba(90, 211, 231, .52);--text: #e7edf4;--text-muted: #97a9b8;--text-faint: #6f8393;--cyan: #5ad3e7;--cyan-strong: #93ecff;--cyan-soft: rgba(90, 211, 231, .14);--amber: #ffc04d;--amber-strong: #ffd67f;--amber-soft: rgba(255, 192, 77, .14);--orange: #ff8e43;--orange-soft: rgba(255, 142, 67, .14);--green: #47d48c;--green-soft: rgba(71, 212, 140, .14);--red: #ff6961;--red-soft: rgba(255, 105, 97, .14);--panel-shadow: 0 0 0 1px rgba(0, 0, 0, .55), 0 10px 24px rgba(0, 0, 0, .28);--panel-inset: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 rgba(0, 0, 0, .42);--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px;--transition-fast: .14s ease-out;--transition-mid: .18s ease-out;font-family:Inter,Bahnschrift,DIN Alternate,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#ffffff08}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#93ecff33;background-clip:padding-box}html{min-height:100%;background:var(--bg-0)}body{position:relative;margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at top right,rgba(90,211,231,.12),transparent 28%),radial-gradient(circle at left center,rgba(255,192,77,.06),transparent 22%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 44%,#10151b 100%)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{opacity:.2;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 88%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 88%)}body:after{opacity:.12;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 2px,transparent 2px 14px)}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:#627585}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan-strong)}code,pre,.code-pill,.secret-card__code,.secret-card__value,.code-block{font-family:SFMono-Regular,JetBrains Mono,Consolas,Liberation Mono,monospace}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);gap:12px;min-height:100vh;padding:12px}.content-shell,.page-body,.page-stack,.stack-column,.form-stack,.selection-list{display:flex;flex-direction:column;gap:12px}.sidebar,.panel,.topbar,.tab-strip,.breadcrumb-bar,.profile-card,.project-row,.selection-card,.secret-card,.info-card,.stat-card,.upload-preview,.asset-row,.chip,.empty-state,.data-table-wrap{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#ffffff02 22%,#00000029),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--panel-shadow),var(--panel-inset)}.sidebar:before,.panel:before,.topbar:before,.tab-strip:before,.profile-card:before,.project-row:before,.selection-card:before,.secret-card:before,.info-card:before,.stat-card:before,.upload-preview:before,.asset-row:before,.chip:before,.empty-state:before,.data-table-wrap:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,rgba(90,211,231,.4),transparent 60%);pointer-events:none}.sidebar,.panel,.topbar{border-radius:var(--radius-lg);padding:14px}.tab-strip,.breadcrumb-bar{border-radius:var(--radius-md);padding:8px}.panel--hero{border-color:var(--line-hot);background:linear-gradient(180deg,#5ad3e714,#ffffff04 22%,#00000029),linear-gradient(180deg,#1a232b,#131a21)}.panel--hero:after,.button--danger:after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:repeating-linear-gradient(135deg,#ffc04ddb 0,#ffc04ddb 10px,#0e121629 10px,#0e121629 20px);opacity:.86;pointer-events:none}.sidebar{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 24px);background:linear-gradient(180deg,rgba(90,211,231,.05),transparent 16%),linear-gradient(180deg,#161d24,#10151b)}.sidebar__brand{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(122,157,183,.22)}.sidebar__brand h1,.panel__title,.topbar h2,.project-row__title,.profile-card__title,.info-card__value,.project-card__title,.secret-card__value,.stat-card__value{margin:0;font-weight:800}.sidebar__brand h1,.topbar h2,.panel__title{letter-spacing:.04em;text-transform:uppercase}.sidebar__brand h1{font-size:1.32rem}.sidebar__brand p,.sidebar__footer p,.panel__description,.muted-text,.field__hint,.empty-state p,.project-cell__meta,.nav-link__meta,.selection-card__description,.asset-row__value{margin:0;color:var(--text-muted)}.panel__description{font-size:.84rem;line-height:1.6}.sidebar__brand p{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.eyebrow,.sidebar__label,.sidebar__footer-label,.field__label,.stat-card__label,.secret-card__label,.info-card__label,.selection-card__meta,.table-caption,.data-table th{font-size:.71rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow,.sidebar__label,.sidebar__footer-label,.field__label,.selection-card__meta,.table-caption{color:var(--cyan)}.stat-card__label,.secret-card__label,.info-card__label{color:var(--text-faint)}.sidebar__nav,.sidebar__subnav{display:flex;flex-direction:column;gap:8px}.nav-link,.tab-link,.resource-link{position:relative;display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-md);border:1px solid rgba(111,138,159,.22);background:linear-gradient(180deg,#ffffff05,#00000024);padding:10px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.nav-link:before,.tab-link:before,.resource-link:before{content:"";position:absolute;inset:8px auto 8px 0;width:2px;background:transparent;transition:background-color var(--transition-fast),box-shadow var(--transition-fast)}.nav-link:hover,.tab-link:hover,.resource-link:hover,.project-row:hover,.selection-card:hover,.button:hover,.icon-button:hover,.chip:hover,.asset-row:hover,.info-card:hover,.secret-card:hover,.stat-card:hover{border-color:var(--line-strong);box-shadow:0 0 0 1px #93ecff14,0 12px 20px #00000038,var(--panel-inset);transform:translateY(-1px)}.nav-link--active,.tab-link--active,.selection-card--active{border-color:var(--line-hot);background:linear-gradient(180deg,#5ad3e71f,#5ad3e709 24%,#0000002e),linear-gradient(180deg,#222d36,#151c23);box-shadow:0 0 0 1px #5ad3e71f,0 10px 18px #00000038,var(--panel-inset)}.nav-link--active:before,.tab-link--active:before,.selection-card--active:before{background:var(--cyan);box-shadow:0 0 10px #5ad3e76b}.nav-link__title,.resource-link__title{font-size:.92rem;font-weight:700;letter-spacing:.03em}.nav-link__meta,.resource-link__meta,.project-cell__meta,.selection-card__description{font-size:.76rem;letter-spacing:.04em}.sidebar__footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(122,157,183,.22)}.profile-card{display:flex;flex-direction:column;gap:8px;border-radius:var(--radius-md);padding:12px}.profile-card__title,.project-row__title,.project-card__title,.secret-card__value,.info-card__value,.stat-card__value{line-height:1.2}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}.topbar__heading{display:flex;flex-direction:column;gap:6px}.topbar__actions,.panel__header,.inline-cluster,.actions-row,.button-cluster,.asset-row,.form-toolbar,.selection-card__header,.project-cell,.project-cell--actions{display:flex;align-items:center;gap:10px}.panel__header,.topbar,.asset-row,.form-toolbar{justify-content:space-between}.panel__header{padding-bottom:10px;margin-bottom:2px;border-bottom:1px solid rgba(122,157,183,.18)}.topbar__actions:empty{display:none}.topbar h2{font-size:1.12rem}.tab-strip{display:flex;flex-wrap:wrap;gap:8px}.tab-link{padding:9px 12px;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.layout-grid,.form-grid,.info-grid,.toggle-grid,.project-list-grid,.meta-grid,.summary-grid,.resource-grid,.upload-preview{display:grid;gap:12px}.layout-grid--sidebar{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}.form-grid,.info-grid,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid,.meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-list-grid{grid-template-columns:1fr;gap:8px}.project-row,.selection-card,.secret-card,.info-card,.stat-card,.upload-preview,.empty-state{border-radius:var(--radius-md);padding:12px}.project-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr) 92px 92px 132px 92px;gap:12px;align-items:center}.project-row--head{border:none;background:transparent;box-shadow:none;padding:0 10px 4px}.project-row--head:before{display:none}.project-row__primary{min-width:0}.project-row__title{font-size:.95rem}.project-row__actions-head{text-align:right}.project-cell,.project-cell--actions{min-width:0}.project-cell--actions,.actions-row{justify-content:flex-end}.stat-card,.info-card,.secret-card{display:flex;flex-direction:column;gap:6px}.info-card__value,.stat-card__value,.secret-card__value{font-size:1rem}.code-pill,.secret-card__code,.code-block{display:inline-flex;align-items:center;max-width:100%;overflow:hidden;border:1px solid rgba(122,157,183,.22);border-radius:var(--radius-sm);background:linear-gradient(180deg,#5ad3e714,#00000038);padding:7px 9px;color:#d9f7ff;font-size:.78rem;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.field{display:flex;flex-direction:column;gap:6px}.field__hint{font-size:.77rem;color:var(--text-faint)}.control{width:100%;min-height:42px;border:1px solid rgba(111,138,159,.3);border-radius:var(--radius-sm);background:linear-gradient(180deg,#ffffff06,#00000024),#0d1318;padding:10px 11px;color:var(--text);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #00000047;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.control--file{padding:6px 8px}.control--file::file-selector-button{margin-right:10px;border:1px solid rgba(90,211,231,.42);border-radius:var(--radius-sm);background:linear-gradient(180deg,#5ad3e729,#5ad3e70f);color:#d8fbff;padding:7px 10px;font-weight:700;letter-spacing:.04em}textarea.control{min-height:96px;resize:vertical}select.control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--cyan) 50%),linear-gradient(135deg,var(--cyan) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.control:focus,.button:focus,.nav-link:focus,.tab-link:focus,.icon-button:focus,.selection-card:focus{outline:none;border-color:var(--line-hot);box-shadow:0 0 0 3px #5ad3e724,inset 0 1px #ffffff08}.toggle-card{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:var(--radius-sm);border:1px solid rgba(111,138,159,.24);background:linear-gradient(180deg,#ffffff05,#00000029);padding:10px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.toggle-card:hover{border-color:var(--line-hot);box-shadow:0 0 0 1px #5ad3e714,var(--panel-inset);transform:translateY(-1px)}.toggle-card input{width:16px;height:16px;accent-color:var(--cyan)}.toggle-card__title{font-size:.83rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.toggle-card__description{display:none}.button,.icon-button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:var(--radius-sm);border:1px solid rgba(111,138,159,.28);padding:0 12px;background:linear-gradient(180deg,#ffffff09,#0000002e);color:var(--text);font-size:.8rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);box-shadow:0 0 0 1px #0000004d,inset 0 1px #ffffff08}.button:active,.icon-button:active,.nav-link:active,.tab-link:active,.selection-card:active{transform:translateY(1px)}.button--primary{border-color:#5ad3e78f;background:linear-gradient(180deg,#5ad3e72e,#5ad3e714);color:#dffbff}.button--secondary{border-color:#7a9db757;color:#d9e6f1}.button--ghost{border-color:#7a9db738;background:transparent}.button--danger{border-color:#ff8e438f;background:linear-gradient(180deg,#ff8e4333,#ff8e4314);color:var(--amber-strong)}.icon-button{width:32px;min-width:32px;padding:0}.feedback{border-radius:var(--radius-sm);border:1px solid transparent;padding:10px 12px;font-size:.82rem;font-weight:700;letter-spacing:.03em}.feedback--error{border-color:#ff696161;background:linear-gradient(180deg,#ff696129,#ff696112);color:#ffd4d0}.feedback--success{border-color:#47d48c5c;background:linear-gradient(180deg,#47d48c29,#47d48c12);color:#d8ffe8}.status-badge,.pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border:1px solid rgba(111,138,159,.26);border-radius:999px;padding:0 10px;background:#ffffff0a;font-size:.71rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.status-badge[data-tone=success],.pill--success{border-color:#47d48c70;background:var(--green-soft);color:#a9ffd1}.status-badge[data-tone=warning],.pill--warning{border-color:#ffc04d75;background:var(--amber-soft);color:var(--amber-strong)}.status-badge[data-tone=danger],.pill--danger{border-color:#ff696170;background:var(--red-soft);color:#ffd2cf}.status-badge[data-tone=info],.pill--info{border-color:#5ad3e77a;background:var(--cyan-soft);color:var(--cyan-strong)}.status-badge[data-tone=neutral],.pill,.pill--neutral{color:#c8d3de}.data-table-wrap{padding:0}.data-table{width:100%;border-collapse:collapse;background:transparent}.data-table th,.data-table td{padding:11px 12px;text-align:left;vertical-align:middle}.data-table th{position:relative;border-bottom:1px solid rgba(122,157,183,.24);background:linear-gradient(180deg,#5ad3e714,#00000029);color:var(--cyan)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background:#5ad3e70d}.data-table tbody tr+tr td{border-top:1px solid rgba(122,157,183,.14)}.empty-state{display:flex;flex-direction:column;gap:6px;align-items:flex-start;justify-content:center;min-height:74px;border-style:dashed}.loading-state{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.loading-state:before{content:"";width:12px;height:12px;border:2px solid rgba(90,211,231,.16);border-top-color:var(--cyan);border-radius:999px;animation:spin .9s linear infinite}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-size:.78rem}.selection-card{width:100%;text-align:left}.selection-card__header{justify-content:space-between;margin-bottom:6px}.asset-row{border-radius:var(--radius-sm);padding:8px 10px}.asset-row__value{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.upload-preview__item{display:flex;flex-direction:column;gap:4px}.text-link{color:var(--cyan-strong);font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.toggle-grid,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row{grid-template-columns:minmax(0,1.15fr) minmax(200px,1fr) 90px 90px 120px 88px}}@media(max-width:1120px){.layout-grid--sidebar,.form-grid,.info-grid,.toggle-grid,.resource-grid,.meta-grid,.summary-grid,.upload-preview{grid-template-columns:1fr}.project-row{grid-template-columns:minmax(0,1fr);justify-items:start}.project-cell--actions,.actions-row{justify-content:flex-start}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;min-height:auto}.topbar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
