*{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}.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-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.tool-header p{margin:0;color:var(--muted);font-size:1rem}.tool-content{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.io-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column}.panel-header,.panel-title{display:flex;align-items:center}.panel-header{justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid var(--border)}.panel-title{gap:.5rem;font-weight:600;color:var(--text);font-size:.95rem}.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}.action-btn:hover,.tool-header h2{color:var(--text)}.action-btn svg,.btn svg{width:16px;height:16px}.panel-body{padding:0;flex-grow:1;display:flex;flex-direction:column}.output-content{display:flex;flex-grow:1;min-height:400px}#file-list-container{width:250px;border-right:1px solid var(--border);padding:.5rem;overflow-y:auto;background:#f8fafc}#file-list .file-item{padding:.5rem .75rem;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}#file-list .file-item:hover,.action-btn:hover{background:rgba(0,0,0,.05)}#file-list .file-item.selected{background:var(--primary);color:var(--btn-fg);font-weight:600}#code-preview-container{flex-grow:1;display:flex;flex-direction:column}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border);background:#f8fafc;gap:1rem}.file-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex-grow:1}.file-inputs .option-group{gap:.25rem}.file-inputs label{font-size:.85rem;font-weight:500}#file-name-input{border:1px solid var(--border);border-radius:6px;padding:.5rem;font-weight:600}#file-name-input:focus,.option-group input[type=text]:focus,select#source-type:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.code-actions{display:flex;gap:.25rem}#code-preview{width:100%;height:100%;min-height:600px;border:0;padding:1rem 1.25rem;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.9rem;line-height:1.5;color:var(--text);background:0 0;resize:none;outline:0;flex-grow:1}.panel-body textarea:focus{outline:0}.panel-footer{padding:1rem 1.25rem;background:#f8fafc;border-top:1px solid var(--border)}.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:disabled{opacity:.6;cursor:not-allowed}.btn-small{padding:6px 12px;min-height:34px;font-size:.9rem}.btn-rounded{border-radius:999px}.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}}@media (max-width:640px){body{padding:0 12px 24px}header h1{font-size:1.6rem}section{border-radius:12px}.tool-container,section{padding:1rem}.tool-header{margin-bottom:1.5rem}.tool-header h2{font-size:1.25rem}.tool-content{gap:1rem}.io-panels{grid-template-columns:1fr}.panel-header{padding:.75rem 1rem}.panel-title{font-size:.9rem}.panel-body textarea{min-height:250px;padding:.75rem 1rem;font-size:.85rem}.panel-footer{padding:.75rem 1rem}.action-btn{width:36px;height: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 (min-width:1280px){body{max-width:1400px}}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}}.top-options-bar{display:flex;align-items:flex-end;gap:1rem;padding:.5rem 0;margin-bottom:.5rem}#url-input-container{flex-grow:1}#language-select,select#source-type{min-height:40px}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.checkbox-group label{display:block;margin-bottom:.5rem;break-inside:avoid-column}.option-group label{font-weight:600;color:var(--text)}#language-select,.advanced-options-container summary,.option-group input[type=text],select#source-type{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);transition:border-color .15s ease}.radio-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group label,.radio-group label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.advanced-options-container{position:relative}.advanced-options-container summary{cursor:pointer;min-height:40px;display:inline-flex;align-items:center}.advanced-options-menu{position:absolute;background-color:#fff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border:1px solid var(--border);border-radius:8px;padding:1rem;margin-top:.25rem;display:none;min-width:440px;max-width:640px}.advanced-options-container[open] .advanced-options-menu{display:block}.advanced-options-menu .checkbox-group{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:.75rem 1rem}@media (max-width:640px){.advanced-options-menu{min-width:auto;width:calc(100vw - 2rem)}.advanced-options-menu .checkbox-group{grid-template-columns:1fr}}#json-input{width:100%;height:100%;min-height:600px;border:0;padding:1rem 1.25rem;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.9rem;line-height:1.5;color:var(--text);background:#fff;resize:vertical;outline:0}