*{box-sizing:border-box}:root{--bg:#f7f8fb;--text:#1f2937;--muted:#6b7280;--card:#ffffff;--border:#e5e7eb;--primary-dark:#152255}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);max-width:1000px;margin:0 auto;padding:0 16px 32px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:8px 12px;background:var(--primary);color:#fff;border-radius:8px;z-index:1000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{text-align:center;padding:1.25rem 0;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));color:#fff;border-radius:10px;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}header h1{font-size:2rem;margin-bottom:.25rem}.header-content{position:relative}.home-btn{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:8px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(0,0,0,.25);transition:all .2s ease;z-index:10;color:#fff}.home-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-50%) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.35)}.home-btn:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.home-btn svg{width:20px;height:20px;stroke:#fff}.subheader{margin-top:.25rem;font-size:1rem;font-weight:500;opacity:.9;display:flex;align-items:center;justify-content:center;gap:.5rem}main{display:flex;flex-direction:column;gap:1.25rem}section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}section h2{margin:0 0 .5rem;color:var(--text);font-size:1.25rem}section p{color:var(--muted)}.btn{padding:8px 12px}.btn:focus-visible{outline:3px solid var(--focus-ring, rgba(26,42,108,.35));outline-offset:2px;background-color:var(--btn-bg-hover, #1c2040)}.tool-container{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}.tool-header{text-align:center;margin-bottom:2rem}.tool-controls{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;padding:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05);flex-wrap:wrap}.tool-controls .format-selector{display:flex;align-items:center;gap:.5rem}.tool-controls .format-selector label{font-weight:600;color:var(--text)}.tool-controls .format-selector select{padding:.5rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.format-selector select:focus,.tool-controls .format-selector select:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,42,108,.15)}.tool-controls .action-buttons{display:flex;gap:.5rem}.tool-header h2{margin:0 0 .5rem;color:var(--text);font-size:1.5rem;font-weight:600}.tool-header p{margin:0;color:var(--muted);font-size:1rem}.panel-icon{width:18px;height:18px;color:var(--primary)}.action-btn,.panel-actions{display:flex;align-items:center}.panel-actions{gap:1.25rem;flex-wrap:wrap}.panel-actions .action-btn+.action-btn{margin-left:.25rem}.action-btn{justify-content:center;width:32px;height:32px;border:0;background:0 0;border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s ease;position:relative}.action-btn:hover{background:rgba(0,0,0,.05);color:var(--text)}.action-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;background:rgba(0,0,0,.05)}.action-btn svg,.btn svg{width:16px;height:16px}.panel-body textarea:focus{outline:0;box-shadow:0 0 0 3px rgba(26,42,108,.15)}.panel-footer{padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid var(--border);flex-shrink:0}.format-selector select{padding:.4rem .8rem;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.action-buttons{display:flex;gap:.5rem}.panel-footer .btn{font-size:.85rem;padding:.4rem .8rem;min-height:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;min-height:40px;border:1px solid var(--btn-border, #24305b);border-radius:8px;background:var(--btn-bg, #10163a);color:var(--btn-fg, #dbe5ff);text-decoration:none;transition:all .15s ease;font-weight:600;cursor:pointer;font-size:.9rem}.btn:hover{border-color:var(--btn-border-hover, #3a4e9f);transform:translateY(-1px)}.btn-primary{background:var(--primary, #1a2a6c);border-color:var(--primary, #1a2a6c);color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;border-color:#4b5563}.btn:disabled{opacity:.6;cursor:not-allowed}.status-message{text-align:center;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:500;margin-top:1rem}.status-message.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.status-message.info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}@media (max-width:1024px){body{max-width:900px}.grid{grid-template-columns:1fr 1fr}.tool-controls{gap:1.5rem;padding:1rem}}@media (max-width:768px){.tool-controls{flex-direction:column;gap:1rem}.tool-controls .action-buttons,.tool-controls .format-selector{width:100%;justify-content:center}.tool-controls .format-selector select{flex-grow:1;max-width:250px}}@media (max-width:640px){body{padding:0 12px 24px}header h1{font-size:1.6rem}section{padding:1rem;border-radius:12px}.header-content{padding:0 .5rem}.home-btn{left:.5rem;width:32px;height:32px}.subheader{font-size:.9rem;text-align:center;padding:0 .5rem}.tool-container{padding:1rem}.tool-controls,.tool-header{margin-bottom:1.5rem}.tool-header h2{font-size:1.25rem}.tool-header p{font-size:.9rem}.tool-controls{padding:1rem;gap:.75rem}.tool-controls .format-selector{flex-direction:column;align-items:center;gap:.5rem;width:100%}.tool-controls .format-selector label{font-size:.95rem;font-weight:600}.tool-controls .format-selector select{width:100%;max-width:280px;font-size:.9rem;padding:.6rem 1rem}.tool-controls .action-buttons{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem}.tool-controls .btn{min-width:120px;font-size:.9rem;padding:.6rem 1.25rem}.tool-content{grid-template-columns:1fr;gap:1rem}.panel-header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.panel-title{font-size:.9rem}.panel-body textarea{min-height:200px;padding:.75rem 1rem;font-size:.85rem}.panel-body textarea:focus{font-size:16px}.panel-footer{padding:.75rem 1rem}.panel-footer .action-buttons{flex-direction:column;gap:.5rem}.panel-footer .btn{width:100%;justify-content:center}.action-btn{width:36px;height:36px;min-width:36px}.action-btn svg{width:18px;height:18px}.grid{gap:1rem}.grid,.grid2{grid-template-columns:1fr}.input-group.actions{flex-direction:column;align-items:stretch}.input-group.actions .btn{width:100%}#qr-canvas{max-width:100%}}@media (max-width:400px){body{padding:0 8px 20px}.tool-container,.tool-controls{padding:.75rem}.tool-controls .btn{min-width:100px;font-size:.85rem;padding:.5rem 1rem}.panel-footer,.panel-header{padding:.5rem .75rem}.panel-body textarea{min-height:180px;padding:.5rem .75rem}header h1{font-size:1.4rem}.subheader{font-size:.8rem}}@media (min-width:1280px){body{max-width:1200px}}footer{text-align:center;padding:1.25rem 0;margin-top:1.5rem;color:#fff;background:linear-gradient(135deg,var(--primary, #1a2a6c),var(--header-end, #2c3e50));border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}:root{--primary:#1a2a6c;--header-end:#2c3e50;--focus-ring:rgba(26,42,108,.35);--btn-bg:#10163a;--btn-border:#24305b;--btn-border-hover:#3a4e9f;--btn-fg:#dbe5ff}.gt-theme-inline{margin:1rem auto 1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.gt-theme-label{font-size:.95rem;color:#111827;background:rgba(17,24,39,.08);padding:.25rem .6rem;border-radius:999px;font-weight:600}.gt-swatches{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:none!important}.gt-swatch{width:28px;height:28px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 3px rgba(0,0,0,.12),0 6px 14px rgba(16,24,40,.12);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.gt-theme-inline .gt-swatch{width:28px!important;height:28px!important;box-shadow:0 0 0 3px rgba(0,0,0,.12),0 6px 14px rgba(16,24,40,.12)!important}.gt-theme-inline .gt-theme-label{color:#111827!important;background:rgba(17,24,39,.08)!important}.gt-swatch:hover{transform:translateY(-1px) scale(1.05)}.gt-swatch[aria-current=true]{outline:3px solid #111827;outline-offset:2px}.gt-swatch:focus-visible{outline:3px solid var(--focus-ring, rgba(26,42,108,.35));outline-offset:2px}.user-guide{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:2rem;margin-top:2rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}.user-guide h2{margin:0 0 1.5rem;color:var(--text);font-size:1.5rem;font-weight:600;text-align:center}.guide-section{margin-bottom:2rem}.guide-section li:last-child,.guide-section:last-child{margin-bottom:0}.guide-section h3{margin:0 0 1rem;font-size:1.1rem}.guide-section ol,.guide-section ul{margin:0;padding-left:1.5rem}.guide-section li{margin-bottom:.5rem;line-height:1.6;color:var(--muted)}.guide-section h3,.guide-section strong{color:var(--text);font-weight:600}@media (max-width:640px){.user-guide{padding:1.5rem 1rem;margin-top:1.5rem}.user-guide h2{font-size:1.25rem}.guide-section h3{font-size:1rem}}