:root{--bg-0: #0b1020;--bg-1: #131a31;--accent: #6ee7ff;--accent-2: #a78bfa;--paper: #f7f5ee;--ink: #1c1c1c;--muted: #8a93a6;--line: rgba(255, 255, 255, .08);--ok: #2ea043;--warn: #d9a400;--busy: #2f81f7;--fail: #f85149;--mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background-color:var(--bg-1)}body{min-height:100vh;min-height:100dvh;font-family:var(--sans);color:#e7ecf5;background-color:var(--bg-1);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(167,139,250,.25),transparent 60%),radial-gradient(1000px 500px at -10% 10%,rgba(110,231,255,.18),transparent 55%),linear-gradient(180deg,var(--bg-0),var(--bg-1));background-repeat:no-repeat;background-attachment:fixed}.app{max-width:1000px;margin:0 auto;padding:24px 16px 48px}.app-header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.logo{font-size:30px;line-height:1;filter:drop-shadow(0 4px 12px rgba(110,231,255,.45))}.app-header h1{margin:0;font-size:clamp(20px,4.5vw,28px);letter-spacing:-.02em}.app-header p{margin:2px 0 0;color:var(--muted);font-size:13px}.grid{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width: 860px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.card{background:#ffffff0a;border:1px solid var(--line);border-radius:16px;padding:18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card h2{margin:0 0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.segmented{display:flex;gap:4px;padding:4px;background:#00000040;border-radius:12px;margin-bottom:16px}.segmented button{flex:1;border:0;padding:10px;border-radius:9px;background:transparent;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.segmented button.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0b1020;box-shadow:0 6px 18px #6ee7ff40}.receipt{position:relative;background:var(--paper);color:var(--ink);border-radius:4px;padding:18px 16px;--zig: 10px;-webkit-mask:conic-gradient(from -45deg at bottom,#0000 90deg,#000 0) 0 100% / var(--zig) var(--zig) repeat-x,conic-gradient(from 135deg at top,#0000 90deg,#000 0) 0 0 / var(--zig) var(--zig) repeat-x,linear-gradient(#000 0 0) center / 100% calc(100% - var(--zig) * 2) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000 90deg,#000 0) 0 100% / var(--zig) var(--zig) repeat-x,conic-gradient(from 135deg at top,#0000 90deg,#000 0) 0 0 / var(--zig) var(--zig) repeat-x,linear-gradient(#000 0 0) center / 100% calc(100% - var(--zig) * 2) no-repeat}.receipt textarea{width:100%;border:0;outline:0;resize:vertical;min-height:120px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:16px;line-height:1.5}.receipt .receipt-head{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:#555;border-bottom:1px dashed #bbb;padding-bottom:8px;margin-bottom:10px}.dropzone{border:1.5px dashed rgba(255,255,255,.22);border-radius:12px;padding:26px 16px;text-align:center;color:var(--muted);cursor:pointer;transition:all .15s ease}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:#6ee7ff0f;color:#cfe9ff}.dropzone input{display:none}.preview{margin-top:12px;display:flex;align-items:center;gap:12px}.preview img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.preview .meta{font-size:13px;min-width:0}.preview .meta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview .meta span{color:var(--muted)}.btn{width:100%;margin-top:16px;border:0;padding:14px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;color:#06121f;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 24px #78a0ff47;transition:transform .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.toast{margin-top:14px;padding:11px 13px;border-radius:10px;font-size:13px;border:1px solid var(--line)}.toast.ok{background:#2ea0431f;border-color:#2ea04366}.toast.err{background:#f851491f;border-color:#f8514966}.feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.feed li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid var(--line)}.feed .job-main{min-width:0;display:flex;align-items:center;gap:10px}.feed .kind{font-size:16px}.feed .desc{font-family:var(--mono);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d7deea}.empty{color:var(--muted);font-size:14px;text-align:center;padding:20px 0}.ops-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px}.clear-btn{font-size:12px;padding:6px 12px;border-radius:8px;border:1px solid rgba(248,81,73,.4);background:#f851491a;color:#ffb4ae;cursor:pointer}.clear-btn:hover{background:#f851492e}.clear-btn.alt{border-color:var(--line);background:#ffffff0d;color:#cfe9ff}.clear-btn.alt:hover{background:#6ee7ff1f;border-color:var(--accent)}.ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ops-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#ffffff06}.ops-head{display:flex;align-items:flex-start;gap:10px}.ops-head .kind{font-size:16px;flex:none;line-height:1.4}.ops-title-wrap{flex:1;min-width:0}.ops-title{font-family:var(--mono);font-size:13px;color:#e7ecf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ops-head .chip{flex:none;margin-top:2px}.msg-text{font-family:var(--mono);font-size:13px;line-height:1.45;color:#e7ecf5;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.msg-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.show-all{margin-top:4px;font-size:11px;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted}.ops-meta{margin-top:12px;display:grid;grid-template-columns:1fr;gap:5px 18px}@media (min-width: 560px){.ops-meta{grid-template-columns:1fr 1fr}}.mi{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--muted);min-width:0}.mi-icon{flex:none;width:16px;text-align:center;opacity:.8}.mi-text{font-family:var(--mono);word-break:break-word}.ops-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.ops-time{font-family:var(--mono);font-size:11px;color:var(--muted)}.ops-btns{display:flex;gap:6px}.ops-btns button{font-size:11px;padding:5px 10px;border-radius:7px;border:1px solid var(--line);background:#ffffff0d;color:#cfe9ff;cursor:pointer}.ops-btns button:hover{background:#6ee7ff1f;border-color:var(--accent)}.ops-btns button:disabled{opacity:.5;cursor:not-allowed}.ops-btns button.danger{color:#ffb4ae}.ops-btns button.danger:hover{background:#f8514924;border-color:var(--fail)}.ops-title.link{background:none;border:0;padding:0;text-align:left;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline dotted}.confirm-row{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.confirm-row button{font-size:12px;padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:#ffffff0d;color:#cfe9ff;cursor:pointer}.confirm-row button.danger{color:#ffb4ae;border-color:#f8514966;background:#f851491f}.ops-raw{margin:10px 0 0;padding:10px 12px;background:#00000059;border:1px solid var(--line);border-radius:10px;font-family:var(--mono);font-size:11px;line-height:1.45;color:#cfe1f5;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.img-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;cursor:zoom-out}.img-modal img{max-width:95vw;max-height:85vh;border-radius:8px;box-shadow:0 20px 60px #00000080;background:#fff;cursor:default}.img-modal-msg{color:#e7ecf5;font-size:15px}.img-modal-hint{color:var(--muted);font-size:12px}.chip{flex:none;font-size:11px;font-weight:700;letter-spacing:.05em;padding:5px 9px;border-radius:999px;text-transform:uppercase}.chip.PENDING{color:var(--warn);background:#d9a40024}.chip.PRINTING{color:var(--busy);background:#2f81f729;animation:pulse 1.2s ease-in-out infinite}.chip.PRINTED{color:var(--ok);background:#2ea04329}.chip.FAILED{color:var(--fail);background:#f8514929}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.footer{margin-top:28px;text-align:center;color:var(--muted);font-size:12px}.sent-card{text-align:center;padding:40px 20px}.sent-check{font-size:48px;line-height:1}.sent-title{margin:14px 0 6px;font-size:28px;letter-spacing:-.02em;text-transform:none;color:#e7ecf5}.sent-sub{margin:0 auto 22px;max-width:360px;color:var(--muted);font-size:14px;line-height:1.5}.sent-card .btn{max-width:280px;margin-left:auto;margin-right:auto}