:root{color-scheme:light;--bg: #f6f9fd;--surface: #ffffff;--surface-soft: #fbfdff;--text: #1e293b;--muted: #64748b;--muted-strong: #475569;--line: #dbe7f4;--line-strong: #bed3ea;--accent: #2563a6;--accent-soft: #eaf3ff;--accent-strong: #174f8a;--category-bg: #dcecff;--tag-bg: #f1f7ff;--danger: #9f1239;--danger-bg: #fff1f2;--page-gutter: clamp(1.5rem, 5vw, 4.5rem);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--surface: #111c2f;--surface-soft: #14233a;--text: #e5edf7;--muted: #9fb0c5;--muted-strong: #c3d0df;--line: #223a58;--line-strong: #355170;--accent: #8ec5ff;--accent-soft: #172d4a;--accent-strong: #b9dcff;--category-bg: #183759;--tag-bg: #142d49;--danger: #fda4af;--danger-bg: #3b101d}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;border:1px solid var(--line);border-radius:8px;padding:.5rem .85rem;background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}button:hover,.button:hover{border-color:var(--line-strong);color:var(--accent)}button:active,.button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.65;transform:none}button.primary:disabled,.button.primary:disabled{border-color:color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--muted) 18%,var(--surface));color:var(--muted)}.primary,.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.page-shell{display:flex;flex-direction:column;width:min(1180px,calc(100% - (var(--page-gutter) * 2)));min-height:100vh;margin:0 auto}main{flex:1}.site-header{display:grid;grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr);align-items:center;gap:clamp(1rem,4vw,3rem);min-height:4.2rem;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:.85rem 0}.brand{color:var(--text);font-weight:720;justify-self:start}.main-nav,.header-actions,.button-row,.tag-row,.tool-card-meta,.tool-kicker{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.main-nav{justify-content:center;justify-self:center;white-space:nowrap}.main-nav a{color:var(--muted);font-size:.95rem;transition:color .15s ease}.main-nav a:hover{color:var(--accent)}.header-actions{justify-self:end}.language-select{position:relative;display:inline-flex}.language-select select{width:auto;min-height:2.15rem;appearance:none;border:1px solid var(--line);border-radius:999px;padding:.35rem 1.85rem .35rem .8rem;background:var(--surface);color:var(--muted-strong);font-size:.9rem;cursor:pointer}.language-select:after{content:"⌄";position:absolute;top:50%;right:.75rem;color:var(--muted);pointer-events:none;transform:translateY(-55%)}.theme-toggle{position:relative;width:3.1rem;min-height:2.15rem;border-radius:999px;padding:0;overflow:hidden;border-color:color-mix(in srgb,var(--line-strong) 68%,transparent);background:color-mix(in srgb,var(--surface) 84%,var(--accent-soft));color:var(--accent);box-shadow:inset 0 1px color-mix(in srgb,#ffffff 78%,transparent)}.theme-toggle:hover{background:color-mix(in srgb,var(--surface) 72%,var(--accent-soft))}.theme-toggle-track{position:absolute;inset:.2rem;border-radius:inherit}.theme-toggle-mark{position:absolute;top:0;left:0;display:block;width:1.72rem;height:1.72rem;border-radius:999px;background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--line-strong) 74%,transparent),0 .42rem .9rem color-mix(in srgb,var(--accent) 18%,transparent);transform:translate(0);transition:transform .26s cubic-bezier(.16,1,.3,1),background .18s ease,box-shadow .18s ease}.theme-toggle-icon{position:absolute;inset:.36rem;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.85;transform-origin:50% 50%;transition:opacity .19s ease,transform .26s cubic-bezier(.16,1,.3,1)}.theme-toggle-icon--sun{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-icon--moon{opacity:0;transform:rotate(-35deg) scale(.72)}.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}:root[data-theme=dark] .theme-toggle-mark{background:color-mix(in srgb,var(--surface) 78%,var(--accent-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--line-strong) 82%,transparent),0 .42rem 1rem color-mix(in srgb,var(--accent-strong) 22%,transparent);transform:translate(.96rem)}:root[data-theme=dark] .theme-toggle-icon--sun{opacity:0;transform:rotate(45deg) scale(.72)}:root[data-theme=dark] .theme-toggle-icon--moon{opacity:1;transform:rotate(0) scale(1)}@media(prefers-reduced-motion:reduce){.theme-toggle-mark,.theme-toggle-icon{transition-duration:1ms}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tool-directory{padding:clamp(3.25rem,8vw,5.25rem) 0 3.5rem}.tool-directory--list{max-width:860px;margin:0 auto}.tool-directory--card,.tool-directory--compact{width:100%}.directory-heading{margin-bottom:1.1rem}.directory-heading h1{margin:0;font-size:clamp(2.15rem,4vw,3.1rem);line-height:1.08}.directory-control-strip{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;align-items:center;gap:.65rem;margin-bottom:1.15rem;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:8px;padding:.55rem;background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft))}.directory-search{position:relative;display:block}.directory-search input{width:100%;min-height:2.75rem;border:1px solid var(--line);border-radius:8px;padding:.7rem .95rem .7rem 2.45rem;background:var(--surface);color:var(--text)}.directory-search input:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.search-glyph{position:absolute;top:50%;left:.95rem;color:var(--accent);font-size:1rem;transform:translateY(-50%);z-index:1}.directory-control-field{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.95rem;white-space:nowrap}.directory-control-field select{min-height:2.3rem;border:1px solid var(--line);border-radius:8px;padding:.35rem 2rem .35rem .75rem;background:var(--surface);color:var(--text);font-size:.9rem}.directory-count{color:var(--muted);font-size:.9rem;white-space:nowrap}.tool-list,.compact-table{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.tool-row,.directory-card{color:var(--text);transition:background .15s ease,border-color .15s ease,transform .15s ease}.tool-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.15rem 1rem}.tool-row+.tool-row{border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}.tool-row:hover{background:color-mix(in srgb,var(--accent-soft) 42%,transparent)}.tool-content h2,.directory-card h2{margin:.55rem 0 .35rem;color:var(--accent-strong);font-size:1.25rem;line-height:1.25}.tool-content p,.directory-card p{margin:0;color:var(--muted-strong);line-height:1.65}.category-pill,.tag-pill,.tool-card-meta span,.tag-row span{display:inline-flex;align-items:center;min-height:1.45rem;border:1px solid var(--line);border-radius:999px;padding:.18rem .55rem;font-size:.78rem;line-height:1}.category-pill{border-color:#c4ddf8;background:var(--category-bg);color:var(--accent-strong);font-weight:650}.tag-pill,.tool-card-meta span,.tag-row span{background:var(--tag-bg);color:var(--muted-strong)}.row-arrow{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:999px;color:var(--muted);font-size:1rem;transition:transform .15s ease,color .15s ease,background .15s ease}.tool-row:hover .row-arrow,.directory-card:hover .row-arrow{background:var(--accent-soft);color:var(--accent);transform:translate(3px)}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.directory-card{display:grid;min-height:214px;grid-template-rows:1fr auto;gap:1rem;border:1px solid var(--line);border-radius:8px;padding:1rem;background:var(--surface)}.directory-card:hover{border-color:var(--line-strong);background:var(--surface-soft);transform:translateY(-1px)}.directory-card .row-arrow{justify-self:end}.compact-table{overflow:hidden;border-bottom:1px solid var(--line)}.compact-table-header,.tool-row--compact{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(120px,.45fr) minmax(260px,1fr) auto;gap:.85rem;align-items:center}.compact-table-header{padding:.65rem 1rem;color:var(--muted);font-size:.78rem}.tool-row--compact{border-top:1px solid var(--line);border-bottom:0;padding:.78rem 1rem}.compact-name{display:grid;gap:.18rem;color:var(--accent-strong);font-weight:650}.compact-name small{overflow:hidden;color:var(--muted);font-size:.82rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.compact-tags{display:flex;flex-wrap:wrap;gap:.35rem}.page-heading{max-width:840px;padding:3.5rem 0 2rem}.about-page{display:flex;flex-direction:column;align-items:center;gap:1.35rem;max-width:540px;min-height:52vh;margin:0 auto;padding:clamp(4rem,10vw,6.5rem) 0 3rem;text-align:center}.about-avatar{width:6.75rem;height:6.75rem;border:1px solid color-mix(in srgb,var(--line-strong) 64%,transparent);border-radius:999px;background:var(--surface)}.about-copy{display:grid;gap:.75rem;justify-items:center}.about-copy h1{margin:0 0 .45rem;font-size:clamp(2.05rem,4vw,2.75rem);line-height:1.05}.about-copy p{max-width:34rem;margin:0;color:var(--muted-strong);font-size:1rem;line-height:1.7}.logs-page{max-width:900px;padding:4.5rem 0 4rem}.logs-heading{max-width:680px;margin-bottom:2.25rem}.logs-heading h1{margin:0 0 .7rem;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.logs-heading p{margin:0;color:var(--muted-strong);font-size:1.05rem;line-height:1.75}.log-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.log-day{position:relative;display:grid;grid-template-columns:minmax(8.5rem,.28fr) minmax(0,1fr);gap:clamp(1.25rem,4vw,2.25rem);padding:0 0 2.15rem}.log-day:before{content:"";position:absolute;top:.45rem;bottom:-.45rem;left:calc(28% + clamp(1.25rem,4vw,2.25rem)/2);width:1px;background:var(--line)}.log-day:last-child{padding-bottom:0}.log-day:last-child:before{bottom:calc(100% - .55rem)}.log-date{color:var(--accent-strong);font-size:.95rem;font-weight:720;line-height:1.45}.log-items{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.log-item{position:relative;border:1px solid var(--line);border-radius:8px;padding:.9rem 1rem;background:var(--surface);color:var(--text);line-height:1.65}.log-item:before{content:"";position:absolute;top:1.35rem;left:calc(clamp(1.25rem,4vw,2.25rem)*-1 - .28rem);width:.62rem;height:.62rem;border:2px solid var(--surface);border-radius:999px;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.page-heading h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.page-heading p{max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.75}.section-block{padding:2rem 0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading h2,.section-block h2{margin:0;font-size:1.35rem}.section-heading p{margin:.25rem 0 0;color:var(--muted);line-height:1.6}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.tool-card,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tool-card{display:flex;flex-direction:column;gap:.8rem;min-height:230px;padding:1.1rem}.tool-card:hover{border-color:var(--line-strong)}.tool-card h3{margin:0;font-size:1.25rem}.tool-card p{margin:0;color:var(--muted);line-height:1.7}.tool-card-meta{color:var(--muted);font-size:.8rem}.inline-meta{margin-bottom:1rem}.tag-row{margin-top:auto}.tool-detail{padding-bottom:3rem}.tool-playground{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,1.35rem);align-items:start}.panel{padding:clamp(1rem,3vw,1.4rem)}.muted-panel{color:var(--muted)}.form-stack{display:grid;gap:1.05rem}.form-stack+.button-row{margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.field{display:grid;gap:.45rem}.field-label{font-weight:650}.checkbox-line{display:grid;grid-template-columns:1.15rem minmax(0,1fr);align-items:center;width:fit-content;max-width:100%;min-height:2.45rem;gap:.65rem;border:1px solid var(--line);border-radius:8px;padding:.55rem .75rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft));color:var(--muted-strong);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.checkbox-line+.checkbox-line{margin-top:.25rem}.checkbox-line .field-label,.field:has(.checkbox-line)>.field-label{display:none}.checkbox-line:hover{border-color:var(--line-strong);color:var(--accent-strong)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:.75rem .85rem;background:var(--surface);color:var(--text)}input[type=checkbox]{width:1.05rem;height:1.05rem;min-width:1.05rem;margin:0;padding:0;accent-color:var(--accent);cursor:pointer}textarea,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}textarea{resize:vertical}.field-help{color:var(--muted);font-size:.9rem}.output-heading{align-items:center}.result-box,.empty-result,.error-panel{min-height:260px;margin:0;border-radius:8px;padding:1rem}.result-box{overflow:auto;border:1px solid var(--line);background:#0f172a;color:#e5edf7;line-height:1.65;white-space:pre-wrap}.download-result{display:grid;min-height:260px;gap:.9rem}.download-result-summary,.download-warning-list{border:1px solid var(--line);border-radius:8px;padding:1rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.download-result-summary{display:grid;gap:.85rem;align-items:start}.download-result-summary pre{margin:0;overflow:auto;white-space:pre-wrap;line-height:1.65}.download-result-summary .button{width:fit-content}.x-photo-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,1.35rem);align-items:start}.x-photo-panel{display:grid;gap:1rem}.x-photo-heading{margin-bottom:0}.x-photo-drop-zone{border:1px dashed var(--line-strong);border-radius:8px;padding:clamp(1rem,4vw,1.5rem);background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft));transition:border-color .15s ease,background .15s ease}.x-photo-drop-zone--active{border-color:var(--accent);background:var(--accent-soft)}.x-photo-drop-content{display:grid;justify-items:start;gap:.7rem;color:var(--muted-strong);line-height:1.6}.x-photo-drop-content strong{color:var(--text);font-size:1.05rem}.x-photo-drop-content span{color:var(--muted)}.x-photo-selected-file{display:grid;gap:.25rem;border:1px solid var(--line);border-radius:8px;padding:.8rem .9rem;background:var(--surface-soft)}.x-photo-selected-file div{display:grid;gap:.15rem}.x-photo-selected-file span{color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.x-photo-advanced{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:8px;padding:.85rem .95rem;background:var(--surface-soft)}.x-photo-advanced summary{cursor:pointer;color:var(--muted-strong);font-weight:650;user-select:none}.x-photo-advanced p,.x-photo-privacy-note{margin:.7rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.6}.x-photo-options-grid{display:grid;gap:.75rem;margin-top:.85rem}.x-photo-option-row,.x-photo-switch-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,.42fr);align-items:center;gap:.85rem;color:var(--muted-strong)}.x-photo-option-row input,.x-photo-option-row select{min-height:2.35rem;padding-block:.5rem}.x-photo-option-row input[type=color]{min-height:2.35rem;padding:.25rem}.x-photo-switch-row input[type=checkbox]{justify-self:end}.x-photo-inline-note{grid-column:1 / -1;margin:-.2rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.x-photo-advanced-actions{display:flex;justify-content:flex-end;margin-top:.9rem;padding-top:.9rem;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.x-photo-output-state{min-height:260px}.x-photo-progress-state{display:grid;align-content:center;gap:.75rem;color:var(--muted-strong)}.x-photo-progress-state strong{color:var(--text)}.x-photo-progress-track{overflow:hidden;inline-size:100%;block-size:.55rem;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent)}.x-photo-progress-track span{display:block;block-size:100%;border-radius:inherit;background:var(--accent);transition:inline-size .18s ease}.x-photo-result{display:grid;gap:.9rem}.x-photo-result-status,.x-photo-summary-grid{border:1px solid var(--line);border-radius:8px;padding:1rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.x-photo-result-status{display:grid;gap:.25rem}.x-photo-result-status span{color:var(--muted);overflow-wrap:anywhere}.x-photo-summary-grid{display:grid;grid-template-columns:minmax(7rem,.35fr) minmax(0,1fr);gap:.65rem 1rem;align-items:baseline}.x-photo-summary-grid span{color:var(--muted)}.x-photo-summary-grid strong{overflow-wrap:anywhere}.download-warning-list{border-color:#9f12392e;background:var(--danger-bg);color:var(--danger)}.base64-codec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,1.35rem);align-items:stretch}.base64-panel{display:flex;flex-direction:column;min-height:clamp(34rem,62vh,44rem)}.base64-panel-heading{align-items:flex-start;gap:1rem}.base64-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;margin-left:auto;color:var(--muted);font-size:.9rem;white-space:nowrap}.base64-heading-actions button{min-height:2rem;padding:.35rem .7rem}.base64-mode-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:1rem;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface-soft)}.base64-mode-button{min-height:2.35rem;border:0;border-radius:0;background:transparent;color:var(--muted-strong)}.base64-mode-button+.base64-mode-button{border-left:1px solid var(--line)}.base64-mode-button--active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.base64-textarea{flex:1;min-height:18rem;margin-top:.9rem;line-height:1.6}.base64-options{margin-top:.95rem;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-top:.9rem}.base64-options--mobile{display:none}.base64-options-body{display:grid;gap:.75rem}.base64-option-row,.base64-switch-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,.42fr);align-items:center;gap:.85rem;color:var(--muted-strong)}.base64-option-row select{min-height:2.35rem;padding-block:.5rem}.base64-switch-row input[type=checkbox]{justify-self:end}.base64-result-box,.base64-empty-result,.base64-error{flex:1;min-height:0;margin-top:1rem}.base64-result-box{max-height:none;border-color:var(--line);background:var(--surface-soft);color:var(--text)}.base64-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.9rem;border:1px solid var(--line);border-radius:8px;padding:.7rem .85rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft));color:var(--muted-strong);font-size:.9rem}.base64-status-strip span{min-width:0;overflow-wrap:anywhere}.download-warning-list ul{margin:.55rem 0 0;padding-left:1.25rem}.download-file-list{min-width:0}.download-file-list summary{cursor:pointer;user-select:none}.download-file-scroll{max-height:18rem;overflow:auto;padding-right:.25rem}.result-collection{min-height:260px}.result-collection-summary{margin-bottom:.75rem;color:var(--muted);font-size:.92rem}.result-list{display:grid;gap:.75rem}.result-item{border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.result-item--favorite{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent-soft) 35%,var(--surface))}.result-item-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--line);padding:.75rem .85rem}.result-item-heading h3,.result-item-heading p{margin:0}.result-item-heading h3{font-size:.98rem}.result-item-heading p{margin-top:.2rem;color:var(--muted);font-size:.82rem}.result-item-actions{display:flex;flex:0 0 auto;align-items:center;gap:.45rem}.result-item-actions button{flex:0 0 auto}.result-item pre{max-height:12rem;margin:0;padding:.85rem;overflow:auto;white-space:pre-wrap;word-break:break-word;line-height:1.7}.load-more-button{width:100%;margin-top:.85rem}.result-load-sentinel{height:1px}.empty-result{display:grid;place-items:center;border:1px dashed var(--line);color:var(--muted)}.stt-workbench{display:grid;gap:clamp(1rem,3vw,1.35rem)}.stt-panel{min-width:0}.stt-audio-heading{position:relative;align-items:center}.stt-model-menu{position:relative;flex:0 1 auto}.stt-model-menu>summary{display:inline-flex;align-items:center;min-height:2.35rem;gap:.55rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft));color:var(--muted);cursor:pointer;list-style:none}.stt-model-menu>summary::-webkit-details-marker{display:none}.stt-model-menu>summary span{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stt-model-menu>summary strong{color:var(--accent);font-size:.82rem;font-variant-numeric:tabular-nums}.stt-model-menu-panel{position:absolute;z-index:20;top:calc(100% + .5rem);right:0;display:grid;width:min(42rem,calc(100vw - 2rem));gap:.7rem;border:1px solid var(--line);border-radius:8px;padding:.85rem;background:var(--surface);box-shadow:0 1rem 2rem color-mix(in srgb,#000 14%,transparent)}.stt-model-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.stt-model-status-card{display:grid;align-content:start;min-width:0;min-height:8.2rem;gap:.65rem;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:8px;padding:.75rem;background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft))}.stt-model-status-card--muted{border-color:color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--surface) 96%,var(--muted) 4%);opacity:.76}.stt-model-status-head{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem}.stt-model-status-head span,.stt-model-status-body small{color:var(--muted);font-size:.78rem;line-height:1.25}.stt-model-status-head span{font-weight:800;text-transform:uppercase}.stt-model-status-head strong{color:var(--accent);font-size:.82rem;font-variant-numeric:tabular-nums;line-height:1.2;text-align:end}.stt-model-status-body{display:grid;min-width:0;gap:.25rem}.stt-model-status-body strong{overflow-wrap:anywhere;font-size:.98rem;line-height:1.2}.stt-model-status-body small{overflow-wrap:anywhere}.stt-model-detail-row{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.75rem;padding:.1rem 0}.stt-model-detail-row span,.stt-model-detail-row small,.stt-run-row span{color:var(--muted);font-size:.86rem}.stt-model-detail-row>div{display:grid;min-width:0;gap:.2rem}.stt-model-detail-row strong{overflow-wrap:anywhere;font-size:.95rem;line-height:1.2}.stt-model-detail-row small,.stt-run-row span{overflow-wrap:anywhere}.stt-progress{height:.45rem;margin-top:1rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent)}.stt-progress div{height:100%;border-radius:inherit;background:var(--accent);transition:inline-size .18s ease}.stt-progress--indeterminate div{inline-size:42%;animation:stt-progress-slide 1s ease-in-out infinite}@keyframes stt-progress-slide{0%{transform:translate(-120%)}to{transform:translate(240%)}}.stt-model-loading,.stt-processing{display:grid;gap:.5rem;margin-bottom:1rem}.stt-model-loading .stt-progress,.stt-processing .stt-progress{margin-top:0}.stt-processing-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.86rem}.stt-processing-meta strong{color:var(--text);font-variant-numeric:tabular-nums}.stt-model-actions,.stt-run-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem}.stt-model-actions{margin-top:.7rem}.stt-global-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.55fr);gap:.65rem;margin-bottom:.8rem}.stt-language-field,.stt-timeline-field{display:grid;align-items:center;gap:.65rem;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:8px;padding:.42rem .5rem .42rem .7rem;background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft))}.stt-language-field{grid-template-columns:auto minmax(10rem,13rem);justify-content:space-between}.stt-timeline-field{grid-template-columns:auto auto minmax(0,1fr);min-width:0}.stt-timeline-field--disabled{opacity:.64}.stt-language-field span,.stt-timeline-field span{color:var(--muted);font-size:.82rem;font-weight:700}.stt-timeline-field input{inline-size:1.05rem;block-size:1.05rem;accent-color:var(--accent)}.stt-timeline-field strong{min-width:0;color:var(--text);font-size:.82rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.stt-language-field select{min-height:2.25rem;padding-block:.35rem}.stt-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;align-items:stretch}.stt-source-card{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:8px;padding:.78rem;background:color-mix(in srgb,var(--surface) 90%,var(--accent-soft));transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.stt-source-card--active{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:color-mix(in srgb,var(--surface) 80%,var(--accent-soft));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}.stt-source-title{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;min-width:0;margin-bottom:.6rem}.stt-source-title strong{font-size:.98rem;line-height:1.2}.stt-source-title span,.stt-source-status{min-width:0;color:var(--muted);font-size:.82rem;line-height:1.3;overflow-wrap:anywhere}.stt-source-title span{text-align:end}.stt-source-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;padding:.18rem .48rem;background:color-mix(in srgb,var(--surface) 82%,var(--accent-soft));color:var(--accent);font-size:.72rem;font-weight:800;line-height:1.1;white-space:nowrap}.stt-recorder{display:grid;align-content:start;gap:0}.stt-recorder--recording{border-color:color-mix(in srgb,var(--danger) 48%,var(--line));background:color-mix(in srgb,var(--surface) 90%,var(--danger-bg))}.stt-recorder--recording .stt-source-badge{border-color:color-mix(in srgb,var(--danger) 30%,var(--line));background:color-mix(in srgb,var(--surface) 82%,var(--danger-bg));color:var(--danger)}.stt-recorder-compact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem}.stt-record-button{display:grid;place-items:center;inline-size:3.3rem;block-size:3.3rem;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:50%;padding:0;background:var(--accent);color:#fff;box-shadow:0 .8rem 1.6rem color-mix(in srgb,var(--accent) 22%,transparent)}.stt-record-button span{inline-size:1.05rem;block-size:1.05rem;border-radius:50%;background:currentColor}.stt-recorder--recording .stt-record-button{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));background:var(--danger);box-shadow:0 .8rem 1.6rem color-mix(in srgb,var(--danger) 22%,transparent)}.stt-recorder--recording .stt-record-button span{inline-size:.95rem;block-size:.95rem;border-radius:4px}.stt-recorder-body{display:grid;min-width:0;gap:.38rem}.stt-waveform{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));align-items:center;gap:.18rem;block-size:1.85rem;overflow:hidden}.stt-waveform span{inline-size:100%;min-block-size:.35rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 68%,var(--line));opacity:.72}.stt-recorder--recording .stt-waveform span{background:color-mix(in srgb,var(--danger) 72%,var(--line));animation:stt-wave-pulse .82s ease-in-out infinite alternate;animation-delay:calc(var(--wave-index, 0) * 40ms)}.stt-recorder--recording .stt-waveform span:nth-child(3n){animation-delay:.12s}.stt-recorder--recording .stt-waveform span:nth-child(4n){animation-delay:.24s}@keyframes stt-wave-pulse{0%{transform:scaleY(.58)}to{transform:scaleY(1.08)}}.stt-upload-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem}.stt-file-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.stt-upload-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.9rem;border-color:color-mix(in srgb,var(--accent) 26%,var(--line));background:var(--surface);color:var(--text);font-weight:800}.stt-upload-button:hover:not(:disabled),.stt-upload-button:focus-visible{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft))}.stt-run-row{width:fit-content}.stt-upload-icon{inline-size:1.35rem;block-size:1.35rem;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.stt-output-panel .empty-result{min-height:220px}.stt-transcript{display:grid;gap:.75rem}.stt-transcript audio{display:none}.stt-transcript-toolbar,.stt-transcript-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.stt-transcript-toolbar>div:first-child{display:grid;min-width:0;gap:.15rem}.stt-transcript-toolbar strong{font-size:.95rem}.stt-transcript-toolbar span,.stt-selection-summary,.stt-transcript-actions span{color:var(--muted);font-size:.84rem}.stt-selection-summary{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:999px;padding:.25rem .55rem;background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft));font-variant-numeric:tabular-nums}.stt-selection-summary strong{color:var(--text);font-size:.82rem}.stt-selection-summary--plain{padding-inline:.65rem}.stt-wave-timeline{position:relative;block-size:4.6rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.stt-wave-bars{position:absolute;inset:.55rem .65rem;display:grid;grid-template-columns:repeat(96,minmax(0,1fr));align-items:center;gap:.08rem}.stt-wave-bars span{inline-size:100%;min-block-size:.22rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 58%,var(--line));opacity:.46}.stt-wave-regions{position:absolute;inset:.45rem .65rem}.stt-wave-region{position:absolute;inset-block:0;min-inline-size:1.25rem;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:6px;padding:0;background:color-mix(in srgb,var(--accent-soft) 74%,transparent);color:var(--accent)}.stt-wave-region:before,.stt-wave-region:after{position:absolute;inset-block:.25rem;inline-size:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 82%,var(--line));content:""}.stt-wave-region:before{inset-inline-start:-1px}.stt-wave-region:after{inset-inline-end:-1px}.stt-wave-region span{position:absolute;inset-block-start:.25rem;inset-inline-start:.25rem;border-radius:999px;padding:.12rem .3rem;background:var(--surface);color:var(--muted);font-size:.68rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.stt-wave-region--active{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));background:color-mix(in srgb,var(--accent) 18%,var(--accent-soft))}.stt-sentence-list{display:grid;gap:.55rem}.stt-sentence-row{display:grid;grid-template-columns:8.4rem minmax(0,1fr) auto;align-items:stretch;gap:.55rem;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:8px;padding:.55rem;background:var(--surface)}.stt-sentence-row--plain{grid-template-columns:minmax(0,1fr) auto}.stt-sentence-row--active{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft))}.stt-time-pill{align-self:start;min-height:2rem;border-radius:999px;padding:.35rem .55rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft));color:var(--muted);font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.stt-sentence-row textarea{min-width:0;min-height:3.2rem;resize:vertical;border:0;border-radius:6px;padding:.42rem .5rem;background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft));color:var(--text);font:inherit;line-height:1.55}.stt-sentence-row textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:1px}.stt-sentence-actions{display:flex;align-items:center;gap:.3rem}.stt-sentence-actions button{display:grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:7px;padding:0}.stt-sentence-actions svg{inline-size:1rem;block-size:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stt-sentence-actions svg path:first-child:last-child{fill:currentColor;stroke:none}.stt-select-check{display:grid;place-items:center;inline-size:2rem;block-size:2rem}.stt-select-check input{inline-size:1rem;block-size:1rem;accent-color:var(--accent)}.stt-transcript-actions{justify-content:flex-start;flex-wrap:wrap;padding-top:.15rem}.stt-chunks{display:grid;max-height:20rem;overflow:auto;gap:.55rem;padding-right:.25rem}.stt-chunk{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:.75rem;border:1px solid var(--line);border-radius:8px;padding:.75rem .85rem;background:var(--surface)}.stt-chunk span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.86rem}.stt-chunk p{margin:0;line-height:1.6}.error-panel{min-height:auto;margin-bottom:1rem;border:1px solid rgba(159,18,57,.18);background:var(--danger-bg);color:var(--danger)}.storage-manager{display:grid;gap:clamp(1rem,3vw,1.35rem)}.storage-summary-panel{min-width:0}.storage-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.storage-stat{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:8px;padding:.85rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.storage-stat span{color:var(--muted);font-size:.85rem}.storage-stat strong{font-size:1.1rem}.storage-manager-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,1.35rem);align-items:start}.storage-tool-panel{display:grid;gap:1rem}.storage-column{display:grid;min-width:0;gap:.85rem}.storage-column-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.storage-column-heading h3{margin:0;color:var(--muted-strong);font-size:.95rem}.storage-column-heading span{color:var(--muted);font-size:.9rem;white-space:nowrap}.storage-tool-list{display:grid;gap:1rem}.storage-tool-section{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.storage-tool-heading{display:flex;width:100%;align-items:flex-start;justify-content:space-between;gap:1rem;border:0;padding:.85rem 1rem;background:color-mix(in srgb,var(--surface) 88%,var(--accent-soft));color:inherit;cursor:pointer;font:inherit;text-align:left}.storage-tool-section.is-open>.storage-tool-heading{border-bottom:1px solid var(--line)}.storage-disclosure{display:inline-flex;flex:0 0 auto;width:1.5rem;height:1.5rem;margin-top:.02rem;align-items:center;justify-content:center;color:var(--muted);font-size:0;transform-origin:center;transition:transform .16s ease}.storage-disclosure:before{display:block;width:0;height:0;border-top:.42rem solid transparent;border-bottom:.42rem solid transparent;border-left:.62rem solid currentColor;content:""}.storage-tool-section.is-open>.storage-tool-heading .storage-disclosure{transform:rotate(90deg)}.storage-tool-heading>div{min-width:0;flex:1}.storage-tool-heading h3,.storage-tool-heading p,.storage-subsection h4{margin:0}.storage-tool-heading h3{color:var(--accent-strong);font-size:1.05rem}.storage-tool-heading p{margin-top:.2rem;color:var(--muted);font-size:.88rem}.storage-tool-heading strong{color:var(--muted-strong);white-space:nowrap}.storage-subsection{display:grid;gap:.6rem;padding:.85rem 1rem 1rem}.storage-subsection+.storage-subsection{border-top:1px solid var(--line)}.storage-subsection h4{color:var(--muted-strong);font-size:.9rem}.storage-empty{min-height:13rem}.storage-entry-list{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:8px}.storage-entry{display:grid;grid-template-columns:minmax(15rem,1fr) minmax(10rem,.62fr) minmax(5.5rem,auto) auto;gap:.85rem;align-items:start;border-top:1px solid var(--line);padding:.72rem .85rem;background:var(--surface)}.storage-entry--compact{grid-template-columns:minmax(0,1fr) minmax(5.5rem,auto) auto;align-items:center}.storage-entry:first-child{border-top:0}.storage-entry--header{align-items:center;background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft));color:var(--muted);font-size:.78rem;font-weight:650}.storage-entry-main{min-width:0}.storage-entry-heading{margin-bottom:.35rem}.storage-entry-heading h3{margin:0;overflow-wrap:anywhere;color:var(--accent-strong);font-size:1rem}.storage-entry pre{max-height:5.5rem;margin:0;overflow:auto;border:0;padding:0;background:transparent;color:var(--muted-strong);white-space:pre-wrap;word-break:break-word;line-height:1.5}.storage-entry-source,.storage-entry-size,.storage-entry-meta{color:var(--muted-strong);font-size:.9rem;line-height:1.45}.storage-entry-size{text-align:right;white-space:nowrap}.storage-entry>button{justify-self:end}.storage-preview{margin-top:.45rem}.storage-preview summary,.storage-samples summary{color:var(--muted-strong);cursor:pointer;font-size:.9rem}.storage-preview pre{max-height:12rem;margin-top:.5rem;border:1px solid var(--line);border-radius:6px;padding:.7rem;background:color-mix(in srgb,var(--surface) 92%,var(--accent-soft))}.storage-samples ul{display:grid;gap:.3rem;margin:.55rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.site-footer{margin-top:auto;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:1.4rem 0 2rem;color:var(--muted);font-size:.9rem}@media(max-width:980px){.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-table-header,.tool-row--compact{grid-template-columns:minmax(220px,1fr) minmax(120px,auto) auto}.compact-table-header span:nth-child(3),.tool-row--compact .compact-tags{display:none}.stt-global-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:8px;padding:.42rem .5rem;background:color-mix(in srgb,var(--surface) 94%,var(--accent-soft))}.stt-global-controls .stt-language-field,.stt-global-controls .stt-timeline-field{border:0;padding:0;background:transparent}.stt-global-controls .stt-language-field{grid-template-columns:auto minmax(8rem,1fr)}.stt-global-controls .stt-timeline-field{grid-template-columns:auto auto auto;justify-content:end}.stt-global-controls .stt-language-field select{min-width:0;width:100%}}@media(max-width:760px){:root{--page-gutter: clamp(1.25rem, 6vw, 1.6rem)}.page-shell{width:min(1180px,calc(100% - (var(--page-gutter) * 2)))}.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.8rem 1rem;min-height:auto;padding:1rem 0 .9rem}.brand{grid-column:1;grid-row:1;align-self:center}.main-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;gap:.85rem;padding-top:.1rem}.header-actions{grid-column:2;grid-row:1;justify-content:flex-end;flex-wrap:nowrap}.language-select select{max-width:8.2rem}.about-page{gap:1rem;min-height:48vh;padding:3.25rem 0 2.5rem}.about-avatar{width:5.6rem;height:5.6rem}.about-copy{gap:.65rem}.about-copy p{font-size:.98rem;line-height:1.65}.tool-directory{padding-top:2.6rem}.directory-heading{margin-bottom:.9rem}.directory-heading h1{font-size:clamp(2rem,10vw,2.6rem)}.directory-control-strip{grid-template-columns:1fr;gap:.65rem;margin-bottom:1rem;padding:.55rem}.directory-control-field{justify-content:space-between}.directory-control-field select{min-width:11rem}.directory-count{justify-self:end}.tool-card-grid{grid-template-columns:1fr}.tool-row,.tool-row--compact{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:1rem .9rem}.tool-content h2,.directory-card h2{margin-top:.65rem;font-size:1.12rem}.tool-content p,.directory-card p{font-size:.95rem;line-height:1.65}.tool-kicker{gap:.35rem}.row-arrow{width:2rem;height:2rem}.compact-table-header{display:none}.tool-row--compact>span:nth-child(2){display:none}.tool-playground,.base64-codec,.x-photo-tool{grid-template-columns:1fr}.base64-panel{min-height:auto}.stt-model-split,.stt-source-grid,.stt-chunk,.stt-sentence-row{grid-template-columns:1fr}.stt-transcript-toolbar,.stt-transcript-actions{align-items:stretch}.stt-transcript-toolbar{display:grid}.stt-selection-summary{justify-self:start}.stt-wave-timeline{block-size:4rem}.stt-sentence-actions{justify-content:flex-start;flex-wrap:wrap}.stt-global-controls{grid-template-columns:minmax(0,1fr) auto}.stt-global-controls .stt-language-field{grid-template-columns:1fr}.stt-audio-heading{display:grid;align-items:stretch}.stt-model-menu,.stt-model-menu>summary{width:100%}.stt-model-menu>summary{justify-content:space-between}.stt-model-menu>summary span{max-width:none}.stt-model-menu-panel{position:static;width:100%;margin-top:.5rem;box-shadow:none}.stt-model-detail-row{grid-template-columns:1fr;gap:.25rem}.stt-source-title{display:grid;gap:.25rem}.stt-source-title span{text-align:start}.stt-recorder-compact{grid-template-columns:auto minmax(0,1fr)}.storage-stat-grid,.storage-manager-grid{grid-template-columns:1fr}.storage-entry{grid-template-columns:1fr;gap:.55rem}.storage-entry--header{display:none}.storage-entry-size{text-align:left}.storage-entry>button{justify-self:start}.panel .button-row{align-items:stretch;gap:.6rem}.panel .button-row button{flex:1 1 auto;min-width:fit-content}.section-heading:not(.stt-audio-heading),.output-heading{display:block}.base64-panel-heading{display:grid}.base64-heading-actions{justify-content:space-between;width:100%;margin-left:0}.base64-textarea{min-height:clamp(13rem,38vh,18rem)}.base64-result-box,.base64-empty-result,.base64-error{min-height:clamp(11rem,32vh,15rem)}.base64-options--desktop{display:none}.base64-options--mobile{display:block}.base64-options--mobile summary{cursor:pointer;color:var(--muted-strong);font-weight:650}.base64-options--mobile .base64-options-body{margin-top:.85rem}.base64-option-row,.base64-switch-row,.base64-status-strip,.x-photo-option-row,.x-photo-summary-grid{grid-template-columns:1fr}.base64-switch-row,.x-photo-switch-row{grid-template-columns:minmax(0,1fr) auto}.x-photo-drop-content{justify-items:stretch}.x-photo-drop-content button{width:100%}}