/* Dimensions and density follow the observed user.css, scoped to member screens. */
.ref-workspace{--ref-panel:var(--card-bg,var(--panel));--ref-border:var(--border,var(--line));--ref-primary:var(--primary,var(--text));--ref-secondary:var(--secondary,var(--muted));--ref-active:var(--activate,var(--accent));--ref-hover:var(--hover,var(--accent));font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;padding-bottom:34px;color:var(--ref-primary);line-height:1.6}
.ref-main{display:flex;gap:15px;align-items:stretch}.ref-side{width:160px;min-width:160px;max-width:170px;background:var(--ref-panel);min-height:calc(100vh - 270px);border:1px solid var(--ref-border)}.ref-content{flex:1;min-width:0;font-size:14px;background:var(--ref-panel)}.ref-user{padding-bottom:20px;text-align:center;margin:12px;border-bottom:1px solid var(--ref-border)}.ref-avatar{width:88px;height:88px;border-radius:100%;border:1px solid var(--ref-border);margin:32px auto 5px}.ref-avatar img{width:78px;height:78px;border-radius:50%;margin-top:4px}.ref-user-name{font-size:18px;height:34px;line-height:34px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-user-id{font-size:14px;height:24px;line-height:24px;color:var(--ref-secondary)}.ref-user-auth{margin-top:10px;display:flex;gap:20px;justify-content:center}.ref-user-auth button{width:48px;height:48px;background:var(--ref-border);border-radius:5px;border:2px solid transparent;color:var(--ref-secondary);font-size:20px}.ref-user-auth button:hover{border-color:var(--ref-hover);color:var(--ref-hover)}.ref-icon-fallback{display:none}.ref-user-menu{font-size:14px;text-align:center;margin:15px;display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 564px)}.ref-user-menu a,.ref-user-menu button{line-height:40px;display:block;border-radius:3px;background:var(--ref-border);border:0;padding:0 3px;color:inherit;font:inherit;line-height:40px}.ref-user-menu .active,.ref-user-menu a:hover,.ref-user-menu button:hover{color:var(--ref-panel);background:var(--ref-active)}
.ref-upload-area{width:100%;border:2px dashed var(--ref-hover);padding:15px 20px;text-align:center;display:flex;align-items:center;justify-content:space-evenly;gap:18px;min-height:146px;overflow:auto}.ref-upload-area:hover,.ref-upload-area.dragging{background:color-mix(in srgb,var(--ref-hover) 3%,transparent)}.ref-upload-area p{color:var(--ref-secondary);margin:0;font-size:14px;line-height:1.6}.ref-upload-main{min-width:350px}.ref-upload-main>p{margin-top:10px}.ref-upload-tips{text-align:left;min-width:800px}.ref-upload-tips a{color:var(--ref-hover);font-weight:700}.ref-btn{display:inline-block;font:inherit;line-height:20px;font-size:14px;color:#fff;border:0;border-radius:3px;background:var(--ref-active,var(--accent));padding:7px 15px;cursor:pointer;white-space:nowrap;text-align:center}.ref-btn:hover{background:var(--ref-hover,var(--accent-dark))}.ref-upload-main>.ref-btn{padding:10px 15px;font-weight:600}.ref-table-scroll{overflow:auto}.ref-table{min-height:calc(100vh - 416px);border:1px solid var(--ref-border);min-width:1280px}.ref-table-head,.ref-table-row{display:grid;grid-template-columns:50px minmax(140px,1fr) 240px 100px 70px 160px 160px 100px 50px 100px;height:40px;line-height:40px;border-bottom:1px solid var(--ref-border)}.ref-table-shortlinks{min-width:1390px}.ref-table-shortlinks .ref-table-head,.ref-table-shortlinks .ref-table-row{grid-template-columns:50px minmax(140px,1fr) 180px 240px 50px 50px 70px 150px 150px 90px 50px 50px 100px}.ref-table-head{background:var(--body-bg,var(--bg));font-weight:500}.ref-table-head>div,.ref-table-row>div{padding:0 7px;text-align:center;border-right:1px solid var(--ref-border);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.ref-table-head>div:last-child,.ref-table-row>div:last-child{border-right:0}.ref-table-row:hover{background:rgba(0,0,0,.03)}.ref-table-row .ref-btn{font-size:12px;padding:2px 5px;line-height:17px;font-weight:400;align-self:center}.ref-cell-split{display:flex;align-items:center;gap:6px;justify-content:space-between}.ref-cell-split>a,.ref-cell-split>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-cell-split>.ref-btn{flex-shrink:0}.ref-table-empty{height:40px;line-height:40px;text-align:center;border-bottom:1px solid var(--ref-border)}.ref-row-actions{display:flex;justify-content:center;align-items:center;gap:10px}.ref-toggle{display:inline-block;width:28px;height:16px;border:0;border-radius:12px;background:var(--ref-secondary);padding:2px;vertical-align:middle}.ref-toggle span{display:block;width:12px;height:12px;border-radius:50%;background:white}.ref-toggle.on{background:var(--ref-active)}.ref-toggle.on span{margin-left:12px}.ref-error{font-size:14px;color:#b42318;padding:6px 15px;margin:0}.ref-error:empty{display:none}
.ref-dialog-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:150;display:flex;align-items:center;justify-content:center;padding:15px;--ref-active:var(--activate,var(--accent));--ref-hover:var(--hover,var(--accent-dark))}.ref-dialog{width:max-content;min-width:360px;max-width:95vw;max-height:90vh;overflow:auto;background:var(--card-bg,var(--panel));color:var(--primary,var(--text));border:1px solid var(--border,var(--line));border-radius:5px;font-size:14px}.ref-dialog-body{padding:25px 30px}.ref-dialog h3{font-size:18px;font-weight:500;margin:0 0 20px}.ref-dialog p{line-height:1.6;margin:10px 0}.ref-dialog label{display:block;margin-bottom:14px}.ref-dialog-footer{border-top:1px solid var(--border,var(--line));display:flex;justify-content:flex-end;gap:10px;padding:15px 30px}.ref-cancel{background:var(--secondary,var(--muted))}.ref-input{display:block;width:100%;border:1px solid var(--border,var(--line));border-radius:3px;font:inherit;padding:10px 12px;background:var(--card-bg,var(--panel));color:var(--primary,var(--text));margin:5px 0;min-width:240px;max-width:100%}.ref-wrap{overflow-wrap:anywhere;max-width:720px}
body:has(.ref-list-editor){overflow:hidden}.ref-list-editor{position:fixed;inset:0;z-index:90;display:flex;gap:6px;background:#fff;color:#34495e;font-family:Arial,sans-serif;font-size:14px;padding:5px 5px 5px 0}.ref-list-preview{width:28%;flex:none;height:100%;background:#000;color:#ffa500;overflow:auto;font-family:SimSun,monospace;font-size:12px;line-height:22px;white-space:pre}.ref-list-preview summary{cursor:pointer;list-style:none}.ref-list-preview summary:before{content:'⊟ ';color:#8a8a8a}.ref-list-preview details:not([open]) summary:before{content:'⊞ '}.ref-server-item{padding-left:20px;cursor:default;min-height:20px}.ref-server-item span{margin-right:6px;color:#808080}.ref-list-edit-main{flex:1;min-width:0;display:flex;flex-direction:column}.ref-list-edit-content{display:flex;flex:1;min-height:0}.ref-list-edit-content>textarea{min-width:0;flex:1;width:100%;height:100%;border:1px solid #ddd;border-radius:0;padding:3px;color:#34495e;background:white;font:14px SimSun,serif;resize:none;line-height:17px}.ref-editor-panel{width:31%;min-width:280px;overflow:auto;border:1px solid #ddd;border-left:0;padding:5px}.ref-editor-panel[hidden]{display:none}.ref-editor-tools-head{display:flex;justify-content:space-between;align-items:center;font-family:SimSun,serif;font-size:20px;border-bottom:1px solid #ddd;margin-bottom:5px}.ref-editor-tools-head>.ref-btn{font:28px Arial,sans-serif;background:none;color:#aaa;padding:0}.ref-template-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ref-list-editor .ref-btn{background:#008b8b;border-radius:4px;padding:5px;color:#fff;border:0}.ref-template-buttons .ref-btn{font-size:14px}.ref-editor-panel label{display:block;margin:10px 0}.ref-editor-panel .ref-input{font-size:14px;min-width:0}.ref-editor-bar{display:flex;gap:20px;align-items:stretch;padding-top:12px;flex:none;min-height:63px}.ref-editor-bar>.ref-btn{flex:1;font-size:16px;line-height:20px;white-space:normal;min-width:82px}.ref-editor-bar>.ref-btn:nth-child(2){background:#17a2b8}.ref-editor-bar>.ref-btn:nth-child(3){background:#ff8000}.ref-editor-bar>.ref-btn:nth-child(4){background:#455a64}.ref-editor-bar>label{display:flex;align-items:center;gap:6px;font-family:SimSun,serif;min-width:0;flex:1.9}.ref-editor-bar input{min-width:0;margin:0;padding:8px;flex:1;color:#000;background:#fff;border:1px solid #ddd}.ref-editor-status{font-size:12px;line-height:18px;color:#a10000}.ref-editor-status:empty{display:none}.ref-color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.ref-color-palette button{border:1px solid #ddd;height:28px;font:11px Arial;color:white;text-shadow:0 1px 2px #000,0 -1px 2px #000;cursor:pointer}
@media(max-width:900px){.ref-main{gap:10px}.ref-side{width:150px;min-width:150px}.ref-upload-area{justify-content:flex-start}.ref-list-editor{overflow:auto;min-width:900px}.ref-editor-bar{gap:10px}.ref-editor-panel{min-width:260px}.ref-list-preview{width:28%}}

.ref-list-editor .ref-editor-tools-head>.ref-btn{background:none;color:#aaa;padding:0;line-height:26px;font-weight:300}

.ref-gateway-key{border:0;background:none;color:inherit;font:inherit;font-size:12px;padding:0;cursor:pointer}.ref-table-lists .ref-row-actions{gap:6px}