:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:#1f2937;background:#f9fafb}button{font:inherit;padding:6px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer}button:hover:not(:disabled){border-color:#9ca3af;background:#f3f4f6}button:disabled{opacity:.5;cursor:default}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.toolbar-title{font-weight:600}.toolbar-sub{margin-left:8px;font-size:12px;font-weight:400;color:#6b7280}.toolbar-spacer{flex:1}.toolbar-group{display:flex;align-items:center;gap:6px}.zoom-label{min-width:52px;text-align:center;font-variant-numeric:tabular-nums;font-size:13px;color:#374151}.error-banner{padding:8px 16px;background:#fef2f2;color:#b91c1c;border-bottom:1px solid #fecaca;font-size:13px}.viewport{flex:1;position:relative;overflow:hidden;background:#21252d}.viewport.space{cursor:grab}.viewport.panning{cursor:grabbing}.zoom-layer{position:absolute;left:0;top:0;transform-origin:0 0}.statusbar{padding:6px 16px;font-size:12px;color:#6b7280;background:#fff;border-top:1px solid #e5e7eb}.picker{flex:1;padding:32px;overflow:auto}.picker-hint{color:#6b7280}.card-grid{display:flex;flex-wrap:wrap;gap:24px}.card{position:relative;width:280px;padding:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;text-align:left}.card:hover:not(:disabled){border-color:#6366f1;box-shadow:0 4px 16px #6366f126}.card-canvas{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#fdf2f8);color:#6366f1;font-weight:600}.card-meta{display:flex;flex-direction:column;gap:4px;padding:12px 16px}.card-meta span{font-size:12px;color:#6b7280}.card-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:13px;color:#4b5563}.card-thumb{display:block;width:100%;aspect-ratio:4 / 3;object-fit:contain;background:#f3f4f6}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:32px}.auth-card{display:flex;flex-direction:column;gap:14px;width:320px;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.auth-card h2{margin:0;font-size:18px}.auth-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#374151}.auth-card input{font:inherit;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px}.auth-card input:focus{outline:2px solid #6366f1;outline-offset:-1px;border-color:#6366f1}.auth-error{padding:8px 10px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.auth-alt{font-size:13px;color:#6b7280}.auth-alt a{color:#6366f1}