:root{--bg:#21221d;--panel:#2b2c26;--line:#404138;--text:#f5f3e8;--muted:#a5a699;--green:#a6e22e;--pink:#f92672;--cyan:#66d9ef;--orange:#fd971f;--purple:#ae81ff;--yellow:#e6db74}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}aside{position:fixed;left:0;top:0;width:224px;height:100vh;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column;background:var(--bg2)}.brand{color:var(--text);text-decoration:none;font-size:26px;font-weight:750;letter-spacing:-1.5px;display:flex;align-items:center}.brandmark{font-family:monospace;color:var(--green);font-size:29px;letter-spacing:-5px;margin-right:18px}.brandmark i{font-style:normal;padding-right:4px}.brand .light{font-weight:400}.dot{color:var(--green)}.side-label,.eyebrow,.breadcrumb,.edition,.local-tag,.side-bottom b,.art-caption,.card-category{font-family:monospace;font-size:10px;letter-spacing:1.3px}.side-label{color:#929384;margin:57px 12px 20px}nav{display:grid;gap:7px}nav button{border:0;color:var(--muted);background:none;text-align:left;padding:13px 12px;border-radius:5px;display:flex;align-items:center;gap:12px}nav button.active{background:#a6e21212;color:var(--green)}nav button:hover{background:#37382f}nav button span:first-child{font:20px monospace;width:22px}nav button small{margin-left:auto;font:10px monospace;color:#818373}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:25px 10px 0}.side-bottom b{font-size:11px;letter-spacing:.5px}.local-light{height:6px;width:6px;background:var(--green);border-radius:50%;display:inline-block;margin-right:7px}.side-bottom p{line-height:1.8;color:#959889;font-size:11px}.text-button{border:0;background:none;color:var(--muted);padding:8px 0;text-align:left;font-size:12px}.text-button:hover{color:var(--green)}main{margin-left:224px;padding:0 clamp(24px,2.5vw,64px);max-width:none;min-width:0}header{height:89px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.breadcrumb{color:#858779}.slash{margin:0 17px;color:#646658}.header-right{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.status-dot{width:5px;height:5px;background:var(--green);border-radius:50%}kbd{font:11px monospace;color:#b5b7a5;border:1px solid #4a4c3e;padding:3px 6px;border-radius:3px}.header-right kbd{margin-left:19px}.hero{padding:39px 0 35px;position:relative;overflow:hidden}.eyebrow{color:var(--green)}.hero .eyebrow{display:flex;justify-content:space-between}.edition{color:#777b68}.hero h1{font-size:clamp(45px,4.8vw,74px);letter-spacing:-3.5px;line-height:1.06;margin:32px 0 22px;font-weight:600}h1 em{color:var(--green);font-style:normal}.hero-bottom{display:flex;align-items:center;gap:48px}.hero p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.stamp{display:flex;gap:13px;align-items:center;font:10px monospace;line-height:1.7;letter-spacing:.6px}.stamp>span{color:var(--green);font-size:35px}.stamp small{font-size:9px;color:#7f8271}.hero-art{position:absolute;width:290px;height:225px;right:32px;top:70px}.art-grid{position:absolute;inset:0;background-image:radial-gradient(#505342 1px,transparent 1px);background-size:17px 17px;mask-image:radial-gradient(ellipse,black 30%,transparent 73%)}.tile{position:absolute;width:83px;height:83px;border:1px solid;display:grid;place-items:center;border-radius:15px;font:34px monospace;box-shadow:8px 12px 0 #17181380}.t1{top:15px;left:55px;color:var(--cyan);background:#293c3d;transform:rotate(-14deg)}.t2{top:28px;left:150px;color:var(--pink);background:#402732;transform:rotate(12deg)}.t3{top:106px;left:43px;color:var(--purple);background:#353043;transform:rotate(8deg)}.t4{top:119px;left:140px;color:var(--green);background:#354025;transform:rotate(-9deg)}.art-caption{position:absolute;bottom:-9px;left:30px;font-size:8px;color:#7a806c;letter-spacing:.6px}.searchline{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:26px 0}.searchbox{border:1px solid #494b3c;background:var(--bg2);display:flex;align-items:center;gap:12px;border-radius:6px;padding:0 15px;flex:1;height:47px}.searchbox>span{font-size:25px;color:var(--green)}.searchbox input{border:0;background:none;color:var(--text);width:100%;outline:none}.searchbox input::placeholder{color:#8c8e7e}.filter-btn{background:transparent;border:1px solid var(--line);color:#b7baa8;border-radius:6px;padding:14px 18px;font-size:12px}.filter-btn.on{color:var(--yellow);border-color:var(--yellow)}#toolCount{font:10px monospace;color:#818674;white-space:nowrap;margin-left:7px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:7px 0 22px}.section-title h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:0}.section-title>span{font-size:11px;color:#8a8e7d}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{position:relative;min-height:185px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:23px;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .open-card{display:block;inset:0;position:absolute;background:transparent;border:0;border-radius:8px}.card .star{position:absolute;top:19px;right:18px;border:0;background:none;font-size:19px;color:#858977;z-index:2}.card .star.saved{color:var(--yellow)}.card-icon{font:23px monospace;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:7px;display:grid;place-items:center;margin-bottom:20px}.card h3{font-size:15px;letter-spacing:-.2px;margin:0 0 9px;font-weight:500}.card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 23px;max-width:90%}.card-bottom{display:flex;align-items:center;justify-content:space-between;color:#8a907b}.card-category{font-size:8px;letter-spacing:1px}.card-bottom>span:last-child{font-size:18px;color:var(--accent)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:40px;padding:25px 0;color:#777e67;font-size:10px}footer b{color:var(--green);margin-right:6px;font-size:7px}footer>span:last-child{font-family:monospace;font-size:9px}.footer-mark{color:var(--green);font-size:17px;margin-left:24px}#workspace{padding:25px 0}.work-heading{display:flex;justify-content:space-between;align-items:center;padding:35px 0}.work-heading h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0}.work-heading p{color:var(--muted);line-height:1.7;max-width:650px}.local-tag{font-size:9px;color:var(--green);white-space:nowrap}.tool-body{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px}.tool-body button,dialog button:not(.close){background:var(--green);border:0;border-radius:4px;padding:11px 18px;color:var(--bg);font-weight:600;font-size:12px}.tool-body button.secondary{background:#414438;color:var(--text)}.tool-body input:not([type=checkbox]):not([type=range]),.tool-body select,.tool-body textarea{background:var(--bg);border:1px solid #505341;border-radius:4px;color:var(--text);padding:11px;max-width:100%}.tool-body input[type=file]{width:100%;padding:25px!important;border:1px dashed #646a50!important;margin-bottom:20px}.tool-body textarea{width:100%;min-height:230px;resize:vertical;font:13px/1.7 monospace}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.row label{display:grid;gap:8px;font-size:11px;color:#b8bca9}.row input[type=number]{width:110px}.row input[type=range]{width:160px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help{font-size:12px;line-height:1.7;color:#a1a68e}.tool-body canvas,.tool-body video,.tool-body audio{max-width:100%;display:block;margin:20px auto}.tool-body canvas{background:#1d1e19}.output{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 monospace;background:var(--bg);padding:20px;border:1px solid var(--line);border-radius:5px;min-height:70px}.big-stat{font:44px monospace;color:var(--green);padding:20px 0}.key-grid{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.key{border:1px solid #535740;border-radius:4px;padding:14px;min-width:45px;text-align:center;font:12px monospace}.key.pressed{background:var(--green);color:var(--bg)}.testpad{padding:70px 20px;background:var(--bg);border:1px dashed #696e55;text-align:center;user-select:none;touch-action:none;border-radius:7px}.swatch{height:120px;border-radius:5px;background:var(--green)}#message{color:var(--yellow);font:12px/1.8 monospace;white-space:pre-wrap}dialog{background:var(--panel);border:1px solid #62684d;border-radius:12px;color:var(--text);max-width:530px;padding:35px;line-height:1.8}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h2{line-height:1.3;font-size:25px}dialog p{color:var(--muted);font-size:13px}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:var(--muted);font-size:26px}#empty{padding:60px;text-align:center;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1450px){#cards{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){aside{width:190px;padding:30px 16px}main{margin-left:190px;padding:0 28px}.hero-art{right:-30px;transform:scale(.85);transform-origin:right center}.hero-bottom{gap:20px}.stamp{display:none}#cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){aside{position:static;width:100%;height:auto;padding:20px;border-bottom:1px solid var(--line);border-right:0}.side-label,.side-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:20px;gap:3px}nav button{white-space:nowrap;padding:10px;font-size:11px}nav button small{display:none}nav button span:first-child{font-size:15px;width:auto}.brand{font-size:25px}main{margin:0;padding:0 20px}header{height:60px}.header-right{font-size:9px}.hero{padding:27px 0}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-art{right:-52px;top:67px;transform:scale(.6)}.edition{display:none}.hero p{font-size:12px;max-width:65%}.searchline{gap:8px;flex-wrap:wrap}.filter-btn{padding:14px 10px}#toolCount{display:none}.section-title>span{display:none}.card{padding:18px;min-height:210px}.card p{max-width:100%;font-size:11px}.card h3{font-size:14px}.card-category{font-size:7px}#cards{gap:10px}footer{font-size:9px;gap:15px}.footer-mark{display:none}.work-heading{align-items:start;gap:10px}.work-heading h1{font-size:30px}.local-tag{font-size:8px;padding-top:10px}.tool-body{padding:18px}.split{grid-template-columns:1fr}.tool-body textarea{min-height:180px}}
.keyboard-scroll{overflow-x:auto;padding:18px 5px 22px;overscroll-behavior:contain}.keyboard-layout{display:flex;align-items:start;gap:18px;min-width:740px;width:max-content;max-width:none}.keyboard-main{width:660px;display:grid;gap:7px}.keyboard-row{display:flex;gap:5px;height:44px}.keyboard-row.function-keys{margin-bottom:7px;height:35px}.keyboard-layout .keycap{flex:var(--units,1);min-width:0;padding:5px 3px;display:flex;align-items:center;justify-content:center;font:10px Arial;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;box-shadow:0 3px 0 color-mix(in srgb,var(--text) 12%,var(--bg));text-align:center;white-space:nowrap;user-select:none}.keycap small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.keyboard-spacer{flex:.5}.keyboard-navigation{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:35px repeat(5,44px);gap:7px 5px}.keyboard-navigation .nav-blank{height:44px}.keyboard-numpad{display:grid;grid-template-columns:repeat(4,42px);grid-template-rows:repeat(5,44px);gap:7px 5px;padding-top:49px}.keyboard-numpad .numpad-tall{grid-row:span 2}.keyboard-numpad .numpad-wide{grid-column:span 2}.keyboard-layout .keycap.pressed,#extraKeys .keycap.pressed{background:color-mix(in srgb,var(--green) 22%,var(--panel));border-color:var(--green);color:var(--text)}.keyboard-layout .keycap.pressed small{color:var(--text)}.keyboard-layout .keycap.held,#extraKeys .keycap.held{background:var(--cyan);border-color:var(--cyan);color:var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--cyan) 30%,transparent);transform:translateY(2px)}.keyboard-layout .keycap.held small{color:var(--bg)}#extraKeys:empty{display:none}#extraKeys .keycap{font:11px monospace;background:var(--panel)}@media(min-width:1500px){.keyboard-main{width:780px}.keyboard-row{height:50px}.keyboard-layout .keycap{font-size:11px}.keyboard-navigation{grid-template-columns:repeat(3,48px);grid-template-rows:35px repeat(5,50px)}.keyboard-numpad{grid-template-columns:repeat(4,48px);grid-template-rows:repeat(5,50px)}}
.keyboard-navigation{grid-template-rows:42px repeat(5,44px)}.keyboard-navigation>.keycap:nth-child(-n+3){height:35px;align-self:start}@media(min-width:1500px){.keyboard-navigation{grid-template-rows:42px repeat(5,50px)}}
.site-footer{display:block}.footer-main{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer-main a,.footer-links a{color:var(--muted);text-underline-offset:3px}.footer-main a:hover,.footer-links a:hover{color:var(--green)}.footer-links{display:flex;gap:17px;flex-wrap:wrap;align-items:center;margin-top:17px;font-size:10px}.footer-links>span{margin-left:auto;font-size:9px}@media(max-width:760px){.footer-links>span{margin-left:0;width:100%}}

.card-icon{white-space:nowrap;line-height:1}

.local-download-button{white-space:normal;text-align:left;line-height:1.5}.local-download-status{font-size:11px;line-height:1.5;color:var(--muted);margin:4px 0 12px}.local-download-status:empty{display:none}

aside{overflow-y:auto}aside>.local-download-button{flex-shrink:0}#mainCommandBtn{font-size:12px;white-space:nowrap}

/* Keep the complete wordmark inside the navigation at every font setting. */
body>aside{overflow-x:hidden;min-width:0}body>aside>.brand{display:block;white-space:nowrap;font-size:clamp(18px,1.65vw,24px);letter-spacing:-1.2px;max-width:100%;flex-shrink:0}body>aside>.brand .brandmark{font-size:24px;margin-right:9px}body>aside>*{min-width:0;max-width:100%}body>aside .cut-nav>div{min-width:0;white-space:normal}body>aside nav button{min-width:0} @media(max-width:760px){body>aside>.brand{font-size:24px}body>aside nav{max-width:100%;overflow-x:auto}}

.photo-nav{margin-top:6px;border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,var(--bg2))}.photo-nav span,.photo-nav>i{color:var(--cyan)}

nav button span:first-child{white-space:nowrap;flex-shrink:0;min-width:26px;line-height:1}.nav-apps{display:grid;gap:3px;padding:0 0 8px 26px}.nav-apps a{color:var(--muted);font-size:12px;text-decoration:none;padding:8px;border-radius:4px;line-height:1.4}.nav-apps a:hover{background:var(--panel);color:var(--green)}.nav-apps .photo-nav-link{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 8%,var(--panel))}.nav-apps .photo-nav-link:hover{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 15%,var(--panel))}@media(max-width:900px){.nav-apps{display:flex;padding:0;gap:3px;align-items:center}.nav-apps a{white-space:nowrap}}

.nav-apps .cad-nav-link{color:var(--orange)}

.nav-apps-division{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.nav-section-label{font:10px monospace;letter-spacing:1.5px;color:var(--muted);padding:5px 12px 9px}.nav-apps-division .nav-apps{display:grid;margin-top:5px}aside #nav{min-width:0;overflow-x:hidden}

/* Let the catalog use all available desktop width, adding columns as screens grow. */
@media(min-width:1450px){#cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}