.label-list-mode #design-workspace,
.label-list-mode #editor-file-tools,
.label-list-mode header>div:not(:first-child),
.label-list-mode #label-template-name { display:none!important; }
#label-template-name { width:150px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:5px;font-size:12px; }
#label-library:not([hidden]) { display:flex;flex-direction:column;flex:1;min-height:0;padding:28px 40px 36px;overflow:auto;background:#f6f7f9; }
.label-library-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px; }
#label-library .label-library-toolbar { margin-bottom:20px; }
#label-library h1 { margin:0;font-size:25px;line-height:36px;letter-spacing:-.5px;font-weight:700;color:#172033; }
#label-library .label-library-toolbar p { margin:4px 0 0;font-size:13px;line-height:20px;color:#7b8494; }
#label-library button { display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border:1px solid #dce0e7;border-radius:7px;background:#fff;font-size:13px;line-height:20px;color:#475569;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s; }
#label-library button:hover { background:#f8fafc;border-color:#b9c2d0; }
#label-library button.primary { background:#dc2626;border-color:#dc2626;color:#fff;font-weight:600; }
#label-library button.primary:hover { background:#bf1e1e;border-color:#bf1e1e; }
#label-library button:focus-visible,#label-library input:focus-visible,#label-library select:focus-visible { outline:2px solid #e74949;outline-offset:3px; }
#label-library .label-library-header-actions { display:flex;gap:8px;flex-wrap:wrap; }
.label-library-filters { display:flex;align-items:center;padding:0 0 18px;border-bottom:1px solid #e4e7ed;margin-bottom:20px; }
.label-library-search { width:340px;max-width:100%;height:40px;padding:9px 13px;border:1px solid #dce0e7;border-radius:8px;background:#fff;font-size:13px;color:#334155; }
.label-library-search::placeholder { color:#94a3b8; }
.label-library-status { color:#b91c1c;font-size:13px; }
.label-library-status:empty { display:none; }
.label-library-cards { display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:24px;align-items:start; }
.label-library-card { overflow:hidden;min-width:0;background:#fff;border:1px solid #e2e6ec;border-radius:12px;box-shadow:0 2px 5px #0f172a04;transition:border-color .15s,box-shadow .15s; }
.label-library-card:hover { border-color:#cbd2dd;box-shadow:0 7px 22px #0f172a09; }
.label-library-stage { position:relative;background:#eef0f3;background-image:radial-gradient(#d9dee5 .7px,transparent .7px);background-size:12px 12px; }
.label-library-badge { position:absolute;top:14px;left:14px;z-index:1;padding:3px 8px;border:1px solid #e2e8f0;border-radius:5px;background:#fffffff2;color:#64748b;font-size:11px;line-height:18px;pointer-events:none; }
.label-library-badge.pending { color:#a16207;background:#fffbeb;border-color:#fde68a; }
#label-library .label-library-preview { display:flex;width:100%;height:224px;margin:0;padding:38px 24px 18px;border:0;border-radius:0;background:transparent;color:#94a3b8;font-size:12px; }
#label-library .label-library-preview:hover { background:#ffffff30; }
.label-library-preview img { display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 7px #0f172a16); }
.label-library-preview[aria-busy=true] img { opacity:.55; }
.label-library-preview-tools { display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:8px 18px;border-bottom:1px solid #edf0f4;color:#8a93a1;font-size:11px; }
.label-library-preview-tools select { max-width:70%;padding:3px 23px 3px 8px;border:1px solid #e2e7ee;border-radius:5px;background:#fff;color:#526174;font-size:11px; }
.label-library-details { padding:18px; }
#label-library h3 { display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:22px;margin:0 0 12px;font-size:15px;line-height:22px;font-weight:600;color:#202b3d;overflow-wrap:anywhere; }
.label-library-meta { display:flex;align-items:center;gap:10px;color:#637085;font-size:12px;line-height:20px; }
.label-library-meta span+span::before { content:'·';margin-right:10px;color:#c4cbd6; }
#label-library .label-library-updated { margin:5px 0 18px;color:#9aa2af;font-size:11px;line-height:18px; }
.label-library-actions { display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:7px; }
#label-library .label-library-actions button.danger{color:#b91c1c;border-color:#fecaca}
#label-library .label-library-actions button.danger:hover{background:#fff1f2}
.label-delete-dialog{width:400px;max-width:92vw;padding:24px;border:1px solid #e2e8f0;border-radius:12px;color:#334155}
.label-delete-dialog::backdrop{background:#0f172a66}
.label-delete-dialog h2{font-size:20px;font-weight:700;color:#172033}
.label-delete-dialog p{margin:16px 0;overflow-wrap:anywhere;line-height:1.7}
.label-delete-dialog>div{display:flex;justify-content:flex-end;gap:10px}
.label-delete-dialog button{padding:8px 16px;border:1px solid #dce2eb;border-radius:6px;background:white}
.label-delete-dialog button.danger{background:#dc2626;border-color:#dc2626;color:white}
#label-library .label-library-actions button { min-width:0;padding:8px 5px;font-size:12px;white-space:nowrap; }
.label-library-empty { grid-column:1/-1;padding:80px 24px;text-align:center;background:#fff;border:1px dashed #d5dce5;border-radius:12px;color:#8a94a3;font-size:14px; }
#label-list-preview::backdrop { background:#0f172a66; }
#label-list-preview h3 { font-size:16px;font-weight:600;overflow-wrap:anywhere; }
#label-list-preview button { padding:8px 14px;border:1px solid #dce0e7;border-radius:6px;font-size:13px; }
@media(max-width:760px) {
  #label-library:not([hidden]) { padding:24px 18px; }
  #label-library .label-library-toolbar { align-items:flex-start;flex-direction:column;gap:14px; }
  #label-library .label-library-header-actions { gap:6px; }
  #label-library .label-library-header-actions button { padding:7px 10px;font-size:12px; }
  .label-library-search { width:100%; }
  .label-library-filters { padding-bottom:18px;margin-bottom:18px; }
  .label-library-cards { gap:18px; }
}