@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;600&family=Poppins:wght@600&display=swap";:root{--app-bg:#fff;--surface:#f9fafb;--text:#111827;--text-muted:#374151;--border:#e5e7eb;--accent:#3b82f6;color:var(--text);background:var(--app-bg);letter-spacing:normal;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans JP,sans-serif;font-weight:400;line-height:1.6}:root[data-color-scheme=dark]{--app-bg:#0f172a;--surface:#111827;--text:#f3f4f6;--text-muted:#cbd5e1;--border:#334155;--accent:#60a5fa}*{box-sizing:border-box}body{background:var(--app-bg);min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.02em;font-family:Poppins,Noto Sans JP,sans-serif}h1{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.25rem)}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);padding:1.5rem 1rem}.brand-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.brand{align-items:center;gap:.55rem;margin-bottom:0;font-size:1.1rem;display:inline-flex}.brand img{border-radius:8px}.sidebar ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.sidebar a{width:100%;color:var(--text);border-radius:9999px;align-items:center;gap:.45rem;padding:.6rem .9rem;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.sidebar a.active{background:var(--accent);color:#fff}.content{padding:1rem}.page-stack{gap:1rem;max-width:1024px;display:grid}.lead{color:var(--text-muted);margin-top:.5rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.tool-card{transition:all .2s ease-in-out;overflow:hidden}.tool-card-action{cursor:pointer;height:100%;transition:background-color .2s ease-in-out;display:block}.tool-card:hover{box-shadow:0 6px 16px #0f172a1f}.tool-card-action:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-card-icon{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.form-grid{gap:1rem;display:grid}.inline-fieldset{gap:.5rem}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.button-row.compact{justify-content:flex-end}.result-list,.snippet-list,.history-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.result-list li,.snippet-list li,.history-list li{border:1px solid var(--border);background:var(--app-bg);border-radius:12px;padding:.75rem}.result-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.result-list code{font-family:Inter,ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.snippet-list li{gap:.5rem;display:grid}.snippet-list p{white-space:pre-wrap;color:var(--text-muted)}.history-list li{gap:.25rem;display:grid}.history-list span{color:var(--text-muted);font-size:.9rem}.history-list code{white-space:pre-wrap;color:var(--text);font-family:Inter,ui-monospace,SFMono-Regular,Menlo,monospace}@media (width>=768px){.content{padding:1.5rem}}@media (width>=1024px){.content{padding:2rem}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}