@media (max-width:768px){.header-title{position:static!important;left:auto!important;transform:none!important;margin-left:0!important;margin-right:auto!important}}:root{--background:#fafbfc;--foreground:#24292f;--surface:#f6f8fa;--surface-elevated:#ffffff;--border-color:rgba(27,31,36,0.08);--text-muted:#656d76;--shadow-subtle:rgba(27,31,36,0.04);--shadow-medium:rgba(27,31,36,0.12);--pixelart-bg:#f5f7fa;--pixelart-fg:#24292f;--pixelart-border:#e0e0e0;--pixelart-subtext:#666}@media (prefers-color-scheme:dark){:root{--background:#0d1117;--foreground:#f0f6fc;--pixelart-bg:#181c20;--pixelart-fg:#f0f6fc;--pixelart-border:#333a40;--pixelart-subtext:#8b949e}}[data-bs-theme=dark]{--background:#0d1117;--foreground:#f0f6fc;--surface:#161b22;--surface-elevated:#21262d;--border-color:rgba(240,246,252,0.1);--text-muted:#8b949e;--shadow-subtle:rgba(0,0,0,0.3);--pixelart-bg:#181c20;--pixelart-fg:#f0f6fc;--pixelart-border:#333a40;--pixelart-subtext:#8b949e}[data-bs-theme=dark] .bg-custom-surface{background-color:var(--surface)!important}[data-bs-theme=dark] .bg-custom-elevated{background-color:var(--surface-elevated)!important}[data-bs-theme=dark] .border-custom{border-color:var(--border-color)!important}[data-bs-theme=dark] .text-custom-muted{color:var(--text-muted)!important}[data-bs-theme=dark] .shadow-custom{box-shadow:0 .125rem .25rem var(--shadow-subtle)!important}[data-bs-theme=light] .bg-custom-surface{background-color:var(--surface)!important}[data-bs-theme=light] .bg-custom-elevated{background-color:var(--surface-elevated)!important}[data-bs-theme=light] .border-custom{border-color:var(--border-color)!important}[data-bs-theme=light] .text-custom-muted{color:var(--text-muted)!important}[data-bs-theme=light] .shadow-custom{box-shadow:0 .125rem .25rem var(--shadow-subtle),0 0 0 1px var(--border-color)!important}[data-bs-theme=dark] .bg-light{background-color:var(--surface)!important}[data-bs-theme=dark] .bg-white{background-color:var(--surface-elevated)!important}[data-bs-theme=dark] .border-bottom{border-color:var(--border-color)!important}[data-bs-theme=dark] .text-muted{color:var(--text-muted)!important}[data-bs-theme=dark] .card{background-color:var(--surface-elevated);border-color:var(--border-color)}[data-bs-theme=dark] .shadow-sm{box-shadow:0 .125rem .25rem var(--shadow-subtle)!important}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-noto-sans-jp),var(--font-geist-sans),Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}[data-bs-theme=dark] .header-bg{background-color:var(--surface-elevated)!important;border-bottom:1px solid var(--border-color)!important}[data-bs-theme=dark] .footer-bg{background-color:var(--surface)!important;border-top:1px solid var(--border-color)!important}[data-bs-theme=light] .header-bg{background-color:var(--surface-elevated)!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 1px 3px var(--shadow-subtle)!important}[data-bs-theme=light] .footer-bg{background-color:var(--surface)!important;border-top:1px solid var(--border-color)!important}[data-bs-theme=dark] .bi{opacity:.9}[data-bs-theme=dark] .btn-outline-secondary,[data-bs-theme=dark] .btn-outline-secondary:hover{border-color:var(--border-color);color:var(--foreground)}[data-bs-theme=dark] .btn-outline-secondary:hover{background-color:var(--surface)}[data-bs-theme=light] .card{background-color:var(--surface-elevated);border-color:var(--border-color);box-shadow:0 .125rem .25rem var(--shadow-subtle),0 0 0 1px var(--border-color)}[data-bs-theme=light] .shadow-sm{box-shadow:0 .125rem .25rem var(--shadow-subtle),0 0 0 1px var(--border-color)!important}.tool-container{max-width:520px;margin:0 auto;padding:1rem}.tool-container-wide{max-width:700px}.tool-container-extra-wide{max-width:900px}.tool-title{font-family:"Noto Sans JP",var(--font-geist-sans),Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--foreground)}.tool-title,.tool-title.h3{font-size:1.75rem}.tool-title.h4{font-size:1.5rem}.tool-section{margin-bottom:1.5rem}.tool-section:last-child{margin-bottom:0}.tool-card{border:1px solid var(--border-color,rgba(27,31,36,.08));border-radius:8px;padding:1.5rem;background:var(--surface-elevated,#ffffff);box-shadow:0 2px 8px var(--shadow-subtle,rgba(0,0,0,.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-bs-theme=dark] .tool-card{background:var(--surface-elevated);border-color:var(--border-color);box-shadow:0 2px 8px var(--shadow-subtle,rgba(0,0,0,.3))}.tool-form-section{margin-bottom:1rem}.tool-input-group{display:flex;width:100%}.tool-input-group .form-control{flex:1 1}.tool-btn-group{width:100%;margin-bottom:.75rem}.tool-btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary);color:white;font-weight:500}.tool-btn-outline{border-color:var(--border-color,#dee2e6);color:var(--foreground);background-color:transparent}.tool-btn-outline:hover{background-color:var(--surface,#f6f8fa);border-color:var(--border-color);color:var(--foreground)}[data-bs-theme=dark] .tool-btn-outline:hover{background-color:var(--surface)}.tool-color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.tool-color-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color,#dee2e6);cursor:pointer;position:relative;padding:0;background:none}.tool-color-button.selected{border:3px solid var(--bs-primary)}.tool-color-button:hover{transform:scale(1.1);transition:transform .1s ease}.tool-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem}.tool-icon-button{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.25rem;font-size:11px}.tool-icon-button i{font-size:20px;margin-bottom:.25rem}.tool-description{margin-bottom:2rem;text-align:center;color:var(--text-muted,#656d76);white-space:pre-line}.tool-qr-display{margin:2rem 0;text-align:center}.tool-qr-display img{border-radius:18px;display:inline-block}.tool-download-btn{width:100%;margin-bottom:.5rem;font-weight:500}.tool-download-btn i{margin-right:.5rem}@media (max-width:768px){.tool-container{padding:.75rem}.tool-card{padding:1rem}.tool-title{font-size:1.5rem}.tool-icon-grid{grid-template-columns:repeat(4,1fr)}}.tool-input-group .form-control:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(var(--bs-primary-rgb),.25)}.tool-btn-outline.active,.tool-btn-outline:active,.tool-btn-primary.active,.tool-btn-primary:active{background-color:var(--bs-primary);border-color:var(--bs-primary)}.tool-btn-outline.active,.tool-btn-outline:active{color:white}.tool-center{display:flex;align-items:center;justify-content:center}.tool-mb-4{margin-bottom:2rem}.tool-mb-3{margin-bottom:1.5rem}.tool-mb-2{margin-bottom:1rem}.tool-py-4{padding-top:2rem;padding-bottom:2rem}