:root{color-scheme:dark;--bg: #050505;--panel: #080808;--panel-soft: #101010;--text: #f5f5f5;--muted: #d8d8d8;--green: #33ff66;--yellow: #ffd84d;--red: #ff4d4d;--white: #ffffff;--accent: var(--green);--accent-strong: var(--yellow);--border: rgba(51, 255, 102, .45);--border-soft: rgba(255, 255, 255, .22);--shadow: none;--radius-xl: 6px;--radius-lg: 5px;--radius-md: 4px;--max-width: 1160px;--gutter: clamp(1rem, 2vw, 1.5rem);font-family:Cascadia Mono,Consolas,D2Coding,Courier New,monospace;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}main{width:min(var(--max-width),calc(100% - (var(--gutter) * 2)));margin:0 auto}.shell{position:relative;isolation:isolate;padding:28px 0 48px}.surface{background:var(--panel);border:1px solid var(--border);box-shadow:none;backdrop-filter:none}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.brand,.section-title,.tool-card-title,.status-title,.command-title,.title{color:var(--green)}.brand{font-weight:800}.topnav,.footernav{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.95rem}.topnav a,.footernav span{color:var(--muted)}.topnav a:hover,.topnav a:focus-visible{color:var(--yellow)}.stack{display:grid;gap:20px}.hero,.panel{padding:24px;border-radius:var(--radius-xl)}.section-heading{display:grid;gap:10px}.section-title{margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.15}.tool-card{display:grid;gap:6px;min-height:104px;padding:16px;border-radius:var(--radius-md);transition:border-color .16s ease,background-color .16s ease}.tool-card:hover,.tool-card:focus-visible{border-color:var(--yellow);background:#0c0c0c}.tool-card-title{margin:0;font-size:1.02rem;line-height:1.2}.tool-card-lead,.lead,.notice,.helper-text,.dropzone-subtitle,.status-summary,.command-summary,.tip-list,.meta-row{color:var(--muted);line-height:1.6}.panel,.field-grid,.field,.input-surface,.input-grid,.status-list,.command-list,.grid,.tool-flow,.resize-controls{display:grid;gap:14px}.field label,.result-label,.eyebrow,.status-code{color:var(--yellow);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;color:var(--text);background:#020202;outline:none;transition:border-color .16s ease}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--yellow)}.dropzone{display:grid;place-items:center;gap:8px;padding:28px 20px;border:1px dashed var(--border);border-radius:var(--radius-lg);background:#020202;text-align:center;transition:border-color .16s ease,background-color .16s ease}.dropzone.is-active{border-color:var(--yellow);background:#0c0c0c}.dropzone-title{margin:0;color:var(--green);font-size:1.02rem;font-weight:700}.button-row,.chip-row,.meta-row{display:flex;flex-wrap:wrap;gap:10px}.button,.chip,.copy-button{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;color:var(--white);background:#020202;cursor:pointer}.button{padding:12px 18px;font-weight:700}.button.primary{color:var(--green);border-color:var(--green)}.button.secondary{color:var(--white);border-color:var(--border-soft)}.button:hover,.button:focus-visible,.chip:hover,.chip:focus-visible,.copy-button:hover,.copy-button:focus-visible{color:var(--yellow);border-color:var(--yellow)}.chip.is-active{color:var(--yellow);border-color:var(--yellow);background:#0c0c0c}.result-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.result-item,.status-card,.command-card,.image-preview-wrap{display:grid;gap:10px;padding:16px;border-radius:var(--radius-md);background:#020202;border:1px solid var(--border-soft)}.result-value{display:block;color:var(--white);font-size:1.02rem;font-weight:700;word-break:break-word}.command-box{margin:0;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:#020202;color:var(--green);overflow-x:auto;white-space:pre-wrap;word-break:break-word;line-height:1.6}.image-preview-wrap{place-items:center;min-height:220px;border-color:var(--border)}.image-preview{width:100%;max-height:320px;object-fit:contain;border-radius:var(--radius-md)}.status-code{margin:0;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase}.status-title,.command-title{margin:0;font-size:1.2rem;line-height:1.2}.copy-button{justify-self:start}.toast-layer{position:fixed;right:16px;bottom:16px;z-index:40;display:grid;gap:10px;width:min(360px,calc(100% - 32px))}.toast{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--yellow);background:#020202;color:var(--text)}.notice,.helper-text,.output-note{margin:0;font-size:.92rem}.eyebrow{margin:0 0 10px;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.title{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.lead{max-width:62ch;margin:14px 0 0;font-size:1.02rem}.tool-flow>.panel{min-width:0}.tip-list{margin:0;padding-left:1.1rem}.tip-list strong{color:var(--yellow)}.compact-tools{gap:12px}.is-hidden{display:none!important}@media(min-width:760px){.grid.cols-2,.input-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.resize-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:759px){.shell{padding:18px 0 28px}.hero,.panel{padding:20px}.title{font-size:clamp(1.8rem,8vw,2.6rem)}.topbar{justify-content:flex-start}.topnav{gap:10px 14px}.grid,.grid.cols-2,.grid.cols-3,.grid.cols-4,.input-grid.cols-2{grid-template-columns:1fr}.button-row{flex-direction:column}.button,.chip,.copy-button{width:100%;text-align:center}.dropzone{padding:22px 16px}.image-preview-wrap{min-height:180px}.toast-layer{right:12px;bottom:12px;width:calc(100% - 24px)}}