.status-box{margin-bottom:1rem;padding:.75rem .9rem;border-radius:.5rem;border:1px solid var(--border-soft, #e5e7eb);background:var(--bg-soft, #f9fafb);color:var(--text-muted, #6b7280);font-size:.88rem;line-height:1.5}.field-help{margin-top:.45rem;font-size:.88rem;color:var(--text-muted, #6b7280)}.tool-group{display:flex;flex-direction:column;gap:1rem}.tool-grid{display:grid;gap:1rem}.tool-grid--double{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid--colors{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-top:1rem}.panel-divider{height:1px;margin:1rem 0;background:linear-gradient(90deg,#e2e8f000,#cbd5e1 18% 82%,#e2e8f000)}.check-field{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1rem;border:1px solid var(--border-soft, #e5e7eb);border-radius:12px;background:var(--bg-soft, #f9fafb);color:var(--text-main, #111827);font-size:.95rem}.check-field input{margin:0;accent-color:#0f766e}.color-field{display:flex;flex-direction:column;gap:.45rem;padding:.85rem 1rem;border:1px solid var(--border-soft, #e5e7eb);border-radius:12px;background:#fff;color:var(--text-main, #111827);font-size:.92rem}.color-field input[type=color]{width:100%;height:48px;padding:0;border:0;background:transparent;cursor:pointer}.result-detail ul,.qr-preview-meta ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.progress-card{margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid rgba(14,116,144,.18);background:linear-gradient(180deg,#ecfefff2,#f8fafc)}.progress-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;color:var(--text-main, #111827)}.progress-bar{height:10px;margin-top:.75rem;border-radius:999px;overflow:hidden;background:#94a3b838}.progress-bar-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0891b2,#0f766e);transition:width .18s ease}.progress-step{margin:.7rem 0 0;color:var(--text-muted, #6b7280);font-size:.9rem;line-height:1.5}.result-detail li,.qr-preview-meta li{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--card-bg, #f9fafb);border-radius:8px;padding:.65rem 1rem}.detail-label{font-size:.88rem;color:var(--text-muted, #6b7280)}.result-note{background:#ecfeff;border-left:4px solid #0891b2;border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin-top:1rem;font-size:.92rem;color:var(--text-muted, #6b7280);line-height:1.6}.result-note--warning{background:#fff7ed;border-left-color:#ea580c}.result-note h3{margin:0 0 .5rem;color:var(--text-main, #111827);font-size:.95rem}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.qr-preview{margin-top:1.25rem;border:1px solid var(--border-soft, #e5e7eb);border-radius:14px;background:#fff;overflow:hidden}.qr-preview-head{padding:1rem 1rem .75rem;border-bottom:1px solid var(--border-soft, #e5e7eb);background:linear-gradient(180deg,#fff,#f8fafc)}.qr-preview-head h3{margin:0 0 .35rem;font-size:1rem;color:var(--text-main, #111827)}.qr-preview-head p{margin:0;color:var(--text-muted, #6b7280);font-size:.9rem;line-height:1.5}.qr-preview-body{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:1rem;padding:1rem;align-items:start}.qr-preview-card{padding:1rem;border-radius:18px;background:radial-gradient(circle at top left,rgba(15,118,110,.08),transparent 38%),linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid rgba(148,163,184,.22);display:grid;place-items:center}.qr-preview-card img{width:min(100%,280px);height:auto;display:block;border-radius:14px;background-image:linear-gradient(45deg,#e5e7eb 25%,transparent 25%),linear-gradient(-45deg,#e5e7eb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e7eb 75%),linear-gradient(-45deg,transparent 75%,#e5e7eb 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;padding:.75rem;box-sizing:border-box}@media(max-width:840px){.tool-grid--double,.tool-grid--colors,.qr-preview-body{grid-template-columns:1fr}}@media(max-width:640px){.result-detail li,.qr-preview-meta li{flex-direction:column;align-items:flex-start}.check-field{width:100%}}