:root{--bg: #f5f6f8;--panel: #ffffff;--border: #d9dde3;--text: #1c2128;--muted: #6a737d;--accent: #2563eb;--danger: #dc2626}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}header{display:flex;align-items:center;gap:24px;padding:10px 20px;background:var(--panel);border-bottom:1px solid var(--border)}header h1{font-size:18px;margin:0}#project-select{max-width:180px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;font-size:13px}nav{display:flex;gap:4px;flex:1}.tab{border:none;background:none;padding:8px 14px;cursor:pointer;border-radius:6px;font-size:14px;color:var(--muted)}.tab.active{background:#e8eefc;color:var(--accent);font-weight:600}.badge{font-size:12px;padding:3px 10px;border-radius:999px;background:#e6f4ea;color:#137333}.badge.warn{background:#fdecea;color:var(--danger)}main{padding:20px}.panel{display:none}.panel.active{display:block}.toolbar{display:flex;gap:12px;margin-bottom:12px;align-items:center}.toolbar input[type=search]{flex:0 0 260px}.btn{display:inline-block;padding:7px 14px;border:1px solid var(--border);border-radius:6px;background:var(--panel);cursor:pointer;font-size:13px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.small{padding:4px 10px;font-size:12px}input[type=text],input[type=search],input[type=password],input[type=number],input[type=date],input[type=datetime-local],select{padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff}.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{background:#fafbfc;font-size:12px;text-transform:uppercase;color:var(--muted);position:relative}.th-resizer{position:absolute;top:0;right:0;bottom:0;width:6px;cursor:col-resize}.th-resizer:hover{background:#2563eb4d}table.resized{table-layout:fixed}table.resized th,table.resized td{overflow:hidden;text-overflow:ellipsis}.drop-hover{outline:2px solid var(--accent);outline-offset:-2px;background:#e8eefc!important}.na-cell{color:#c9ced4;text-align:center}.prompt-row{display:flex;gap:8px;align-items:center;margin:5px 0}.prompt-row>span{flex:0 0 110px;font-size:12px;color:var(--muted)}.prompt-row>input{flex:1}.cicon{display:inline-block;width:calc(var(--rthumb, 20px) * .7);height:calc(var(--rthumb, 20px) * .7);border-radius:4px;vertical-align:middle}.cicon-l{display:inline-block;width:calc(var(--thumb, 72px) * .78);height:calc(var(--thumb, 72px) * .78);border-radius:14px}.flat-head{padding:8px 14px;border-bottom:1px solid var(--border);font-size:12px;display:flex;align-items:center;gap:10px;position:relative}.cols-menu{position:absolute;right:10px;top:36px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 20px #00000026;padding:10px 14px;z-index:60;display:flex;flex-direction:column;gap:6px;min-width:170px;max-height:300px;overflow-y:auto}.cols-menu label{display:flex;gap:8px;align-items:center;font-size:13px;margin:0;color:var(--text)}#flat-table th sup{font-size:9px;color:var(--accent)}.flat-wrap{border:none;border-radius:0;max-height:70vh;overflow:auto}#flat-table th[data-sort]{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}#flat-table th[data-fieldcol]{cursor:grab}#flat-table th.th-drop{outline:2px dashed var(--accent);outline-offset:-2px;background:#e8eefc}#flat-table .fname{vertical-align:middle}#view-search{flex:0 0 190px}#colorize-by{max-width:180px;padding:5px 8px}.thumb-s{width:var(--rthumb, 20px);height:var(--rthumb, 20px);object-fit:cover;border-radius:3px;vertical-align:middle;box-shadow:0 0 0 1px var(--border)}.frow .ficon,.citem .ficon{font-size:calc(var(--rthumb, 20px) * .8);line-height:1}.thumb-l{width:var(--thumb, 72px);height:var(--thumb, 72px);object-fit:cover;border-radius:8px;box-shadow:0 1px 3px #00000026}.thumb-xl{max-width:100%;max-height:170px;object-fit:contain;border-radius:6px;box-shadow:0 1px 4px #00000026}.pv-icon .thumb-xl{display:block;margin:0 auto}tbody tr:hover{background:#f0f4ff;cursor:pointer}td .cell-edit{cursor:pointer;min-width:60px;display:inline-block;min-height:16px}td .empty{color:#c0c6cd}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.card.narrow{max-width:520px}.card h2{margin:0 0 12px;font-size:15px}.card h3{margin:12px 0 8px;font-size:13px}.card label{display:block;margin:8px 0 4px;font-size:13px}.card label input,.card label select{width:100%;margin-top:3px}.card label.check{display:flex;align-items:center;gap:8px}.card label.check input{width:auto;margin:0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input,.row select{margin:0}.muted{color:var(--muted);font-size:12px;margin-top:8px}hr{border:none;border-top:1px solid var(--border);margin:14px 0}.split{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}#views-list{list-style:none;padding:0;margin:0 0 12px}#views-list li{padding:7px 10px;border-radius:6px;cursor:pointer}#views-list li.active{background:#e8eefc;color:var(--accent);font-weight:600}.groupby-item,.filter-row{display:flex;gap:6px;align-items:center;margin:4px 0}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.groupbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 12px;margin:6px 0}.groupbar>.muted{font-size:12px;margin-right:4px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);cursor:pointer;font-size:13px}.chip.active{background:#e8eefc;border-color:var(--accent);color:var(--accent);font-weight:600}.chip .ord{background:var(--accent);color:#fff;border-radius:999px;width:17px;height:17px;font-size:11px;line-height:17px;text-align:center}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:3px;vertical-align:baseline}.opt{display:inline-flex;align-items:center;gap:4px;margin-right:10px;font-size:13px}.fe-option{display:flex;gap:6px;align-items:center;margin:5px 0}.fe-option input[type=text]{flex:1}.fe-option input[type=color]{width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:none}textarea{width:100%;margin-top:3px;padding:7px 10px;border:1px solid var(--border);border-radius:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;resize:vertical}.opt input[type=color]{width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:none}.vtoolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.vtoolbar select{padding:5px 8px}.vtoolbar .check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:0}.flex-spacer{flex:1}.seg{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.seg button{border:none;background:var(--panel);padding:6px 12px;font-size:12px;cursor:pointer;border-right:1px solid var(--border);color:var(--muted)}.seg button:last-child{border-right:none}.seg button.active{background:#e8eefc;color:var(--accent);font-weight:600}.browser{background:var(--panel);border:1px solid var(--border);border-radius:8px;min-height:420px;overflow:hidden}.flist{padding:6px 0}.frow{display:flex;align-items:center;gap:6px;padding:5px 12px;cursor:pointer;font-size:13px}.frow:hover{background:#f0f4ff}.frow.folder.selected{background:#e8eefc;box-shadow:inset 3px 0 0 var(--accent)}.frow.folder .fname:hover{text-decoration:underline;cursor:pointer}.upload-target{font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frow .disclose{width:14px;color:var(--muted);font-size:11px}.frow .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frow .fmeta{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.cols{display:flex;min-height:420px;max-height:70vh;overflow-x:auto}.col{width:230px;min-width:230px;border-right:1px solid var(--border);position:relative;display:flex;flex-direction:column}.col-scroll{overflow-y:auto;flex:1;padding:6px 0}.col-resizer{position:absolute;top:0;right:0;bottom:0;width:7px;cursor:col-resize;z-index:2}.col-resizer:hover{background:#2563eb4d}.citem{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:13px;cursor:pointer}.citem:hover{background:#f0f4ff}.citem.active{background:var(--accent);color:#fff}.citem.active .fname{color:#fff!important}.citem .fname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.citem .chev{color:var(--muted)}.citem.active .chev{color:#fff}.col.preview{width:270px;min-width:270px}.col.preview .col-scroll{padding:20px 16px}.pv-icon{font-size:46px;text-align:center}.pv-name{font-weight:600;text-align:center;word-break:break-all;margin:6px 0 2px}.pv-meta{text-align:center;color:var(--muted);font-size:12px;margin-bottom:12px}.pv-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;padding:4px 0;border-top:1px solid var(--border)}.pv-row span:first-child{color:var(--muted)}.crumbs{padding:8px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.crumb{cursor:pointer}.crumb:hover{color:var(--accent)}.crumb.here{color:var(--text);font-weight:600}.crumb-sep{margin:0 6px;color:var(--border)}.tiles{display:flex;flex-wrap:wrap;gap:6px;padding:16px;align-content:flex-start;--thumb: 96px}.tile{width:calc(var(--thumb) + 40px);padding:10px 6px;border-radius:8px;text-align:center;cursor:pointer}.tile:hover{background:#f0f4ff}.tile .ticon{font-size:calc(var(--thumb) * .56);line-height:1.1;position:relative;display:inline-block}.tile .tdot{position:absolute;right:-3px;bottom:4px;width:13px;height:13px;border-radius:50%;border:2px solid var(--panel)}.tile .tname{font-size:12px;word-break:break-word;margin-top:4px}.tile .tmeta{font-size:11px;color:var(--muted);margin-top:2px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}#auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:400;display:flex;align-items:center;justify-content:center}#auth-overlay .card{width:340px}#preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center}#preview-modal{width:80vw;height:80vh;background:var(--panel);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 48px #0006}.pm-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600;word-break:break-all}#pm-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background:#21262d}#pm-body img,#pm-body video{max-width:100%;max-height:100%;object-fit:contain}#pm-body iframe{width:100%;height:100%;border:none;background:#fff}#pm-body pre{align-self:stretch;width:100%;margin:0;padding:16px 20px;overflow:auto;background:#fff;font-size:12px;line-height:1.5}#pm-body .muted{color:#d0d5da}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;background:var(--panel);border-left:1px solid var(--border);box-shadow:-4px 0 16px #00000014;padding:20px;overflow-y:auto;transform:translate(100%);transition:transform .15s ease}.drawer.open{transform:translate(0)}.drawer h2{margin:0 0 4px;font-size:16px;word-break:break-all}.drawer h3{font-size:13px;margin:16px 0 8px}.drawer .fieldrow{display:flex;align-items:center;gap:8px;margin:6px 0}.drawer .fieldrow>span{flex:0 0 130px;font-size:13px;color:var(--muted)}.drawer .fieldrow>input,.drawer .fieldrow>select,.drawer .fieldrow>textarea{flex:1}.drawer .fieldrow>textarea{margin:0;font-family:inherit}td textarea{min-width:220px;font-family:inherit;margin:0}.drawer .fieldrow .ms{flex:1;display:flex;flex-wrap:wrap;gap:6px}.drawer .fieldrow .ms label{display:flex;gap:4px;align-items:center;font-size:12px;border:1px solid var(--border);border-radius:999px;padding:2px 8px;margin:0}#versions-table{width:100%;margin-top:8px}#versions-table th,#versions-table td{padding:5px 8px;font-size:12px}.hist{max-height:260px;overflow-y:auto}.hist-row{display:flex;gap:8px;padding:4px 0;font-size:12px;border-bottom:1px solid var(--border);align-items:baseline}.hist-when{color:var(--muted);flex:0 0 108px}.hist-who{font-weight:600;flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-what{flex:1;word-break:break-word}.gp-track{position:fixed;top:0;left:0;right:0;height:3px;background:#0000000f;z-index:900;pointer-events:none}.gp-fill{height:100%;background:var(--accent);transition:width .12s linear}.gp-fill.indeterminate{width:30%;animation:gp-slide 1.1s ease-in-out infinite}@keyframes gp-slide{0%{margin-left:-30%}to{margin-left:100%}}.gp-label{position:fixed;top:10px;right:12px;z-index:900;background:var(--panel, #fff);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px;box-shadow:0 2px 8px #0000001f;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}