/* 卷头、密封线共用独立样式，避免改变其他业务弹窗。 */
.custom-style-dialog {
  --cs-ink:#191919; --cs-muted:#777; --cs-line:rgba(0,0,0,.11); --cs-field:rgba(255,255,255,.72);
  box-sizing:border-box;width:min(600px,calc(100vw - 32px));max-height:88dvh;overflow:auto;
  padding:30px;border:1px solid rgba(255,255,255,.85);border-radius:22px;
  color:var(--cs-ink);background:rgba(249,249,250,.88);
  backdrop-filter:blur(28px) saturate(.25);-webkit-backdrop-filter:blur(28px) saturate(.25);
  box-shadow:0 24px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.8);
  font:14px/1.5 system-ui,-apple-system,"Microsoft YaHei",sans-serif;
}
.custom-style-dialog::backdrop {background:rgba(18,18,18,.24);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.custom-style-heading {display:flex;align-items:center;justify-content:space-between;gap:16px}
.custom-style-eyebrow {font-size:11px;letter-spacing:.12em;color:var(--cs-muted)}
.custom-style-heading h3 {font-size:23px;letter-spacing:-.04em;line-height:1.3;margin:5px 0 0;font-weight:650}
.custom-style-intro {margin:12px 0 25px;color:var(--cs-muted);font-size:13px}
.custom-style-name-label {display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550}
.custom-style-dialog input:not([type=file]) {box-sizing:border-box;min-width:0;width:100%;border:1px solid var(--cs-line);border-radius:10px;padding:11px 13px;background:var(--cs-field);color:var(--cs-ink);font:inherit;font-size:14px;outline:none}
.custom-style-dialog input:not([type=file]):focus {border-color:var(--cs-ink);box-shadow:0 0 0 3px rgba(127,127,127,.12)}
.custom-style-upload {position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;margin-top:20px;padding:25px 18px 22px;border:1px dashed rgba(127,127,127,.4);border-radius:14px;background:rgba(127,127,127,.035);text-align:center;cursor:pointer;transition:background .15s,border-color .15s}
.custom-style-upload:hover,.custom-style-upload:focus-within {background:rgba(127,127,127,.09);border-color:var(--cs-ink)}
.custom-style-upload:has(input:disabled) {opacity:.55;cursor:wait}
.custom-style-upload input {position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:inherit}
.custom-style-upload svg {margin-bottom:5px}
.custom-style-upload strong {font-size:14px;font-weight:550;overflow-wrap:anywhere;max-width:100%}
.custom-style-upload span,.custom-style-upload small {color:var(--cs-muted);font-size:11px}
.custom-style-upload small {margin-top:2px}
.custom-style-dialog .style-status {font-size:11px;line-height:1.7;color:var(--cs-muted);margin:14px 0 0}
.custom-style-dialog .style-preview:not(:empty) {padding:14px;margin-top:20px;border:1px solid var(--cs-line);border-radius:12px;background:white;text-align:center;overflow:auto}
.custom-style-dialog .style-values label {font-size:12px;align-items:center;color:var(--cs-muted)}
.custom-style-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--cs-line);margin-top:24px;padding-top:20px}
.custom-style-actions>div {display:flex;gap:8px}
.custom-style-dialog button {border:1px solid var(--cs-line);border-radius:9px;padding:9px 15px;background:var(--cs-field);color:var(--cs-ink);font:inherit;font-size:13px;cursor:pointer;transition:background .15s,opacity .15s}
.custom-style-dialog button:hover:not(:disabled) {background:rgba(127,127,127,.14)}
.custom-style-dialog button:focus-visible {outline:2px solid var(--cs-ink);outline-offset:3px}
.custom-style-dialog button:disabled {opacity:.34;cursor:not-allowed}
.custom-style-dialog .style-cancel {border-color:transparent;background:transparent;color:var(--cs-muted);padding-left:0}
.custom-style-dialog .style-close {display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;padding:0;color:var(--cs-muted);font-size:23px;font-weight:300}
.custom-style-dialog .style-recognize {border-color:var(--cs-ink);background:var(--cs-ink);color:var(--cs-field)}
.custom-style-dialog .style-recognize:hover:not(:disabled) {opacity:.8;background:var(--cs-ink)}
:root[data-theme="dark"] .custom-style-dialog {--cs-ink:#f0f0f0;--cs-muted:#aaa;--cs-line:rgba(255,255,255,.16);--cs-field:rgba(36,36,36,.8);background:rgba(27,27,29,.9);border-color:rgba(255,255,255,.18);box-shadow:0 24px 80px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
@media(max-width:480px){.custom-style-dialog{padding:22px}.custom-style-actions{gap:6px}.custom-style-dialog button{padding:9px 10px}.custom-style-heading h3{font-size:21px}}
.custom-style-table { overflow-x: auto; margin: 16px 0; }
.custom-style-table table { border-collapse: collapse; width: 100%; }
.custom-style-table td { border: 1px solid #aaa; padding: 4px; min-width: 72px; }
.custom-style-table input { width: 100%; min-width: 64px; box-sizing: border-box; text-align: center; }
