:root{--bg: #f3f6f4;--bg-accent: #e7f0ea;--ink: #14201b;--muted: #5b6b63;--line: rgba(20, 32, 27, .1);--brand: #0f766e;--brand-2: #115e59;--hot: #c2410c;--new: #0369a1;--card: rgba(255, 255, 255, .72);--shadow: 0 18px 50px rgba(15, 40, 32, .08);--radius: 18px;--font: "DM Sans", system-ui, sans-serif;--display: "Instrument Serif", Georgia, serif;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9efe6 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#dce8f5 0%,transparent 50%),linear-gradient(180deg,#f7faf8 0%,var(--bg) 40%,#eef3f0 100%);font-family:var(--font);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.5rem;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;background:#f3f6f4cc}.brand{display:flex;align-items:center;gap:.75rem;min-width:180px}.brand-mark{width:2.25rem;height:2.25rem;border-radius:.75rem;display:block;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font-size:1.05rem}.brand-text small{color:var(--muted);font-size:.72rem}.site-nav{display:flex;gap:.35rem;flex:1}.site-nav a{padding:.45rem .8rem;border-radius:999px;color:var(--muted)}.site-nav a.active,.site-nav a:hover{color:var(--ink);background:#0f766e1a}.header-actions{display:flex;align-items:center;gap:.75rem}.auth-links,.auth-user{display:flex;align-items:center;gap:.45rem}.auth-user-name{max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:var(--muted)}.auth-avatar{width:1.75rem;height:1.75rem;border-radius:999px;object-fit:cover;border:1px solid var(--line)}.btn.compact{padding:.45rem .85rem;font-size:.9rem}.auth-page{display:grid;place-items:center;padding:2rem 1rem 3rem}.auth-card{width:min(420px,100%);padding:1.6rem 1.4rem 1.5rem;border-radius:calc(var(--radius) + 4px);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-card h1{margin:0 0 .35rem;font-size:1.7rem}.auth-card .lede{margin:0 0 1.1rem;color:var(--muted)}.auth-form{display:grid;gap:.85rem}.auth-form label{display:grid;gap:.35rem;font-size:.92rem}.auth-form input{border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#ffffffeb}.auth-form .btn{width:100%;margin-top:.25rem}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line)}.google-login-wrap{display:flex;justify-content:center;min-height:44px}.auth-google-hint{margin:0;text-align:center;font-size:.85rem}.auth-switch{margin:1rem 0 0;text-align:center;color:var(--muted);font-size:.92rem}.auth-switch a{color:var(--brand-2);font-weight:600}.lang-switch select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .75rem}.site-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.site-footer{padding:1.5rem;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:stretch;min-height:min(68vh,620px);margin-bottom:2.5rem}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:1rem;animation:rise .7s ease both}.eyebrow{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--brand);font-weight:700}.hero h1,.page-head h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,5vw,4rem);line-height:1.05}.lede{margin:0;max-width:36rem;color:var(--muted);font-size:1.05rem}.hero-visual{position:relative;border-radius:calc(var(--radius) + 8px);overflow:hidden;background:linear-gradient(160deg,#0f766ee6,#0f172ad9),url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M0 30h60M30 0v60' stroke='rgba(255,255,255,0.08)'/%3E%3C/svg%3E");animation:fade 1s ease both}.orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 8s ease-in-out infinite}.orb-a{width:220px;height:220px;background:#5eead4;opacity:.35;top:12%;left:10%}.orb-b{width:160px;height:160px;background:#93c5fd;opacity:.35;right:12%;bottom:16%;animation-delay:-3s}.grid-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.25),transparent 40%)}.search-bar{display:flex;gap:.5rem;width:min(520px,100%)}.search-bar input{flex:1;border:1px solid var(--line);border-radius:999px;padding:.85rem 1.1rem;background:#ffffffe6}.search-bar button,.btn{border:0;border-radius:999px;padding:.85rem 1.2rem;cursor:pointer;background:var(--brand);color:#fff}.btn.primary{background:var(--brand)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.section{margin-top:2.5rem;animation:rise .6s ease both}.section-head,.page-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-head h2{margin:0;font-size:1.4rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{display:flex;flex-direction:column;gap:.55rem;padding:1rem;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease;min-height:150px}.card:hover{transform:translateY(-3px);border-color:#0f766e59}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card-icon,.site-icon{width:2.5rem;height:2.5rem;border-radius:.85rem;display:grid;place-items:center;background:var(--bg-accent);font-size:.75rem;font-weight:700;color:var(--brand-2);object-fit:cover}.tool-icon{flex-shrink:0;display:grid;place-items:center;border-radius:.95rem;background:linear-gradient(160deg,rgba(255,255,255,.72),transparent 55%),var(--tool-icon-bg, var(--bg-accent));color:var(--tool-icon-fg, var(--brand-2));box-shadow:inset 0 0 0 1px var(--tool-icon-ring, rgba(17, 94, 89, .14)),0 8px 18px #0f28200f}.tool-icon-img{object-fit:cover;background:var(--bg-accent)}.tool-detail-title{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:.35rem}.tool-detail-title h1{margin:.15rem 0 0}.tool-card:hover .tool-icon{transform:translateY(-1px) scale(1.03);transition:transform .2s ease}.tool-icon{transition:transform .2s ease}.card h3{margin:0;font-size:1.05rem}.card p{margin:0;color:var(--muted);font-size:.92rem}.badges{display:flex;gap:.35rem}.badges.inline{margin-bottom:.5rem}.badge{font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:.2rem .45rem;border-radius:999px;color:#fff}.badge.hot{background:var(--hot)}.badge.new{background:var(--new)}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.chip{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:.45rem .85rem;cursor:pointer;color:var(--muted)}.chip.active,.chip:hover{background:#0f766e1f;color:var(--ink);border-color:#0f766e4d}.muted{color:var(--muted)}.error{color:#b91c1c}.hint{color:var(--muted);font-size:.9rem}.tool-workspace{margin-top:1.5rem;padding:1.25rem;border-radius:var(--radius);border:1px solid rgba(15,118,110,.2);background:#ffffffa6}.tool-panel{display:grid;gap:1rem;width:100%}.tool-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.tool-controls label{display:grid;gap:.35rem;min-width:160px;font-size:.9rem;color:var(--muted)}.batch-bar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:14px;background:#0f766e14;border:1px solid var(--line)}.batch-actions{display:flex;gap:.5rem;flex-wrap:wrap}.tool-controls select{border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem;background:#fff}.dropzone{border:1.5px dashed rgba(15,118,110,.35);border-radius:var(--radius);padding:1.75rem 1rem;text-align:center;cursor:pointer;background:#0f766e0a;display:grid;gap:.35rem;transition:border-color .2s ease,background .2s ease}.dropzone.dragging,.dropzone:hover{border-color:var(--brand);background:#0f766e14}.dropzone span{color:var(--muted);font-size:.9rem}.result-list,.hash-list{display:grid;gap:.85rem}.result-row,.hash-card{display:grid;grid-template-columns:96px 1fr;gap:.85rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:#fffc}.hash-card{grid-template-columns:1fr}.result-row img{width:96px;height:96px;object-fit:cover;border-radius:10px;background:var(--bg-accent)}.hash-line{display:grid;grid-template-columns:72px 1fr auto;gap:.5rem;align-items:center}.hash-label{font-size:.75rem;font-weight:700;color:var(--brand-2)}.hash-line code,.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.code-area{width:100%;border:1px solid var(--line);border-radius:14px;padding:.85rem;background:#0f1c18;color:#d7f5ec;resize:vertical}.stack-label{display:grid;gap:.4rem}.split-editor{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.md-preview{border:1px solid var(--line);border-radius:14px;padding:1rem;background:#fff;overflow:auto;min-height:280px}.md-preview img{max-width:100%}.flag-inline{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.9rem}.qr-studio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.25rem;align-items:start}.qr-studio-controls{display:grid;gap:.85rem}.qr-section{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.qr-section h3{margin:0;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}.qr-content-input,.qr-text-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;background:#fff;font:inherit;resize:vertical}.qr-field{display:grid;gap:.35rem;font-size:.88rem;color:var(--muted)}.qr-field.grow{flex:1;min-width:140px}.qr-field em{font-style:normal;color:var(--ink);font-weight:600}.qr-field input[type=range]{width:100%}.qr-style-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.qr-dot{border:1px solid transparent;background:transparent;border-radius:12px;padding:.35rem .2rem;cursor:pointer;display:grid;gap:.3rem;justify-items:center;color:var(--muted)}.qr-dot small{font-size:.68rem;line-height:1.1;text-align:center}.qr-dot.active,.qr-dot:hover{background:#0f766e14;border-color:#0f766e40;color:var(--ink)}.qr-dot-face{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #14201b1f}.qr-color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.qr-color{display:grid;gap:.3rem;font-size:.8rem;color:var(--muted)}.qr-color input[type=color]{width:100%;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.qr-logo-row{display:grid;grid-template-columns:88px 1fr;gap:.85rem;align-items:center}.qr-logo-pick{width:88px;height:88px;border-radius:16px;border:1.5px dashed rgba(15,118,110,.35);background:#0f766e0d;cursor:pointer;display:grid;place-items:center;overflow:hidden;padding:0;color:var(--brand-2);font-size:.78rem;text-align:center}.qr-logo-pick img{width:100%;height:100%;object-fit:cover}.qr-logo-meta{display:grid;gap:.55rem}.qr-font-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.qr-font-toggles{display:flex;flex-wrap:wrap;gap:.35rem}.qr-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .7rem;cursor:pointer;color:var(--muted);min-width:2.2rem}.qr-chip.active,.qr-chip:hover{border-color:#0f766e59;background:#0f766e1a;color:var(--ink)}.qr-studio-preview{position:sticky;top:5.5rem;display:grid;gap:.85rem;padding:1rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffe6,#f3f6f4d9);box-shadow:var(--shadow)}.qr-preview-stage{position:relative;min-height:320px;border-radius:16px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(20,32,27,.06)}.qr-preview-stage img{max-width:min(100%,360px);height:auto;display:block}.qr-busy{position:absolute;right:.75rem;bottom:.75rem;font-size:.75rem;color:var(--muted);background:#ffffffd9;padding:.25rem .5rem;border-radius:999px}.qr-download{width:100%}@media(max-width:900px){.qr-studio{grid-template-columns:1fr}.qr-studio-preview{position:static;order:-1}.qr-style-row{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:520px){.qr-style-row{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-logo-row,.qr-color-row{grid-template-columns:1fr}}.now-box{display:grid;gap:.65rem;padding:1rem;border-radius:14px;background:#0f766e14}.now-box div{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.convert-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ok{color:var(--brand-2)}@media(max-width:860px){.split-editor,.convert-grid,.result-row,.hash-line{grid-template-columns:1fr}}.admin-form{display:grid;gap:.85rem;max-width:360px}.admin-form label{display:grid;gap:.35rem}.admin-form input{border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb3}.admin-table{width:100%;border-collapse:collapse;font-size:.92rem}.admin-table th,.admin-table td{padding:.75rem .85rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.admin-actions{display:flex;gap:.35rem;flex-wrap:wrap}.admin-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;background:var(--bg-accent)}.admin-preview{margin-top:.5rem;width:72px;height:72px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a141073;display:grid;place-items:center;padding:1rem;z-index:50}.modal-card{width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;background:#fff;border-radius:18px;padding:1.25rem;display:grid;gap:.9rem;box-shadow:var(--shadow)}.modal-card h2,.modal-card h3{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-grid label,.stack-label{display:grid;gap:.35rem;font-size:.9rem}.form-grid input,.form-grid select,.i18n-row input,.upload-row input[type=text],.upload-row input:not([type=file]){border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem}.upload-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.flag-row{display:flex;gap:1rem;flex-wrap:wrap}.flag-row.wrap{gap:.65rem 1rem}.i18n-block{display:grid;gap:.55rem}.i18n-row{display:grid;grid-template-columns:72px 1fr 1.4fr;gap:.5rem;align-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:860px){.form-grid,.i18n-row,.upload-row{grid-template-columns:1fr}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:860px){.site-header{flex-wrap:wrap}.site-nav{order:3;width:100%;overflow-x:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:220px}}