:root{--bg:#f6f7f9;--panel:#fff;--text:#1d2129;--muted:#6b7280;--border:#e3e6ea;--accent:#2f6fed;--accent-fg:#fff;--danger:#c0392b;--ok:#1f8a53;--radius:10px;--shadow:0 1px 2px #1018280d, 0 1px 3px #10182814;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:15px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--panel:#1c1f25;--text:#e6e8eb;--muted:#9aa2ad;--border:#2c313a;--accent:#5b8def;--shadow:0 1px 2px #0006}}*{box-sizing:border-box}body{margin:0}h1,h2,h3{margin:0;font-weight:600;line-height:1.25}p{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:7px 12px;transition:border-color .15s,background .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.danger{color:var(--danger)}button.danger:hover{border-color:var(--danger)}input[type=text],textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;padding:7px 10px}input[type=text]:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input[type=text]:disabled,textarea:disabled{background:var(--bg);color:var(--muted)}label,.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.mono{font-family:var(--mono);font-size:13px}.app{max-width:1100px;margin:0 auto;padding:20px 20px 64px}.app.wide{max-width:1920px}.topbar{border-bottom:1px solid var(--border);background:var(--panel);z-index:10;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:-.01em;font-weight:700}.topbar .spacer{flex:1}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}section.panel{margin-bottom:20px;padding:18px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.badge{border:1px solid var(--border);background:var(--bg);text-transform:capitalize;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.status-draft{color:var(--muted)}.badge.status-payment_pending,.badge.status-queued{color:#b07000;border-color:#e8c07a}.badge.status-paid{color:var(--ok);border-color:#9ed4b6}.badge.status-printing{color:var(--accent);border-color:#9fbdf3}.badge.status-printed{color:var(--muted)}.badge.status-cancelled{color:var(--danger);border-color:#e3a9a2}.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);border-radius:8px;margin-bottom:12px;padding:10px 12px}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:16px 20px 32px;font-size:12px}.site-footer-inner{max-width:1100px;margin:0 auto}.site-footer a{color:var(--accent)}.modes{flex-direction:column;gap:8px;margin-top:14px;display:flex}.mode{border:1px solid var(--border);color:var(--text);text-transform:none;letter-spacing:0;cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:0;padding:10px 12px;font-size:14px;font-weight:400;display:flex}.mode.selected{border-color:var(--accent)}.mode input[type=radio]{margin-top:3px}.mode:hover:not(.unavailable){border-color:var(--accent)}.mode.unavailable{background:var(--bg);cursor:not-allowed}.mode.unavailable .mode-body strong{color:var(--muted)}.mode-body{flex-direction:column;gap:2px;display:flex}.mode-body .summary{font-size:13px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;padding:28px 20px;transition:border-color .15s,background .15s}.dropzone.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.dropzone .hint{color:var(--muted);margin-top:6px;font-size:13px}.progress{background:var(--border);border-radius:999px;height:6px;margin-top:12px;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.cards{flex-direction:column;gap:14px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:16px;display:flex}.card-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-head .head-field{flex-direction:column;gap:2px;min-width:160px;display:flex}.card-head .head-field input{min-width:0}.image-row{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.image-row .side{flex:320px;min-width:0;max-width:856px}.image-row .side.editor{flex-direction:column;flex:240px;gap:6px;max-width:360px;display:flex}.image-row .side.text-editor{flex:2 520px;max-width:none}.preview{aspect-ratio:85.6/54;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;overflow:hidden}.preview img{object-fit:contain;width:100%;height:100%;display:block}.preview.back{background:#fff;flex-direction:column;display:flex;overflow:hidden}.preview.back .backart{object-fit:contain;width:100%;height:100%;display:block}.preview.back .no-back-image{text-align:center;height:100%;color:var(--muted);justify-content:center;align-items:center;padding:6px 8px;font-size:12px;display:flex}.hint{margin-top:4px;font-size:12px;line-height:1.35}.hint code{font-family:var(--mono)}input[type=file]{font:inherit;color:var(--text);max-width:100%;font-size:13px}input[type=file]::file-selector-button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;margin-right:8px;padding:6px 10px}input[type=file]:disabled::file-selector-button{opacity:.5;cursor:not-allowed}.preview .caption{color:var(--muted);text-align:center;padding:4px;font-size:11px}.fields{flex-direction:column;gap:10px;display:flex}.card-id{font-family:var(--mono);color:var(--muted);font-size:12px}.save-state{color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);padding:32px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:-2px;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 8px}select:focus{outline:2px solid var(--accent);outline-offset:-1px}.login form{flex-direction:column;align-items:flex-start;gap:12px;max-width:360px;margin-top:14px;display:flex}.login form>div{width:100%}.plist{flex-direction:column;gap:8px;display:flex}.prow,.srow{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.srow .money{text-align:right;width:7ch}.check{text-transform:none;letter-spacing:normal;color:var(--text);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;display:flex}.prow a{color:var(--accent);text-decoration:none}.prow a:hover{text-decoration:underline}.alist{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ablock{background:color-mix(in srgb, var(--danger) 5%, var(--panel));border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border));border-radius:var(--radius);padding:12px 16px}.ablock .row a{color:var(--accent);text-decoration:none}.ablock .row a:hover{text-decoration:underline}.ablock .action{color:var(--danger);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.mark-check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.mark-check.unmarked{cursor:default}.mark-check input{margin:0}.card.preview-only .image-row .side{flex:0 85.6mm;max-width:85.6mm}.ablock .amessage{color:var(--muted);margin-top:8px;font-size:13px}.ablock .badge.kind-payment_for_deleted{color:var(--danger);border-color:#e3a9a2}.ablock .badge.kind-abandoned_checkout{color:#b07000;border-color:#e8c07a}.card.preview-only{grid-template-columns:190px minmax(260px,1fr)}.value{overflow-wrap:anywhere;margin:0}.address{overflow-wrap:anywhere;margin-top:10px;font-size:14px;font-style:normal;line-height:1.5}.backtext{font-family:var(--mono);white-space:pre-wrap;background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:140px;padding:8px 10px;font-size:12px;overflow:auto}.back-choices{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.back-choice{border:1px solid var(--border);cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text);border-radius:8px;align-items:flex-start;gap:6px;margin-bottom:0;padding:6px 8px;font-size:13px;font-weight:500;display:flex}.back-choice.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--panel))}.back-choice input[type=radio]{flex:none;margin:3px 0 0}.back-choice .hint{margin-top:1px;font-weight:400;display:block}.preview.back{position:relative;overflow:hidden}.preview.back .back-body{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex;overflow:hidden}.preview.back .back-body>*{min-height:0}.preview.back .back-body img{flex:auto}.preview.back .no-back-image{flex-direction:column;gap:4px}.preview.back .no-back-image .hint{margin-top:0}.back-choose{flex-direction:column;align-items:flex-start;margin-top:6px;display:flex}.back-choose input[type=file]{font-size:11px}.back-choose label{margin-bottom:2px}.preview.back .back-drop{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.preview.back.droppable{border-style:dashed}.preview.back.droppable:hover .back-drop:not(:disabled){background:color-mix(in srgb, var(--accent) 5%, transparent)}.preview.back.over{border-style:solid;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.md-editor{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.md-editor.disabled{background:var(--bg)}.md-toolbar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;gap:2px;padding:4px;display:flex}.md-toolbar button{background:0 0;border-color:#0000;min-width:32px;padding:3px 7px;font-size:13px;line-height:1.4}.md-toolbar button.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel));color:var(--accent)}.md-surface{height:240px;overflow:auto}.md-surface .ProseMirror{white-space:pre-wrap;word-wrap:break-word;outline:none;min-height:100%;padding:8px 10px;position:relative}.md-surface .ProseMirror p{margin:0 0 6px}.md-surface .ProseMirror p:last-child{margin-bottom:0}.md-surface .ProseMirror h1{margin:4px 0 6px;font-size:1.3em}.md-surface .ProseMirror h2{margin:4px 0 6px;font-size:1.15em}.md-surface .ProseMirror h3{margin:4px 0 6px;font-size:1.05em}.md-surface .ProseMirror ul,.md-surface .ProseMirror ol{margin:4px 0;padding-left:22px}.md-surface .ProseMirror li p{margin:0}.md-surface .ProseMirror blockquote{border-left:2px solid var(--border);color:var(--muted);margin:4px 0;padding-left:10px}.md-surface .ProseMirror pre{background:var(--bg);border:1px solid var(--border);font-family:var(--mono);border-radius:6px;margin:4px 0;padding:6px 8px;font-size:12px;overflow:auto}.md-surface .ProseMirror code{font-family:var(--mono);font-size:.95em}.md-surface .ProseMirror a{color:var(--accent)}.md-surface .ProseMirror img{max-width:100%}.md-surface .ProseMirror table{border-collapse:collapse}.md-surface .ProseMirror th,.md-surface .ProseMirror td{border:1px solid var(--border);padding:2px 6px}.md-surface .ProseMirror .ProseMirror-selectednode{outline:2px solid var(--accent)}.md-surface .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}