#li-app [hidden]{display:none!important}
#li-app{color:var(--site-text)}
.li-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;border:1px solid var(--site-border);border-radius:6px;background:var(--site-surface);color:var(--site-text);font:inherit;cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere}
.li-button:hover{background:var(--site-surface-muted)}
.li-button:focus-visible,.li-break:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}
.li-button:disabled{opacity:.5;cursor:not-allowed}
.li-primary,.li-primary:hover{background:#2563eb;border-color:#2563eb;color:#fff}
.li-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
#li-name{min-width:0;overflow-wrap:anywhere;font-weight:600}
.li-details{padding:14px;border:1px solid var(--site-border);border-radius:8px;margin:16px 0;background:var(--site-surface)}
.li-details summary{font-weight:600;cursor:pointer;overflow-wrap:anywhere}
.li-details .tool-help{margin:12px 0}
.li-form{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-top:16px}
#li-app .tool-field-control{min-height:46px}
#li-app select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%236b7280' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
[dir=rtl] #li-app select{background-position:left 12px center;padding-right:12px;padding-left:36px}
.li-pagebar{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 12px}
.li-page-count{display:flex;align-items:center;justify-content:center;min-height:46px;overflow-wrap:anywhere;text-align:center}
.li-page-preview{background:var(--site-surface-muted);border:1px solid var(--site-border);border-radius:8px;padding:16px;max-height:75vh;overflow:auto}
.li-page-preview canvas{display:block;margin:auto;width:min(100%,580px);height:auto;box-shadow:0 1px 8px #0002;background:#fff}
.li-source-scroll{height:60vh;max-height:640px;min-height:240px;overflow:auto;background:var(--site-surface-muted);border:1px solid var(--site-border);border-radius:6px;padding:30px 0;overflow-anchor:none}
.li-source-stage{position:relative;width:min(100%,580px);margin:auto;background:#fff}
.li-source-stage canvas{display:block;width:100%;height:100%}
.li-break{position:absolute;left:0;right:0;top:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 12px;border:2px solid #2563eb;border-radius:6px;background:#eff6ffff;color:#1e40af;box-shadow:0 2px 8px #0003;font:inherit;font-weight:600;touch-action:none;cursor:ns-resize;overflow-wrap:anywhere;text-align:center}
.li-status-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.li-status-row .tool-status{flex:1;min-width:0;overflow-wrap:anywhere;margin:0}
.li-actions{margin-top:18px}
@media(max-width:760px){.li-form{grid-template-columns:1fr}.li-page-preview{padding:6px;max-height:65vh}.li-pagebar{gap:8px}.li-pagebar .li-button{flex:1}.li-page-count{flex-basis:100%;order:-1}.li-details{padding:10px}.li-source-scroll{height:55vh}.li-actions .li-button{flex:1}}