.gs1-page{--bg: #050505;--surface: #111;--surface-hover: #1a1a1a;--border: #333;--nav-bg: rgba(5, 5, 5, .8);--primary: #fff;--secondary: #a1a1aa;--accent: #22c55e;--accent-glow: rgba(34, 197, 94, .2);--font: "Inter", system-ui, sans-serif;--radius: 8px}html[data-theme=light] .gs1-page{--bg: #ffffff;--surface: #f9fafb;--surface-hover: #f3f4f6;--border: #e5e7eb;--nav-bg: rgba(255, 255, 255, .8);--primary: #111827;--secondary: #6b7280;--accent: #16a34a;--accent-glow: rgba(22, 163, 74, .15)}.gs1-page *{box-sizing:border-box;margin:0;padding:0}.gs1-page{background:var(--bg);color:var(--primary);font-family:var(--font);line-height:1.6}.gs1-page a{color:inherit;text-decoration:none}.gs1-page .container{margin:0 auto;padding:0 24px}.gs1-page section{padding:60px 0;border-bottom:1px solid var(--border)}.gs1-page h1,.gs1-page h2,.gs1-page h3{letter-spacing:-.025em;font-weight:700}.gs1-page h1{font-size:2.5rem;margin-bottom:16px}.gs1-page h2{font-size:1.75rem;margin-bottom:24px}.gs1-page p{color:var(--secondary)}.gs1-page .hero-desc{max-width:600px;margin:0 auto;font-size:1.1rem}.gs1-page .hero-notes{margin-top:26px;display:grid;gap:10px;max-width:860px;margin-left:auto;margin-right:auto;text-align:left}.gs1-page .hero-note{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--secondary);font-size:.95rem;line-height:1.45}html[data-theme=light] .gs1-page .hero-note{background:#00000005}.gs1-page .playground-desc{max-width:800px;margin:-10px 0 22px;font-size:1rem;color:var(--secondary)}.gs1-page .encoder-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}@media(max-width:968px){.gs1-page .encoder-grid{grid-template-columns:1fr}}.gs1-page .encoder-label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);font-weight:700;margin-bottom:8px}.gs1-page .encoder-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px}.gs1-page .encoder-tabs{display:inline-flex;gap:8px;flex-wrap:wrap}.gs1-page .encoder-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg);color:var(--secondary);padding:8px 12px;border-radius:999px;font-weight:800;font-size:.8rem;cursor:pointer;transition:.2s}.gs1-page .encoder-tab:hover{background:var(--surface-hover);color:var(--primary)}.gs1-page .encoder-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.gs1-page .encoder-size{display:flex;gap:8px;align-items:center}.gs1-page .encoder-num{width:96px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--primary);font-family:monospace;font-size:.9rem}.gs1-page .encoder-num:focus{outline:none;border-color:var(--accent)}.gs1-page .encoder-examples{margin-top:16px}.gs1-page .encoder-chips{display:flex;flex-wrap:wrap;gap:10px}.gs1-page .chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--primary);font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s}.gs1-page .chip:hover{background:var(--surface-hover)}.gs1-page .chip-link{text-decoration:none}.gs1-page .encoder-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.gs1-page .encoder-preview{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:#fff;min-height:260px;display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.gs1-page .encoder-svg{display:flex;align-items:center;justify-content:center;width:100%}.gs1-page .encoder-preview svg{max-width:100%;height:auto}.gs1-page .encoder-empty{color:#11182799;font-size:.9rem;text-align:center}.gs1-page .encoder-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb8;backdrop-filter:blur(2px)}.gs1-page .encoder-loading:after{content:"";width:28px;height:28px;border-radius:999px;border:3px solid rgba(15,23,42,.18);border-top-color:#0f172acc;animation:gs1spin .9s linear infinite}@keyframes gs1spin{to{transform:rotate(360deg)}}.gs1-page .encoder-actions{margin-top:12px;display:flex;gap:10px;justify-content:flex-end}.gs1-page .encoder-encoded{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.gs1-page .encoder-encoded-string{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92rem;line-height:1.45;word-break:break-all;color:var(--primary)}.gs1-page .encoder-encoded-string .fnc1{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-size:.75rem;font-weight:800;margin:0 6px}.gs1-page .encoder-encoded-note{margin-top:10px;color:var(--secondary);font-size:.85rem;line-height:1.45}.gs1-page .encoder-error{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.35);background:#ef444414;color:#ef4444;font-size:.9rem}.gs1-page .btn{display:inline-flex;align-items:center;padding:10px 20px;border-radius:var(--radius);font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--primary);transition:.2s}.gs1-page .btn:hover{background:var(--surface-hover)}.gs1-page .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.gs1-page .btn-secondary{background:transparent;border:1px solid var(--border);color:var(--primary)}.gs1-page .btn-secondary:hover{background:var(--surface-hover)}.gs1-page .theme-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.gs1-page .theme-toggle:hover{color:var(--primary);background:var(--surface-hover)}.gs1-page .gs1-top-nav{border-bottom:1px solid var(--border);padding:12px 0;background:var(--nav-bg);backdrop-filter:blur(12px);position:sticky;top:0;z-index:1000}.gs1-page .nav-container{display:flex;justify-content:space-between;align-items:center}.gs1-page .desktop-menu{display:flex;align-items:center;gap:20px}.gs1-page .mobile-controls{display:none;align-items:center;gap:16px}.gs1-page .menu-btn{display:none;background:none;border:none;color:inherit;cursor:pointer;padding:4px}.gs1-page .mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;padding:20px 32px;gap:16px;z-index:999;box-shadow:0 10px 15px -3px #00000080}.gs1-page .mobile-menu.active{display:flex}.gs1-page .mobile-lang-trigger{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--secondary)}.gs1-page .mobile-lang-trigger select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.gs1-page .nav-link{font-weight:700;padding:8px 16px;color:var(--primary);border-radius:6px;transition:all .2s}.gs1-page .nav-link:hover{background:var(--surface-hover)}.gs1-page .logo{font-weight:700;display:flex;align-items:center;gap:8px}.gs1-page .lang-switcher{position:relative}.gs1-page .lang-switcher select{background:var(--bg);border:1px solid var(--border);color:var(--primary);padding:6px 24px 6px 10px;border-radius:var(--radius);font-size:.85rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.gs1-page .lang-switcher:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.6rem;color:var(--secondary);pointer-events:none}.gs1-page .hero{padding:80px 0;text-align:center;background:linear-gradient(180deg,rgba(34,197,94,.05) 0%,transparent 100%)}.gs1-page .hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;margin-bottom:24px}.gs1-page .hero-stats{display:flex;justify-content:center;gap:48px;margin-top:32px;flex-wrap:wrap}.gs1-page .stat{text-align:center}.gs1-page .stat-value{font-size:2.5rem;font-weight:800;color:var(--accent)}.gs1-page .stat-label{font-size:.9rem;color:var(--secondary)}.gs1-page .validator-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.gs1-page .validator-input{width:100%;padding:12px;font-size:1rem;font-family:monospace;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);margin-bottom:16px}.gs1-page .validator-input:focus{outline:none;border-color:var(--accent)}.gs1-page .strict-note{margin:6px 0 14px;color:var(--secondary);font-size:.9rem;line-height:1.45}.gs1-page .segments-table{width:100%;border-collapse:collapse;font-size:.9rem}.gs1-page .segments-table th,.gs1-page .segments-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.gs1-page .segments-table th{color:var(--secondary);font-weight:500;font-size:.8rem;text-transform:uppercase}.gs1-page .tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.gs1-page .tag-fixed{background:#3b82f633;color:#60a5fa}.gs1-page .tag-variable{background:#fbbf2433;color:#fbbf24}.gs1-page .tag-separator{color:var(--accent)}.gs1-page .tag-no-separator{color:var(--secondary)}.gs1-page .explorer-grid{display:grid;grid-template-columns:200px 1fr;gap:24px}@media(max-width:768px){.gs1-page .explorer-grid{grid-template-columns:1fr}}.gs1-page .category-nav{display:flex;flex-direction:column;gap:4px}.gs1-page .category-btn{padding:10px 16px;text-align:left;border:none;background:transparent;color:var(--secondary);cursor:pointer;border-radius:var(--radius);transition:.2s;font-size:.9rem}.gs1-page .category-btn:hover,.gs1-page .category-btn.active{background:var(--surface);color:var(--primary)}.gs1-page .ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.gs1-page .ai-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:.2s}.gs1-page .ai-card:hover{border-color:var(--accent)}.gs1-page .ai-prefix{font-family:monospace;font-size:1.25rem;font-weight:700;color:var(--accent)}.gs1-page .ai-name{font-size:.9rem;color:var(--primary);margin:4px 0}.gs1-page .ai-meta{font-size:.8rem;color:var(--secondary)}.gs1-page .sub-nav{position:sticky;top:56px;z-index:90;background:var(--bg);border-bottom:1px solid var(--border);padding:0;overflow-x:auto}.gs1-page .sub-nav ul{display:flex;justify-content:center;list-style:none;gap:32px;padding:0 24px}.gs1-page .sub-nav li{padding:16px 0}.gs1-page .sub-nav a{font-weight:600;font-size:.95rem;color:var(--secondary);text-decoration:none;position:relative;padding-bottom:4px;transition:.2s}.gs1-page .sub-nav a:hover,.gs1-page .sub-nav a.active{color:var(--accent)}.gs1-page .sub-nav a.active:after{content:"";position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:var(--accent)}.gs1-page .heatmap-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden}.gs1-page .heatmap-table th,.gs1-page .heatmap-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--border)}.gs1-page .heatmap-table th{background:#ffffff08;font-weight:500}.gs1-page .heatmap-table td:first-child{text-align:left;font-weight:500}.gs1-page .coverage-full{color:var(--accent)}.gs1-page .coverage-partial{color:#fbbf24}.gs1-page .coverage-none{color:#ef4444}.gs1-page footer{padding:40px 0;text-align:center;color:var(--secondary);font-size:.9rem}@media(max-width:768px){.gs1-page h1{font-size:2rem}.gs1-page .hero{padding:24px 0;text-align:left}.gs1-page .hero-desc{margin:0;max-width:100%}.gs1-page .hero-stats{justify-content:flex-start;gap:32px}.gs1-page .stat{text-align:left}.gs1-page .stat-value{font-size:2rem}.gs1-page .sub-nav ul{padding:0 16px;gap:24px;justify-content:flex-start}.gs1-page .sub-nav{-webkit-overflow-scrolling:touch}.gs1-page .sub-nav::-webkit-scrollbar{display:none}.gs1-page .anatomy-barcode{font-size:1rem}.gs1-page .validator-card{padding:16px}.gs1-page .menu-btn{display:block}.gs1-page .desktop-menu{display:none}.gs1-page .mobile-controls{display:flex}}