:root{--page-accent:#c9a84c}.workshop-title{font-family:"Share Tech Mono", var(--serif)}.blink-cursor{color:var(--page-accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.mono{font-family:Share Tech Mono,monospace!important}.gold{color:var(--gold)}.tool-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tool-filter{color:var(--text-muted);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:none;background:0 0;border:1px solid #f5f0e80f;padding:.4rem 1rem;font-size:.7rem;font-weight:400;transition:all .3s}.tool-filter:hover{border-color:var(--gold-dim);color:var(--text-dim)}.tool-filter.active{border-color:var(--gold);color:var(--gold);background:var(--gold-glow)}.tools-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.tool-card{transition:all .4s var(--ease-out-expo);overflow:hidden}.tool-card.hidden{display:none}.tool-header{border-bottom:1px solid #f5f0e80a;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.tool-icon{color:var(--gold);font-size:1rem}.tool-header h3{font-family:var(--serif);flex:1;font-size:1.15rem;font-weight:400}.tool-header-btn{cursor:none;opacity:.4;background:0 0;border:none;font-size:.9rem;transition:opacity .3s}.tool-header-btn:hover{opacity:1}.tool-body{padding:1.5rem}.tool-btn{letter-spacing:.12em;color:var(--bg);background:var(--gold);border:1px solid var(--gold);cursor:none;padding:.55rem 1.1rem;font-family:Share Tech Mono,monospace;font-size:.72rem;transition:all .3s}.tool-btn:hover{box-shadow:0 0 12px var(--gold-dim)}.tool-btn-ghost{color:var(--gold);background:0 0}.tool-btn-ghost:hover{background:var(--gold-glow)}.tool-btn-sm{padding:.38rem .7rem;font-size:.62rem}.tool-input,.tool-textarea{background:var(--bg);width:100%;color:var(--text);border:1px solid #f5f0e814;outline:none;padding:.6rem .8rem;font-family:Share Tech Mono,monospace;font-size:.82rem;transition:border-color .3s}.tool-textarea{resize:vertical;min-height:70px;margin-bottom:.6rem}.tool-input:focus,.tool-textarea:focus{border-color:var(--gold-dim)}.tool-input.result{color:var(--gold);background:#c9a84c08}.tool-select,.tool-select-sm{background:var(--bg);color:var(--text);cursor:none;-webkit-appearance:none;border:1px solid #f5f0e814;outline:none;padding:.45rem .7rem;font-family:Share Tech Mono,monospace;font-size:.78rem}.tool-select{width:100%;margin-bottom:.8rem}.dash-field{margin-bottom:1rem}.dash-field label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.35rem;font-size:.62rem;font-weight:400;display:block}.color-preview{background:#d6b03d;border:1px solid #f5f0e80f;border-radius:2px;width:100%;height:70px;margin-bottom:.8rem;transition:background .15s}.color-sliders{flex-direction:column;gap:.4rem;margin-bottom:.8rem;display:flex}.color-sliders label{color:var(--text-dim);align-items:center;gap:.5rem;font-family:Share Tech Mono,monospace;font-size:.68rem;display:flex}.color-sliders label span{text-align:right;width:28px;color:var(--text-muted);font-size:.6rem}.color-sliders input[type=range]{-webkit-appearance:none;background:#f5f0e814;border-radius:2px;outline:none;flex:1;height:4px}.color-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:none;border:2px solid var(--bg);border-radius:50%;width:14px;height:14px}.color-values{flex-direction:column;gap:.3rem;margin-bottom:.6rem;display:flex}.color-val{cursor:none;background:#f5f0e805;border:1px solid #f5f0e80a;justify-content:space-between;align-items:center;padding:.35rem .6rem;transition:border-color .3s;display:flex}.color-val:hover{border-color:var(--gold-dim)}.color-label{color:var(--text-muted);letter-spacing:.1em;font-family:Share Tech Mono,monospace;font-size:.58rem}.color-code{color:var(--gold);font-family:Share Tech Mono,monospace;font-size:.78rem}.copy-msg{text-align:center;color:var(--gold);opacity:0;margin-top:.5rem;font-family:Share Tech Mono,monospace;font-size:.68rem;transition:opacity .3s}.copy-msg.show{opacity:1}.color-contrast{align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.4rem 0;display:flex}.contrast-sample{border-radius:2px;justify-content:center;align-items:center;width:32px;height:24px;font-size:.7rem;font-weight:600;display:flex}.contrast-ratio{color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.65rem}.color-palette{flex-wrap:wrap;gap:3px;display:flex}.color-palette-swatch{cursor:none;border:1px solid #f5f0e80f;border-radius:2px;width:22px;height:22px;transition:transform .2s}.color-palette-swatch:hover{transform:scale(1.3)}.password-display{color:var(--gold);background:var(--bg);text-align:center;word-break:break-all;cursor:none;border:1px solid #c9a84c26;justify-content:center;align-items:center;min-height:2.8rem;margin-bottom:.5rem;padding:.9rem;font-family:Share Tech Mono,monospace;font-size:.92rem;transition:border-color .3s;display:flex}.password-display:hover{border-color:var(--gold)}.password-strength{background:#f5f0e80f;border-radius:2px;width:100%;height:4px;margin-bottom:.3rem;overflow:hidden}.strength-bar{width:0%;height:100%;transition:all .4s var(--ease-out-expo);border-radius:2px}.strength-label{color:var(--text-muted);text-align:right;margin-bottom:.8rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.password-options{flex-direction:column;gap:.35rem;margin-bottom:.6rem;display:flex}.password-options label{color:var(--text-dim);align-items:center;gap:.5rem;font-family:Share Tech Mono,monospace;font-size:.72rem;display:flex}.password-options input[type=range]{-webkit-appearance:none;background:#f5f0e814;outline:none;flex:1;height:4px}.password-options input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:none;border-radius:50%;width:12px;height:12px}.pw-check{align-items:center;gap:.5rem;display:flex}.pw-check input[type=checkbox]{accent-color:var(--gold)}.pw-entropy{color:var(--text-muted);margin-bottom:.6rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.pw-history{max-height:80px;margin-top:.8rem;overflow-y:auto}.pw-history-item{color:var(--text-muted);word-break:break-all;border-bottom:1px solid #f5f0e805;padding:.2rem 0;font-family:Share Tech Mono,monospace;font-size:.65rem}.unit-row{align-items:center;gap:.75rem;display:flex}.unit-input-group{flex-direction:column;flex:1;gap:.4rem;display:flex}.unit-swap{color:var(--gold);cursor:none;background:0 0;border:1px solid #f5f0e814;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .3s;display:flex}.unit-swap:hover{border-color:var(--gold);background:var(--gold-glow)}.case-buttons{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.wc-stats{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.8rem;display:grid}.wc-stat{text-align:center;background:var(--bg);border:1px solid #f5f0e80a;padding:.6rem .3rem}.wc-num{font-family:var(--serif);color:var(--gold);margin-bottom:.2rem;font-size:1.5rem;line-height:1;display:block}.wc-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-family:Share Tech Mono,monospace;font-size:.5rem}.timer-display{color:var(--gold);text-align:center;letter-spacing:.08em;text-shadow:0 0 15px var(--gold-glow);margin-bottom:1.2rem;font-family:Share Tech Mono,monospace;font-size:clamp(2rem,6vw,3.2rem)}.timer-controls{justify-content:center;gap:.5rem;margin-bottom:.8rem;display:flex}.timer-laps{max-height:140px;overflow-y:auto}.timer-lap-row{color:var(--text-dim);border-bottom:1px solid #f5f0e808;justify-content:space-between;padding:.25rem 0;font-family:Share Tech Mono,monospace;font-size:.72rem;display:flex}.pomo-display{color:var(--gold);letter-spacing:.08em;text-shadow:0 0 20px var(--gold-glow);margin-bottom:.3rem;font-family:Share Tech Mono,monospace;font-size:clamp(2.5rem,8vw,4rem)}.pomo-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem;font-family:Share Tech Mono,monospace;font-size:.68rem}.pomo-label.break{color:#0f8}.pomo-settings{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.pomo-settings label{color:var(--text-dim);align-items:center;gap:.3rem;font-family:Share Tech Mono,monospace;font-size:.65rem;display:flex}.pomo-input{background:var(--bg);width:45px;color:var(--gold);text-align:center;border:1px solid #f5f0e814;outline:none;padding:.25rem .4rem;font-family:Share Tech Mono,monospace;font-size:.75rem}.pomo-controls{justify-content:center;gap:.5rem;margin-bottom:.8rem;display:flex}.pomo-sessions{color:var(--text-muted);font-family:Share Tech Mono,monospace;font-size:.65rem}.b64-actions{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.json-output{color:var(--gold);background:var(--bg);white-space:pre-wrap;word-break:break-word;border:1px solid #f5f0e80f;min-height:50px;max-height:250px;margin-top:.5rem;padding:.8rem;font-family:Share Tech Mono,monospace;font-size:.72rem;overflow-x:auto}.json-status{min-height:1rem;margin-top:.4rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.json-status.valid{color:#0f8}.json-status.invalid{color:#f44}.regex-inputs{gap:.5rem;margin-bottom:.5rem;display:flex}.regex-inputs input:first-child{flex:1}.regex-result{background:var(--bg);word-break:break-word;border:1px solid #f5f0e80f;min-height:50px;margin-top:.4rem;padding:.7rem;font-family:Share Tech Mono,monospace;font-size:.78rem;line-height:1.7}.regex-match{border-bottom:1px solid var(--gold);background:#c9a84c4d}.regex-matches{color:var(--text-dim);margin-top:.35rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.regex-cheat{margin-top:.8rem}.regex-cheat summary{color:var(--gold);cursor:none;font-family:Share Tech Mono,monospace;font-size:.65rem}.cheat-grid{grid-template-columns:auto 1fr;gap:.15rem .8rem;margin-top:.5rem;font-family:Share Tech Mono,monospace;font-size:.62rem;display:grid}.cheat-grid span:nth-child(odd){color:var(--gold)}.cheat-grid span:nth-child(2n){color:var(--text-muted)}.gradient-preview{border:1px solid #f5f0e80f;border-radius:2px;width:100%;height:80px;margin-bottom:.8rem}.gradient-controls{flex-direction:column;gap:.5rem;margin-bottom:.8rem;display:flex}.gradient-controls label{color:var(--text-dim);align-items:center;gap:.5rem;font-family:Share Tech Mono,monospace;font-size:.65rem;display:flex}.gradient-controls input[type=range]{-webkit-appearance:none;background:#f5f0e814;outline:none;flex:1;height:4px}.gradient-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:none;border-radius:50%;width:12px;height:12px}.gradient-controls input[type=color]{cursor:none;background:0 0;border:1px solid #f5f0e81a;width:32px;height:24px;padding:0}.gradient-code{color:var(--gold);background:var(--bg);cursor:none;word-break:break-all;border:1px solid #f5f0e80f;padding:.6rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:border-color .3s}.gradient-code:hover{border-color:var(--gold-dim)}.hash-results{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.hash-row{border-bottom:1px solid #f5f0e808;align-items:center;gap:.6rem;padding:.35rem 0;display:flex}.hash-label{color:var(--text-muted);letter-spacing:.05em;flex-shrink:0;width:55px;font-family:Share Tech Mono,monospace;font-size:.58rem}.hash-value{color:var(--gold);word-break:break-all;cursor:none;flex:1;font-family:Share Tech Mono,monospace;font-size:.65rem;transition:color .3s}.hash-value:hover{color:var(--text)}.epoch-now{color:var(--text-dim);background:var(--bg);border:1px solid #f5f0e80a;margin-bottom:1rem;padding:.5rem;font-family:Share Tech Mono,monospace;font-size:.8rem}.epoch-result{color:var(--gold);background:var(--bg);border:1px solid #f5f0e80f;min-height:2rem;margin-top:.4rem;padding:.5rem;font-family:Share Tech Mono,monospace;font-size:.78rem}.md-preview{background:var(--bg);min-height:80px;color:var(--text-dim);border:1px solid #f5f0e80f;margin-top:.4rem;padding:1rem;font-size:.83rem;line-height:1.65;overflow-x:auto}.md-preview h1,.md-preview h2,.md-preview h3{font-family:var(--serif);color:var(--text);margin:.7rem 0 .35rem}.md-preview h1{font-size:1.4rem}.md-preview h2{font-size:1.15rem}.md-preview h3{font-size:1rem}.md-preview p{margin:.35rem 0}.md-preview strong{color:var(--gold);font-weight:600}.md-preview code{color:var(--gold);background:#c9a84c14;padding:.08rem .3rem;font-family:Share Tech Mono,monospace;font-size:.78rem}.md-preview blockquote{border-left:2px solid var(--gold);color:var(--text-dim);margin:.4rem 0;padding-left:.8rem;font-style:italic}.md-preview ul,.md-preview ol{margin:.35rem 0;padding-left:1.3rem}.md-preview li{margin:.15rem 0}.md-preview a{color:var(--gold)}@media (width<=1024px){.tools-grid{grid-template-columns:1fr}}@media (width<=768px){.tool-filters{gap:.3rem}.wc-stats{grid-template-columns:repeat(3,1fr)}.unit-row{flex-direction:column}.case-buttons{gap:.3rem}}