:root{font-family:Arial,Helvetica Neue,sans-serif;font-size:13px;color:#c4c4c4;background:#171717;--mono:"SFMono-Regular",ui-monospace,"Menlo","Consolas",monospace}*{box-sizing:border-box}body{margin:0;background:#171717}main{display:flex;flex-direction:column;min-height:100vh;padding:8px 10px}.app-content{position:relative;flex:1 1;width:min(100%,1200px);padding-bottom:34px}.app-bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:8px;height:32px;margin:-8px -10px 12px;padding:0 10px;color:#ddd;background:#202e2e;border-bottom:1px solid #526262}.app-bar,.brand{display:flex;align-items:center;font-size:12px}.brand{gap:7px;align-self:stretch;padding-right:10px;color:#e0e8e8;text-decoration:none;border-right:1px solid #405050}.brand:hover{color:#fff}.app-mark{display:grid;width:16px;height:16px;font-size:11px;font-weight:700;color:#b6d6d6;background:#1b2525;border-radius:50%;place-items:center}.app-mark svg{width:11px;height:11px}nav{align-self:stretch;margin-left:2px}nav,nav a{display:flex}nav a{align-items:center;gap:5px;padding:0 9px;font-size:12px;color:#aab7b7;text-decoration:none;background:transparent;border:0;border-left:1px solid #344040;border-radius:0}nav a svg{width:13px;height:13px;opacity:.75}nav a:hover{color:#e7eeee;background:#293535}nav a.active{color:#e3eeee;background:#182222;border-bottom:2px solid #7c9d9d}nav a.active svg{opacity:1}.app-description{margin-left:auto;padding-right:2px;font-size:11px;color:#91a1a1}.hero{padding-bottom:8px;border-bottom:2px solid #2c2c2c}.search,form{display:flex;align-items:center;gap:8px}form{flex-wrap:wrap}label{color:#a7a7a7;white-space:nowrap}input{width:295px;height:22px;padding:2px 6px;font:inherit;color:#d2d2d2;background:#0e0e0e;border:1px solid #202020;border-radius:2px;outline:none}input:focus{border-color:#4c6881}.packages a,button{font:inherit;color:#c7c7c7;background:#414141;border:1px solid #515151;border-radius:2px}button{display:inline-flex;align-items:center;gap:4px;height:22px;padding:1px 7px;cursor:pointer}.search button:first-of-type{color:#e3f0f0;background:#496667;border-color:#668889}.search button:first-of-type:hover{background:#5b797a}.packages a:hover,button:hover{color:#e8e8e8;background:#505050}button:disabled{color:#888;cursor:not-allowed}.secondary{color:#b0b0b0}.search-hint{margin-left:80px}.quick-searches,.search-hint{flex-basis:100%;font-size:11px;color:#777}.quick-searches{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:4px 0 0 80px}.quick-searches button{height:19px;padding:1px 5px;font-size:11px;color:#9eaeae;background:#252b2b;border-color:#3a4545}.quick-searches button.active{color:#e3f0f0;background:#496667;border-color:#668889}.quick-searches-label{margin-left:6px}.empty-state{display:flex;align-items:center;gap:12px;max-width:620px;margin-top:38px;padding:13px;color:#aaa;background:#1a1a1a;border:1px solid #303030;border-left:3px solid #476869}.empty-state-icon{display:grid;flex:0 0 auto;width:27px;height:27px;font-size:18px;color:#9cbaba;background:#202c2c;border-radius:2px;place-items:center}.empty-state-icon svg{width:16px;height:16px}.empty-state strong{color:#d7d7d7}.empty-state p{margin:4px 0 0;line-height:1.4;color:#878787}.message{margin:10px 0;padding:7px 9px;border:1px solid #743b43;border-radius:2px}.error{color:#e4a8ae;background:#2b181a}.results{margin-top:9px;background:#1b1b1b;border:1px solid #3a3a3a}.results header{display:flex;align-items:center;justify-content:space-between;min-height:29px;padding:5px 7px;color:#e0e0e0;border-bottom:1px solid #383838}.badge{padding:1px 4px;font-size:10px;font-weight:700;color:#a9cfcf;background:#223030;border:1px solid #3a5757;border-radius:2px}.page{max-width:760px;margin-top:16px}.page h1{margin:0 0 10px;font-size:15px;color:#e4e4e4}.panel{padding:10px;margin-bottom:8px;background:#1b1b1b;border:1px solid #3a3a3a}.panel h2{margin:0 0 8px;font-size:13px;color:#ddd}.panel p{margin:0;line-height:1.45;color:#a3a3a3}.panel p+p{margin-top:9px}table{width:100%;margin-top:10px;font-size:12px;color:#aaa;border-collapse:collapse}td,th{padding:6px;text-align:left;border:1px solid #363636}th{font-weight:400;color:#d0d0d0;background:#242424}.status-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;gap:16px;margin:0;padding:5px 10px;font-size:11px;color:#777;background:#151515;border-top:1px solid #292929}.tool-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-search input{width:min(100%,360px)}.category-heading{display:flex;align-items:center;gap:6px;margin:18px 0 3px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#7f9a9a}.category-heading svg{width:12px;height:12px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:8px;gap:8px}.tool-card{display:flex;gap:9px;padding:10px;color:inherit;text-decoration:none;background:#1a1a1a;border:1px solid #3b3b3b;border-radius:3px}.tool-card:hover{background:#1d2323;border-color:#4c6869}.tool-card-body{flex:1 1;min-width:0}.fav-star{flex:0 0 auto;align-self:flex-start;height:20px;padding:1px 4px;color:#6d7d7d;background:transparent;border:0;border-radius:3px;opacity:0}.fav-star svg{width:15px;height:15px}.fav-star.active,.tool-card:hover .fav-star{opacity:1}.fav-star:hover{color:#d8c063;background:#232323}.fav-star.active{color:#d8c063}.fav-star.header{opacity:1;height:24px}.tool-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.tool-icon{display:grid;flex:0 0 auto;width:30px;height:30px;color:#9cbaba;background:#202c2c;border-radius:3px;place-items:center}.tool-icon svg{width:17px;height:17px}.tool-card strong{font-size:13px;color:#e6e6e6}.tool-card p{margin:3px 0 0;font-size:11px;line-height:1.35;color:#8f8f8f}.tool-page{max-width:820px;margin-top:12px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;font-size:11px;color:#8fabab;text-decoration:none}.back-link:hover{color:#cfe0e0}.back-link svg{width:12px;height:12px}.tool-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #2c2c2c}.tool-header h1{margin:0;font-size:15px;color:#e4e4e4}.tool-header p{margin:2px 0 0;font-size:11px;color:#8f8f8f}.field{margin-bottom:11px}.field>label{display:block;margin-bottom:4px;color:#a7a7a7}.field input,.field select,.field textarea{width:100%}textarea{display:block;min-height:96px;padding:6px 7px;font-family:var(--mono);font-size:12px;line-height:1.5;color:#d2d2d2;background:#0e0e0e;border:1px solid #202020;border-radius:2px;outline:none;resize:vertical}textarea:focus{border-color:#4c6881}select{height:22px;padding:1px 6px;font:inherit;color:#d2d2d2;background:#0e0e0e;border:1px solid #202020;border-radius:2px;outline:none}select:focus{border-color:#4c6881}.controls-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:11px}.controls-row label{display:inline-flex;align-items:center;gap:5px;font-size:12px}.seg{display:inline-flex;border:1px solid #3a4545;border-radius:2px;overflow:hidden}.seg button{height:22px;padding:1px 10px;font-size:11px;color:#9eaeae;background:#252b2b;border:0;border-left:1px solid #3a4545;border-radius:0}.seg button:first-child{border-left:0}.seg button.active{color:#e3f0f0;background:#496667}.seg button:hover:not(.active){background:#2e3535}.output-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;color:#a7a7a7}.output{margin:0;padding:8px 9px;font-family:var(--mono);font-size:12px;line-height:1.55;color:#cfe0e0;white-space:pre-wrap;overflow-wrap:anywhere;background:#141a1a;border:1px solid #2c3a3a;border-radius:2px}.output.empty{color:#6f6f6f;font-style:italic}.hash-list{display:flex;flex-direction:column;gap:6px}.hash-item{display:flex;align-items:baseline;gap:9px}.hash-label{flex:0 0 62px;font-size:11px;font-weight:700;color:#9cbaba}.hash-value{flex:1 1;font-family:var(--mono);font-size:12px;color:#cfe0e0;overflow-wrap:anywhere}.copy-button{height:19px;padding:1px 6px;font-size:11px;color:#aebebe;background:#282f2f;border-color:#3e5050}.copy-button:hover:not(:disabled){color:#e8f2f2;background:#33403f}.hint{margin:0 0 11px;font-size:11px;line-height:1.4;color:#808080}.check-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:11px}.check-row label{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#b6b6b6;cursor:pointer}.check-row input[type=checkbox]{width:auto;height:auto;margin:0;accent-color:#5b797a}input[type=range]{width:220px;height:auto;padding:0;background:transparent;border:0;accent-color:#5b797a}.meter{height:6px;margin-top:7px;overflow:hidden;background:#202020;border:1px solid #2c2c2c;border-radius:3px}.meter span{display:block;height:100%;background:#5b797a}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.io-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.output.diff{padding:4px 0}.diff-line{padding:0 9px;white-space:pre-wrap;overflow-wrap:anywhere}.diff-line .diff-sign{display:inline-block;width:12px;color:#6f7f7f;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-line.add{color:#b6e0bf;background:#17251b}.diff-line.add .diff-sign{color:#7fb389}.diff-line.del{color:#e6b4ba;background:#251619}.diff-line.del .diff-sign{color:#cf8f97}@media (max-width:680px){.io-columns{grid-template-columns:1fr}}.color-swatch{display:inline-block;width:40px;height:26px;border:1px solid #3a3a3a;border-radius:2px}input[type=color]{background:#0e0e0e;border:1px solid #202020;cursor:pointer}.palette-trigger{display:inline-flex;align-items:center;gap:6px;height:22px;margin-left:auto;padding:0 8px;font-size:11px;color:#9db3b3;background:#1b2525;border:1px solid #3a4d4d;border-radius:3px}.palette-trigger:hover{color:#e0eaea;background:#24302f}.palette-trigger svg{width:12px;height:12px}.palette-trigger kbd{padding:0 4px;font-family:var(--mono);font-size:10px;color:#b6d6d6;background:#10201f;border:1px solid #34494a;border-radius:3px}.palette-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:center;padding-top:12vh;background:rgba(8,10,10,.62)}.palette{display:flex;flex-direction:column;width:min(92vw,560px);max-height:68vh;overflow:hidden;background:#1b2222;border:1px solid #40514f;border-radius:6px;box-shadow:0 18px 50px rgba(0,0,0,.55)}.palette-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #33403f}.palette-input svg{width:16px;height:16px;color:#7f9a9a}.palette-input input{width:100%;height:auto;padding:0;font-size:14px;color:#e6efef;background:transparent;border:0}.palette-input input:focus{border:0}.palette-list{overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:4px;cursor:pointer}.palette-item.active{background:#294141}.palette-item .tool-icon{width:26px;height:26px}.palette-item .tool-icon svg{width:15px;height:15px}.palette-item strong{font-size:13px;color:#e6e6e6}.palette-item .palette-cat{margin-left:auto;font-size:10px;color:#8ba6a6}.palette-mark{width:13px;height:13px;margin-left:auto;color:#6d7d7d}.palette-mark.fav{color:#d8c063}.palette-mark+.palette-cat{margin-left:8px}.palette-item .palette-blurb{font-size:11px;color:#8f8f8f}.palette-empty{padding:16px;font-size:12px;color:#808080;text-align:center}.palette-footer{display:flex;gap:14px;padding:6px 12px;font-size:10px;color:#7a8a8a;border-top:1px solid #33403f}.palette-footer kbd{padding:1px 4px;font-family:var(--mono);font-size:10px;color:#b6d6d6;background:#202c2c;border:1px solid #3a4d4d;border-radius:3px}.kbd-hint{display:inline-flex;align-items:center;gap:4px}.kbd-hint kbd{padding:0 4px;font-family:var(--mono);font-size:10px;color:#9cbaba;background:#202020;border:1px solid #333;border-radius:3px}@media (max-width:680px){main{padding:6px}.app-bar{margin:-6px -6px 10px}nav{margin-left:auto}nav a{padding:0 6px}.app-description,nav a svg{display:none}.status-bar{align-items:flex-start;flex-direction:column;gap:2px;margin:0}}.tool-intro{max-width:760px;margin:0 0 14px;font-size:12px;line-height:1.5;color:#8f8f8f}.tool-related{margin-top:24px;padding-top:12px;border-top:1px solid #2c2c2c}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ln{color:#8fbcbc;text-decoration:none;overflow-wrap:anywhere}.ln:hover{color:#cfe6e6;text-decoration:underline}input[type=file]{width:auto;height:auto;padding:6px 8px;font:inherit;color:#c7c7c7;background:#0e0e0e;border:1px solid #202020;border-radius:2px}input[type=file]::-webkit-file-upload-button{margin-right:8px;padding:2px 8px;font:inherit;color:#c7c7c7;background:#414141;border:1px solid #515151;border-radius:2px;cursor:pointer}input[type=file]::file-selector-button{margin-right:8px;padding:2px 8px;font:inherit;color:#c7c7c7;background:#414141;border:1px solid #515151;border-radius:2px;cursor:pointer}input[type=file]::-webkit-file-upload-button:hover{background:#505050}input[type=file]::file-selector-button:hover{background:#505050}