.online-status{font-size:11px;color:var(--text-muted,#82766b);white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis}
.online-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg,#f6f3ee);padding:24px}
.online-login-card{width:390px;padding:34px;background:var(--surface,#fffdf9);border:1px solid var(--border,#ddd5cc);border-radius:12px;box-shadow:0 12px 50px #49321c0d}
.online-login-card h1{font-size:22px;margin:22px 0 8px}.online-login-card p{line-height:1.7;color:#88796a;margin-bottom:18px}.online-login-card label,.online-account-form label{display:block;margin:14px 0;font-size:13px}.online-login-card input,.online-account-form input{margin-top:7px;width:100%}.online-login-card .btn-primary{width:100%;margin:8px 0 18px;justify-content:center}
.online-help{font-size:12px;color:#88796a;line-height:1.7;margin:14px 0}.online-error{color:#ab392f!important;background:#fff0ea;padding:12px;border-radius:6px;line-height:1.6}
.online-users{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:12px}.online-users th,.online-users td{text-align:left;padding:10px 6px;border-bottom:1px solid #e5ded5}.online-account-form{border-top:1px solid #e5ded5;margin-top:20px;padding-top:15px}.online-account-form .btn{margin-right:8px}
.online-failure{position:fixed;inset:0;background:#26180f66;z-index:20000;display:grid;place-items:center}.online-failure>div{background:#fffdf9;border-radius:12px;width:min(520px,90vw);padding:28px}.online-failure p{margin:12px 0;line-height:1.7}.online-failure button{margin:10px 8px 0 0}
[data-online-write]:disabled{cursor:default;opacity:.5}input[data-online-write]:disabled,select[data-online-write]:disabled,textarea[data-online-write]:disabled{opacity:1;color:inherit;-webkit-text-fill-color:inherit;background:transparent}
@media(max-width:1100px){.online-status{max-width:125px}.header-actions{gap:4px}}
.reference-filters{margin-bottom:16px}.reference-filters>.header-search{max-width:440px;height:34px;margin-bottom:12px}.reference-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reference-filter-fields label{font-size:11px;color:var(--ink-3)}.reference-filter-fields select{width:100%;margin-top:5px}.reference-detail-dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.reference-fabric-fields{display:grid;gap:12px}.reference-fabric-fields>.field{margin:0}.reference-field-help{margin:0;font-size:11px;color:var(--ink-3);line-height:1.6}.reference-fabric-summary{display:flex;flex-direction:column;gap:5px;min-width:140px}.reference-fabric-summary strong{font-size:12px;font-weight:500}.reference-fabric-summary>span{font-size:10px;line-height:1.6;color:var(--ink-3);font-weight:400}
.lib-row .lib-cell-name{min-width:190px;flex:1.6}.reference-group-add{margin-left:12px;letter-spacing:0;white-space:nowrap}.lib-group-head>.count{margin-left:auto}.reference-base-picker{padding:12px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:4px}.reference-base-picker label{font-size:11px;color:var(--ink-2)}.reference-base-picker select{width:100%;margin:8px 0}.reference-base-picker p{font-size:11px;line-height:1.6;color:var(--ink-3);margin:0}
@media(max-width:800px){.reference-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.lib-row .lib-cell-name{min-width:140px}}
.reference-library-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.reference-library-toolbar>.header-search{width:440px;max-width:70%;height:34px}.reference-part-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 0 8px;border-bottom:1px solid var(--line);margin-bottom:8px}.reference-part-title{font-family:var(--serif);font-size:14px;letter-spacing:.18em;color:var(--ink-1);padding:3px 12px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:3px}.reference-part-unassigned{color:var(--ink-3)}.reference-part-count{font-size:10.5px;color:var(--ink-3);letter-spacing:.06em}.reference-part-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reference-part-actions .btn{letter-spacing:0}.reference-empty-part{margin:12px 0 24px;padding:18px;background:var(--bg-2);font-size:12px;color:var(--ink-3)}.reference-part-explanation{font-size:13px;line-height:1.9}.reference-part-header .btn:disabled,.reference-library-toolbar .btn:disabled{opacity:.5;cursor:default}
.reference-sort-hint{font-size:11px;line-height:1.6;color:var(--ink-3);margin:0 0 12px}.reference-drag-handle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:30px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ink-3);font-size:18px;letter-spacing:-4px;cursor:grab;touch-action:none;user-select:none}.reference-drag-handle:hover:not(:disabled),.reference-drag-handle:focus-visible{background:var(--bg-2);border-color:var(--line);color:var(--ink-1)}.reference-drag-handle:active:not(:disabled){cursor:grabbing}.reference-drag-handle:disabled{opacity:.3;cursor:default}.reference-item-name{display:flex;align-items:center;gap:7px;min-width:0}.reference-item-name .reference-fabric-summary{min-width:0}.lib-group-head>.reference-drag-handle{margin-right:8px}.reference-drag-preview{position:fixed;z-index:20001;pointer-events:none;max-width:240px;background:var(--surface,#fff);border:1px solid var(--line,#d3cbc2);border-radius:6px;box-shadow:0 5px 20px #0002;padding:10px 14px;color:var(--ink-1,#332a23);font-size:12px;line-height:1.6}.reference-drag-preview strong,.reference-drag-preview span{display:block}.reference-drag-preview span{font-size:11px;color:var(--ink-3,#88796a)}[data-reference-sort-kind]{position:relative}[data-reference-dragging=true]{opacity:.45}[data-reference-drop]::after{content:'';position:absolute;z-index:2;height:3px;left:0;right:0;background:var(--accent,#796452);pointer-events:none;border-radius:2px}[data-reference-drop=before]::after{top:-2px}[data-reference-drop=after]::after{bottom:-2px}