html{scroll-behavior:smooth}body{font-family:Trebuchet MS,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit}:root{--ink-strong:#102542;--ink-soft:#4c6172;--surface:#fffcf7e0;--surface-strong:#fffaf2f5;--accent:#eb5e28;--accent-soft:#eb5e281f;--line:#1025421f;--shadow:0 24px 70px #10254224;--json-key:#d8572a;--json-string:#417b5a;--json-number:#355070;--json-boolean:#8f3b76;--json-null:#8d99ae}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#eb5e2833,#0000 28%),radial-gradient(circle at top right,#52a7a72e,#0000 24%),linear-gradient(180deg,#fff9ef,#f6f1e8 42%,#edf4f4);color:#102542;color:var(--ink-strong);margin:0}.app-shell{min-height:100vh;padding:18px 20px 56px}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf7d1;border:1px solid #1025421f;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px #10254224;box-shadow:var(--shadow);display:flex;gap:28px;margin:0 auto 28px;padding:18px 22px;width:100%}.brand-mark{background:#0000;border:none;color:#102542;color:var(--ink-strong);cursor:pointer;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:700;letter-spacing:-.03em;padding:0}.theme-toggle{margin-left:auto}.nav-more-hint{align-items:center;background:#eb5e2814;border:1px solid #eb5e281f;border-radius:999px;color:#eb5e28;color:var(--accent);display:none;flex:0 0 auto;font-size:.9rem;height:28px;justify-content:center;padding:0;width:28px}.topnav{display:flex;flex-wrap:wrap;gap:10px}.nav-link{background:#0000;border:1px solid #0000;border-radius:999px;color:#4c6172;color:var(--ink-soft);cursor:pointer;font-size:.96rem;font-weight:600;padding:10px 14px;transition:background .14s ease,color .14s ease,border-color .14s ease}.nav-link.active,.nav-link:hover{background:#eb5e281f;background:var(--accent-soft);border-color:#eb5e2838;color:#ff6a00}.app-content{margin:0 auto;width:100%}.hero-card,.home-page,.input-panel,.output-block,.page-panel,.qr-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7e0;background:var(--surface);border:1px solid #1025421f;border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 70px #10254224;box-shadow:var(--shadow)}.hero-card,.hero-copy,.input-panel,.page-header{padding:28px}.panel-kicker{color:#eb5e28;color:var(--accent);font-size:.75rem;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.hero-copy,.page-panel{margin-bottom:24px}.home-hero{display:grid;margin-bottom:34px;min-height:320px;place-items:center;text-align:center}.hero-card h2,.hero-copy h1,.page-header h1{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.03em;margin:0}.hero-copy h1{color:#102542;color:var(--ink-strong);font-size:clamp(2rem,4.3vw,3.5rem);line-height:1.08;max-width:none;white-space:nowrap}.code-output,.ghost-link,.hero-card p,.hero-text,.input-panel label,.output-header,.page-text,.plain-output,button,textarea{font-size:.98rem}.hero-card p,.hero-text,.page-text{color:#4c6172;color:var(--ink-soft);line-height:1.7}.hero-text{font-size:1rem;margin:28px auto 0;max-width:900px}.trust-line{color:#eb5e28;color:var(--accent);font-size:.94rem;font-weight:700;margin:12px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}.home-page{width:100%}.why-section{margin-bottom:34px}.cards-section{padding:8px 0 0}.section-heading{margin-bottom:22px;text-align:center}.section-heading h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.03em;margin:0}.section-heading p{color:#4c6172;color:var(--ink-soft);margin:10px 0 0}.why-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.why-card{background:#fffcf7d9;border:1px solid #1025421f;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px #10254224;box-shadow:var(--shadow);padding:24px}.why-card h3{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;letter-spacing:-.02em;margin:0 0 10px}.why-card p{color:#4c6172;color:var(--ink-soft);line-height:1.65;margin:0}.hero-grid,.tool-grid,.tool-layout{grid-gap:20px;display:grid;gap:20px}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-grid,.tool-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tool-card-button{cursor:pointer;text-align:left;width:100%}.hero-card{background:#fff;border:1px solid #0000000d;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.hero-card:before{background:linear-gradient(135deg,#eb5e2814,#52a7a70f);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .18s ease}.hero-card h2{font-size:1.35rem;margin-bottom:12px}.tool-icon{align-items:center;background:#10254214;border-radius:16px;box-shadow:inset 0 0 0 1px #1025420a;color:#102542;color:var(--ink-strong);display:inline-flex;font-size:1.2rem;height:52px;justify-content:center;margin-bottom:18px;width:52px}.hero-card:hover{background:#fffdfa;border-color:#eb5e2838;box-shadow:0 10px 20px #00000014;transform:translateY(-5px)}.hero-card:hover:before{opacity:1}.hero-card>*{position:relative;z-index:1}.card-link{color:#eb5e28;color:var(--accent);display:inline-block;font-weight:700;margin-top:18px;transition:transform .18s ease,letter-spacing .18s ease,text-decoration-color .18s ease}.hero-card:hover .card-link{letter-spacing:.02em;transform:translateX(4px)}.card-link:hover{text-decoration:underline}.hero-card:hover h2{color:#102542;color:var(--ink-strong)}.hero-card:hover p{color:#4c6172;color:var(--ink-soft)}.page-panel{padding:28px}.page-header{align-items:flex-start;border-bottom:1px solid #10254214;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px;padding:0 0 22px}.page-header h1{font-size:clamp(2rem,4vw,3rem)}.page-text{margin:12px 0 0;max-width:48rem}.input-panel label{color:#4c6172;color:var(--ink-soft);display:inline-block;font-weight:700;margin-bottom:10px}textarea{background:#fffc;border:1px solid #1025421f;border-radius:18px;color:#102542;color:var(--ink-strong);font:inherit;line-height:1.55;min-height:220px;padding:16px;resize:vertical;width:100%}textarea:focus{border-color:#eb5e287a;outline:2px solid #eb5e2847}.button-row{display:flex;flex-wrap:wrap;gap:10px}.mobile-action-row{display:none;gap:10px}.ghost-link,button{background:#102542;background:var(--ink-strong);border:none;border-radius:999px;color:#fff;cursor:pointer;padding:11px 16px;text-decoration:none;transition:transform .14s ease,opacity .14s ease,background .14s ease}.ghost-link:hover,button:hover{opacity:.94;transform:translateY(-1px)}.secondary-button{background:#fffcf7d1;border:1px solid #10254224}.copy-button,.secondary-button{color:#102542;color:var(--ink-strong)}.copy-button{background:#10254214;font-size:.88rem;font-weight:700;padding:8px 12px}.copy-button:hover{background:#10254224}.output-block{background:#fffaf2f5;background:var(--surface-strong);overflow:hidden}.output-header{align-items:center;border-bottom:1px solid #10254214;color:#4c6172;color:var(--ink-soft);display:flex;font-weight:700;justify-content:space-between;padding:12px 16px}.code-output,.plain-output{line-height:1.65;margin:0;min-height:220px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.code-output{font-family:Courier New,Courier,monospace}.plain-output{font-family:inherit}.json-key{color:#d8572a;color:var(--json-key)}.json-string{color:#417b5a;color:var(--json-string)}.json-number{color:#355070;color:var(--json-number)}.json-boolean{color:#8f3b76;color:var(--json-boolean)}.json-null{color:#8d99ae;color:var(--json-null)}.qr-preview{background:linear-gradient(135deg,#ffffffd6,#eaf4f4d1);display:grid;min-height:360px;padding:22px;place-items:center}.qr-preview img{border-radius:22px;height:auto;width:min(100%,320px)}.status-banner{background:#ffffffc2;border:1px solid #1025421a;border-radius:18px;box-shadow:0 10px 30px #10254214;color:#4c6172;color:var(--ink-soft);font-weight:700;margin:0 0 18px;padding:14px 18px}.error-text{color:#b42318;font-weight:700;margin:12px 0 0}.status-chip{border-radius:999px;display:inline-flex;font-size:.9rem;font-weight:700;margin-top:12px;padding:8px 12px}.status-chip.valid{background:#388e3c1f;color:#2e7d32}.status-chip.expired{background:#c628281f;color:#c62828}.status-chip.no-expiry{background:#10254214;color:#102542;color:var(--ink-strong)}.site-footer{color:#4c6172;color:var(--ink-soft);margin-top:42px;padding:22px 12px 8px;text-align:center}.site-footer p{margin:4px 0}@media (max-width:860px){.topbar{align-items:flex-start}.page-header,.topbar{flex-direction:column}}@media (max-width:680px){.app-shell{padding:12px 12px 40px}.topbar{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto}.hero-card,.hero-copy,.input-panel,.page-panel,.topbar{padding:16px}.brand-mark,.theme-toggle{grid-column:1/-1}.topnav{flex-wrap:nowrap;grid-column:1/2;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;width:100%}.topnav::-webkit-scrollbar{display:none}.theme-toggle{margin-left:0;width:100%}.nav-more-hint{align-self:center;display:inline-flex;justify-self:end;margin-top:0}.nav-link{flex:0 0 auto;width:auto}.ghost-link,button{justify-content:center;text-align:center}.nav-more-hint{height:28px;padding:0;width:28px}.button-row{width:100%}.hero-actions{flex-direction:column;width:100%}.hero-copy h1{font-size:clamp(1.9rem,8vw,2.7rem);max-width:13ch;white-space:normal}.hero-text{max-width:100%}.trust-line{text-align:center}.hero-grid,.tool-grid,.tool-layout,.why-grid{grid-template-columns:1fr}.page-header>.button-row,.page-header>.ghost-link,.page-header>button{display:none}.mobile-action-row{display:flex;flex-wrap:wrap;width:100%}.mobile-action-row>*{flex:1 1}.hero-card h2{font-size:1.2rem}textarea{min-height:180px}.page-header{gap:14px}.output-header{align-items:flex-start;flex-direction:column;gap:10px}}body.dark{background:radial-gradient(circle at top left,#eb5e281f,#0000 28%),radial-gradient(circle at top right,#52a7a71f,#0000 24%),linear-gradient(180deg,#14202f,#111a27 52%,#0e1722);color:#eef3f9}body.dark .hero-card,body.dark .home-page,body.dark .input-panel,body.dark .output-block,body.dark .page-panel,body.dark .qr-preview,body.dark .topbar,body.dark .why-card{background:#101926e0;border-color:#ffffff14;box-shadow:0 24px 70px #00000047}body.dark .brand-mark,body.dark .code-output,body.dark .copy-button,body.dark .hero-card h2,body.dark .hero-copy h1,body.dark .page-header h1,body.dark .plain-output,body.dark .secondary-button,body.dark .section-heading h2,body.dark .status-banner,body.dark .tool-icon,body.dark .why-card h3{color:#eef3f9}body.dark .hero-card p,body.dark .hero-text,body.dark .input-panel label,body.dark .nav-link,body.dark .output-header,body.dark .page-text,body.dark .section-heading p,body.dark .site-footer,body.dark .why-card p{color:#b5c3d3}body.dark textarea{background:#0a1018eb;border-color:#ffffff14;color:#eef3f9}body.dark .copy-button,body.dark .secondary-button{background:#ffffff14;border-color:#ffffff1a}body.dark .tool-icon{background:#ffffff14}body.dark .card-link,body.dark .nav-link.active,body.dark .nav-link:hover,body.dark .trust-line{color:#ff9b52}body.dark .hero-card:hover{background:#14202ff5}
/*# sourceMappingURL=main.2a576c33.css.map*/