:root{font-family:Arial,Helvetica,sans-serif;--bg:#f1f1f1;--surface:#fff;--nav:#e8e8e8;--ink:#262626;--muted:#575757;--line:#b8b8b8;--accent:#404040;--tint:#e4e4e4;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}:focus-visible{outline:2px solid var(--accent)}a{color:var(--accent);text-underline-offset:3px}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 12px;border-radius:0;cursor:pointer}button:hover{background:var(--tint);border-color:var(--accent)}button.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}button.primary:hover{background:var(--ink)}button:disabled{cursor:default;opacity:.6}header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:15px 26px;background:var(--surface);gap:18px}.brand{display:flex;min-width:0;align-items:center;text-decoration:none;color:var(--ink)}.brand>span{min-width:0}.brand strong{font-size:20px;overflow-wrap:anywhere}.brand small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}.header-actions{display:flex;gap:16px;align-items:center;font-size:14px;flex-shrink:0}.header-actions #theme{min-width:35px}.local{display:flex;align-items:center;gap:7px;color:var(--muted)}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 76px)}aside{background:var(--nav);border-right:1px solid var(--line);padding:23px 12px;display:flex;flex-direction:column;gap:3px}.nav-label{color:var(--muted);font-size:13px;margin:0 10px 14px}.nav-button{display:flex;align-items:center;gap:10px;border:1px solid transparent;text-align:left;padding:10px;font-size:14px;width:100%;background:transparent}.nav-button.active{background:var(--surface);border-color:var(--line);font-weight:700}.nav-button .count{margin-left:auto;font-size:12px;color:var(--muted)}.nav-button .fa{width:17px;text-align:center}.aside-note{margin-top:auto;padding:24px 10px 0;font-size:13px;line-height:1.6;color:var(--muted)}.aside-note strong{display:block;color:var(--ink);font-size:14px;margin:8px 0 4px}.aside-note>.fa{font-size:19px}main{max-width:1320px;width:100%;padding:30px 32px 22px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:26px;margin:0 0 9px;line-height:1.3}p{line-height:1.65}.intro{color:var(--muted);font-size:16px;margin:0}.tiny-label{color:var(--muted);font-size:13px;white-space:nowrap}.search{margin:23px 0;position:relative}.search>.fa{position:absolute;top:13px;left:13px;font-size:16px;color:var(--muted)}.search input{padding:11px 55px 11px 39px;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px}.search kbd{position:absolute;right:12px;top:10px;padding:2px 6px;border:1px solid var(--line);color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 13px}.section-heading h2{font-size:16px;margin:0}.section-heading span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px solid var(--line)}.tool-card{text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:16px 4px;display:flex;flex-direction:column;min-width:0}.tool-card:hover{background:var(--tint);border-color:var(--line)}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:7px}.icon-box{color:var(--muted);width:22px;display:inline-block;text-align:center;flex-shrink:0;font-size:17px}.tool-card h3{font-size:16px;margin:0;font-weight:700;line-height:1.4}.tool-card p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 10px 32px}.card-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:0 0 0 32px}.local-tag{display:flex;align-items:center;gap:5px}.card-bottom .fa{font-size:12px}.privacy-strip{display:flex;align-items:center;gap:13px;background:var(--nav);border:1px solid var(--line);padding:16px;margin-top:27px}.privacy-strip>.fa{font-size:20px;flex-shrink:0}.privacy-strip strong{font-size:14px}.privacy-strip p{font-size:14px;margin:4px 0 0;color:var(--muted)}.privacy-strip button{margin-left:auto;font-size:13px;white-space:nowrap}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:23px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}footer button{font-size:13px;border:0;padding:0;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.back{margin-bottom:20px;padding:0;border:0;background:none;color:var(--accent);font-size:14px;text-decoration:underline}.workspace{margin-top:23px;border:1px solid var(--line);background:var(--surface);padding:22px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:20px}label{font-size:14px;display:flex;flex-direction:column;gap:8px}input,select,textarea{border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--ink);padding:10px;max-width:100%}input[type=number]{width:130px}textarea{width:100%;min-height:190px;resize:vertical;font-family:Consolas,monospace;font-size:14px;line-height:1.7}input[type=checkbox]{accent-color:var(--accent)}.check{flex-direction:row;align-items:center;padding-bottom:10px}.panes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panes>div,.panes>label{min-width:0}.pane-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:14px}.pane-label button{font-size:13px;padding:4px 9px}.result{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);padding:15px;background:var(--bg);min-height:190px;font:14px/1.7 Consolas,monospace;margin:0}.status{font-size:14px;color:var(--muted);margin-top:15px}.status:empty{display:none}.error{color:#a12222}.preview{border:1px solid var(--line);padding:20px;overflow-wrap:anywhere;min-height:190px}.preview img{max-width:100%}.preview pre{overflow:auto}.preview table{border-collapse:collapse}.preview td,.preview th{border:1px solid var(--line);padding:8px}.file-area{border:1px dashed var(--muted);padding:26px;text-align:center;margin-bottom:20px;background:var(--bg)}.file-area label{align-items:center}.image-output{max-width:100%;max-height:360px;display:block;margin:20px auto}del{background:#eedbdb;color:#842222;text-decoration:line-through}ins{background:#dce7dc;color:#235523;text-decoration:underline}.empty{padding:40px;text-align:center;color:var(--muted)}.privacy-page{max-width:800px}.privacy-page h2{font-size:20px;margin-top:28px}.privacy-page p{font-size:16px}.hosting-notice{padding:15px;border-left:3px solid var(--line);background:var(--nav)}.dark{--bg:#202020;--surface:#292929;--nav:#252525;--ink:#eee;--muted:#bdbdbd;--line:#707070;--accent:#ddd;--tint:#383838}.dark button.primary{color:#202020}.dark button.primary:hover{background:#fff}.dark .error{color:#ffb6b6}.dark del{background:#482e2e;color:#f2caca}.dark ins{background:#304330;color:#d4ead4}@media(max-width:1000px){.header-actions .local{display:none}main{padding:27px 24px}.layout{grid-template-columns:190px 1fr}.grid{grid-template-columns:1fr}}@media(max-width:720px){header{min-height:75px;padding:12px 16px;gap:10px}.brand strong{font-size:16px}.brand small{font-size:11px;max-width:250px}.header-actions{gap:7px}.header-actions>button:first-of-type{display:none}.layout{display:block}aside{padding:9px 12px;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-label,.aside-note,.nav-button .count{display:none}.nav-button{width:auto;white-space:nowrap;padding:8px}.nav-button .fa{display:none}main{padding:24px 16px 20px}h1{font-size:24px}.tiny-label{display:none}.panes{grid-template-columns:1fr}.workspace{padding:16px}.privacy-strip{align-items:flex-start;flex-wrap:wrap}.privacy-strip>div{flex:1;min-width:150px}.privacy-strip button{margin-left:33px}.card-bottom{flex-wrap:wrap}.privacy-page a,footer a{overflow-wrap:anywhere}}.layout{display:block;min-height:calc(100vh - 128px)}main{margin:0 auto}.tool-nav{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;background:var(--nav);border-bottom:1px solid var(--line);padding:0 26px;position:relative;z-index:10}.all-tools-nav,.nav-dropdown>summary{padding:14px 16px;font-size:14px;border:0;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{background:var(--tint)}.nav-dropdown>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.dropdown-panel{position:absolute;top:100%;left:0;width:290px;max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line)}.dropdown-panel>a,.dropdown-panel>button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;color:var(--ink);font-size:14px;text-decoration:none;border:0;border-bottom:1px solid var(--line);text-align:left;background:var(--surface)}.dropdown-panel>a:hover,.dropdown-panel>a:focus-visible,.dropdown-panel>a[aria-current]{background:var(--tint)}.dropdown-panel .fa{width:18px;text-align:center}.dropdown-panel>.category-link{font-weight:700;background:var(--nav)}@media(max-width:720px){.tool-nav{padding:0 8px}.all-tools-nav,.nav-dropdown>summary{padding:12px 10px}.dropdown-panel{position:fixed;left:12px;right:12px;top:auto;width:auto;max-height:60vh}.layout{min-height:60vh}}.tool-card{text-decoration:none;color:var(--ink)}.tool-help{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.tool-help h2{font-size:18px}.tool-help p{font-size:16px;max-width:850px}.static-tools{padding-left:22px;line-height:1.7}.static-tools li{margin:16px 0}.static-tools p{margin:4px 0;color:var(--muted)}.javascript-note{padding:15px;border:1px solid var(--line);background:var(--nav)}.tool-nav{justify-content:center;align-items:center;gap:0;min-height:49px}.tool-nav>.all-tools-nav,.nav-dropdown>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:49px;padding:0 16px;line-height:1.4;margin:0}.nav-dropdown{align-self:stretch;display:flex;align-items:center}.nav-dropdown>summary{width:100%;height:100%}.nav-dropdown>summary>span{display:inline-block;font-size:12px;line-height:1}.dropdown-panel{top:100%;left:0;margin:0}.dropdown-panel>a,.dropdown-panel>button{min-height:42px;line-height:1.45;padding:10px 14px}.header-actions{align-items:center}.header-actions>button{min-height:36px;display:inline-flex;align-items:center;justify-content:center}.controls{align-items:flex-end}.controls>button,.controls select,.controls input:not([type=checkbox]){min-height:42px}.controls>.check{min-height:42px;align-items:center;padding-bottom:0;margin:0}.controls>.check input{margin:0}.pane-label{min-height:32px}.pane-label button{min-height:30px}@media(max-width:720px){.tool-nav{padding:0 8px;justify-content:center}.tool-nav>.all-tools-nav,.nav-dropdown>summary{padding:0 11px;min-height:44px}.nav-dropdown{position:static}.dropdown-panel{position:absolute;left:12px;right:12px;top:100%;width:auto;max-height:60vh}.controls>label:not(.check){max-width:100%}}@font-face{font-family:FontAwesome;src:url(/vendor/font-awesome-3/fontawesome-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:block}.fa{display:inline-block;font-family:FontAwesome!important;font-style:normal;font-weight:400;line-height:1;text-decoration:none;speak:none}.icon-code:before{content:"\f121"}.icon-th-large:before{content:"\f009"}.icon-key:before{content:"\f084"}.icon-list-ol:before{content:"\f0cb"}.icon-time:before{content:"\f017"}.icon-link:before{content:"\f0c1"}.icon-exchange:before{content:"\f0ec"}.icon-font:before{content:"\f031"}.icon-random:before{content:"\f074"}.icon-tint:before{content:"\f043"}.icon-picture:before{content:"\f03e"}.icon-search:before{content:"\f002"}.icon-shield:before{content:"\f132"}.icon-sun:before{content:"\f185"}.icon-th:before{content:"\f00a"}