@font-face{font-family:Tairan Serif;src:url(/fonts/tairan-serif.woff)format("woff");font-display:swap;font-weight:400 600}:root{--accent:#2775b6;--accent-strong:#1e5f95;--accent-soft:#e8f2fa;--bg:#fcfdfe;--surface:#fff;--surface-alt:#f0f6fb;--border:#d9e4ec;--border-strong:#8fb8da;--text:#152b3a;--text-muted:#596f80;--danger:#ad3434;--success:#286343;--font-body:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;--font-display:"Tairan Serif","Songti SC",serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--accent:#8fbddf;--accent-strong:#b3d3e9;--accent-soft:#1c3648;--bg:#101c25;--surface:#14232e;--surface-alt:#172935;--border:#304958;--border-strong:#648da9;--text:#ecf3f8;--text-muted:#9fb5c6;--danger:#ffb4ab;--success:#98d6b1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--accent:#8fbddf;--accent-strong:#b3d3e9;--accent-soft:#1c3648;--bg:#101c25;--surface:#14232e;--surface-alt:#172935;--border:#304958;--border-strong:#648da9;--text:#ecf3f8;--text-muted:#9fb5c6;--danger:#ffb4ab;--success:#98d6b1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{min-height:100%;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent-strong);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,input,textarea,select{color:var(--text)}::selection{color:var(--text);background:var(--accent-soft)}input,textarea{caret-color:var(--accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:600;line-height:1.4}h2{font-size:19px;font-weight:600;line-height:1.5}h3{font-size:16px;font-weight:600}button{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:4px;min-height:44px;padding:8px 16px;transition:background .18s,border-color .18s}button:hover:not(:disabled){background:var(--surface-alt);border-color:var(--accent)}button:active:not(:disabled){background:var(--accent-soft)}button:disabled{color:var(--text-muted);opacity:.55;cursor:not-allowed}button.primary{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--bg)}button.primary:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}input:not([type=checkbox]):not([type=range]),select{border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;min-width:0;max-width:100%;min-height:44px;padding:8px 12px}input[type=checkbox],input[type=range]{accent-color:var(--accent-strong);max-width:100%}input[type=checkbox]{flex-shrink:0;width:18px;height:18px}input[type=file]{width:100%;font-size:14px}input[type=file]::file-selector-button{font:inherit;border:1px solid var(--border-strong);color:var(--text);background:var(--surface-alt);cursor:pointer;border-radius:4px;margin-right:12px;padding:8px 12px}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}textarea{resize:vertical;border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:180px;font:14px/1.8 var(--font-mono);tab-size:2;overflow-wrap:normal;border-radius:4px;padding:16px;display:block}textarea[readonly]{background:var(--surface-alt)}fieldset{border:0;margin:24px 0;padding:0}legend{color:var(--text-muted);margin-bottom:10px;font-size:14px}progress{width:100%;height:8px;accent-color:var(--accent);margin-top:20px;display:block}img,canvas{max-width:100%}.site-header{border-bottom:1px solid var(--border)}.header-inner,.site-footer,.tool-main,.catalog-main{max-width:1184px;margin-inline:auto;padding-inline:32px}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:88px;display:flex}.brand{color:var(--text);white-space:nowrap;font:25px/1.4 var(--font-display);letter-spacing:.05em;align-items:center;text-decoration:none;display:inline-flex}.brand svg{width:44px;height:44px;color:var(--accent)}.brand-suffix{font:14px/1.4 var(--font-body);letter-spacing:0;color:var(--text-muted);margin-left:12px}.header-controls{align-items:center;gap:24px;font-size:13px;display:flex}.blog-link{white-space:nowrap;text-decoration:none}.field-inline{align-items:center;gap:8px;display:flex}.field-inline select{min-height:40px;padding:6px 10px;font-size:13px}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;padding-block:28px;font-size:13px;display:flex}.site-footer>a{margin-left:auto}.skip-link{z-index:100;background:var(--surface);border:1px solid var(--accent);padding:12px 20px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.tool-main{min-height:calc(100vh - 168px);padding-top:30px;padding-bottom:64px}.breadcrumbs{align-items:center;gap:12px;margin-bottom:24px;font-size:13px;display:flex}.breadcrumbs a{align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.breadcrumbs span{color:var(--text-muted)}.tool-title{margin-bottom:32px}.tool-title>p{color:var(--text-muted);max-width:68ch;margin-top:10px}.workspace{min-width:0}.tool-options{flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:24px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;font-size:14px;display:flex}.field>span{color:var(--text-muted)}.field>span output{color:var(--text);font-variant-numeric:tabular-nums;margin-left:12px}#image-width{width:180px}.field input[type=range]{width:180px;height:44px}.actions,.button-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actions{margin-top:20px}.tool-options .actions{margin-top:0}.editors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.editor{min-width:0}.editor-heading{justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin-bottom:10px;display:flex}.editor-heading>label{font-size:14px;font-weight:600}.editor-heading button{min-height:36px;padding:5px 12px;font-size:13px}.result-secondary{margin-top:16px}.result-secondary button{font-size:13px}.status{min-height:28px;color:var(--accent-strong);overflow-wrap:anywhere;margin-top:18px;font-size:14px}.status[data-state=error]{color:var(--danger)}.tool-note{max-width:76ch;color:var(--text-muted);margin-top:12px;font-size:13px;line-height:1.85}.generator-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;display:grid}.settings{background:var(--surface-alt);border-radius:8px;min-width:0;padding:24px}.settings h2{margin-bottom:24px}.settings>.field{margin-bottom:20px}.settings>.field>input{width:100%}.settings>.primary{margin-top:24px}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:20px;display:grid}.settings-fields input{width:100%}.checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.check{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.related{border-top:1px solid var(--border);margin-top:56px;padding-top:24px}.related>h2{color:var(--text-muted);font-size:14px;font-weight:400}.related-links{flex-wrap:wrap;gap:12px 32px;margin:12px 0 0;padding:0;list-style:none;display:flex}.related-links a{align-items:center;gap:12px;min-height:44px;font-size:14px;text-decoration:none;display:flex}.arrow{flex-shrink:0;width:20px;height:20px}.text-stats{border-block:1px solid var(--border);flex-wrap:wrap;gap:20px 40px;margin:0 0 24px;padding:16px 0;display:flex}.text-stats>div{align-items:baseline;gap:10px;display:flex}.text-stats dt{color:var(--text-muted);font-size:13px}.text-stats dd{font:16px var(--font-mono);font-variant-numeric:tabular-nums;margin:0}.file-zone{border:1px dashed var(--border-strong);background:var(--surface-alt);border-radius:8px;margin-bottom:24px;padding:24px}.file-zone>label{margin-bottom:16px;font-size:17px;display:block}.file-zone>p{color:var(--text-muted);overflow-wrap:anywhere;margin-top:12px;font-size:13px}.file-zone button{margin-top:16px}.file-zone[data-dragging=true]{border-color:var(--accent);background:var(--accent-soft)}.clock-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:24px;display:flex}.clock-row>span{color:var(--text-muted);font-size:14px}.clock-row>output{font:20px var(--font-mono);font-variant-numeric:tabular-nums}.time-forms{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.qr-result{background:var(--surface-alt);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:24px;display:flex}.qr-result>p{color:var(--text-muted);font-size:14px}.qr-result canvas{background:#fff;width:256px;height:auto}.image-results{margin:24px 0;padding:0;list-style:none}.image-item{border-top:1px solid var(--border);grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:20px;padding-block:20px;display:grid}.image-item img{object-fit:contain;background:var(--surface-alt);width:100px;height:80px}.image-item h3{overflow-wrap:anywhere}.image-item p{color:var(--text-muted);margin-top:6px;font-size:13px}.image-item .error{color:var(--danger)}@media (width<=800px){.header-inner,.site-footer,.tool-main,.catalog-main{padding-inline:24px}.generator-layout{grid-template-columns:1fr 1fr;gap:24px}.header-controls{gap:16px}.checks{grid-template-columns:1fr}}@media (width<=640px){.header-inner,.site-footer,.tool-main,.catalog-main{padding-inline:20px}.header-inner{flex-wrap:wrap;gap:12px;min-height:80px;padding-block:16px}.brand{font-size:23px}.brand-suffix{margin-left:7px;font-size:13px}.brand svg{width:38px;height:38px}.header-controls{gap:12px}.blog-link{display:none}.field-inline>span{font-size:12px}.field-inline select{max-width:112px}.tool-main{padding-top:22px;padding-bottom:40px}h1{font-size:26px}.tool-title{margin-bottom:24px}.editors,.generator-layout,.time-forms{grid-template-columns:1fr;gap:24px}textarea{height:240px;min-height:220px;font-size:16px}.tool-options{gap:16px}.tool-options .field{flex:130px}.actions{gap:8px}.actions button{padding-inline:12px;font-size:14px}.settings{padding:20px}.checks{grid-template-columns:1fr 1fr}.site-footer{gap:8px 16px}.site-footer>span:nth-child(2){order:3;width:100%}.related{margin-top:40px}.related-links{gap:8px 24px}.image-item{grid-template-columns:72px minmax(0,1fr);gap:12px}.image-item img{width:72px;height:64px}.image-item button{grid-column:2;justify-self:start}.qr-result{min-height:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.header-controls{flex-wrap:wrap}.header-controls .field-inline{min-width:0}.header-controls select{max-width:100%}.tool-title h1,.card-heading,.field,button{overflow-wrap:anywhere}html[lang=ja-JP] body{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans CJK JP,sans-serif}.catalog-main{min-height:calc(100vh - 168px);padding-top:48px;padding-bottom:64px}.catalog-intro{justify-content:space-between;align-items:center;gap:32px;margin-bottom:36px;display:flex}.catalog-intro h1{font:36px/1.5 var(--font-display)}.catalog-intro p:not(.local-note){color:var(--text-muted);margin-top:12px;font-size:15px}.local-note{color:var(--accent-strong);text-align:right;border-left:1px solid var(--border);padding-left:24px;font-size:13px;line-height:1.9}.mobile-break{display:none}.catalog-search label{color:var(--text-muted);margin-bottom:10px;font-size:13px;display:block}.catalog-search input{width:100%;min-height:52px!important;padding:12px 16px!important}.category-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px 24px;margin-top:22px;display:flex}.category-filters a{min-height:48px;color:var(--text-muted);border-bottom:2px solid #0000;align-items:center;gap:8px;font-size:14px;text-decoration:none;display:inline-flex}.category-filters a[aria-current]{color:var(--accent-strong);border-color:var(--accent)}.category-filters a:hover{color:var(--accent-strong)}.category-filters a span{font-size:12px}.catalog-count{min-height:64px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.catalog-count button{min-height:36px;padding:5px 12px;font-size:13px}.category-group{border-top:1px solid var(--border);grid-template-columns:160px minmax(0,1fr);gap:32px;padding-block:28px;display:grid}.category-heading h2{font-size:17px}.category-heading p{color:var(--text-muted);margin-top:8px;font-size:12px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin:0;padding:0;list-style:none;display:grid}.tool-card{height:100%;color:var(--text);border-bottom:1px solid var(--border);flex-direction:column;padding:4px 0 14px;text-decoration:none;display:flex}.card-heading{justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:500;display:flex}.card-heading .arrow{color:var(--accent);transition:transform .18s}.card-description{color:var(--text-muted);margin-top:8px;font-size:13px;line-height:1.8}.tool-card:hover .card-heading{color:var(--accent-strong)}.tool-card:hover .arrow{transform:translate(3px)}.empty-state{padding-block:40px}.empty-state p{color:var(--text-muted);margin-top:12px}@media (width<=800px){.category-group{grid-template-columns:130px minmax(0,1fr);gap:24px}.tool-grid{grid-template-columns:1fr;gap:20px}.catalog-intro h1{font-size:30px}}@media (width<=640px){.catalog-main{padding-top:30px;padding-bottom:40px}.catalog-intro{margin-bottom:28px}.catalog-intro h1{font-size:29px}.catalog-intro p:not(.local-note){max-width:28ch;font-size:14px}.mobile-break{display:block}.local-note{display:none}.category-filters{gap:0 20px}.category-filters a{font-size:13px}.category-group{grid-template-columns:1fr;gap:18px;padding-block:24px}.category-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.category-heading p{margin-top:0}.tool-grid{gap:14px}.tool-card{padding-bottom:16px}}