.armory-nav{font-weight:bold;color:#78519c}
.gif-armory{max-width:1100px;margin:85px auto 0;padding:0 30px;scroll-margin-top:25px}
.armory-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}
.armory-eyebrow{display:flex;align-items:center;gap:8px;font:bold 9px monospace;letter-spacing:1.6px;color:#836098;margin:0 0 16px}
.armory-eyebrow>span{width:7px;height:7px;background:#8b5cbe;box-shadow:3px 3px 0 #d6c4e7}
.armory-heading h2{font-size:clamp(32px,4vw,49px);font-weight:900;letter-spacing:-2px;line-height:1;margin:0}
.armory-heading h2 em{color:#8b5cbe;font-style:normal}
.armory-description{font-size:12px;color:#746780;margin:15px 0 0;line-height:1.7}
.armory-edition{border:1px solid #c4b7d0;transform:rotate(3deg);display:flex;flex-direction:column;align-items:center;gap:8px;padding:21px 22px;background:#f7f4f9;box-shadow:5px 5px 0 #ded5e7;white-space:nowrap}
.armory-edition>span{font:8px monospace;color:#887395;letter-spacing:1px}
.armory-edition strong{font:bold 29px monospace;letter-spacing:-2px}
.armory-machine{display:grid;grid-template-columns:350px minmax(0,1fr);border:1px solid #51475e;background:#28232f;color:#e8dff0;border-radius:17px;box-shadow:0 6px 0 #cbbfd5,0 20px 45px #3e24421a;overflow:hidden}
.armory-picker{display:flex;flex-direction:column;padding:27px 24px;background:#302936;border-right:1px solid #4b4057}
.armory-step{display:flex;gap:10px;align-items:center;font:bold 12px monospace;color:#cfb2ed;margin-bottom:23px}
.armory-step span{color:#e7ddf0;font:9px monospace;letter-spacing:1px}
#gif-search-form label{display:block;font:8px monospace;letter-spacing:.8px;color:#b6a6c3;margin-bottom:10px}
.gif-search-wrap{display:flex;align-items:center;gap:9px;background:#211c28;border:1px solid #5d506a;border-radius:6px;padding:0 11px;height:46px}
.gif-search-wrap:focus-within{outline:2px solid #c8a2ed;outline-offset:2px}
.gif-search-wrap>span{font-size:23px;color:#b49fc8}
#gif-search{background:none;border:0;color:#f5eff9;font:11px monospace;min-width:0;width:100%;height:100%;outline:none}
#gif-search::placeholder{color:#9e8dad;opacity:1}
.gif-search-wrap button{padding:7px;border:0;background:transparent;color:#c4afd6;font:17px monospace}
.gif-scopes{display:flex;gap:6px;margin:13px 0 23px}
.gif-scopes button{border:1px solid #5a4d66;color:#c6b4d7;background:transparent;border-radius:4px;font:9px monospace;white-space:nowrap;padding:9px 8px;flex:1}
.gif-scopes button[aria-pressed=true]{background:#dfff68;border-color:#dfff68;color:#292735;font-weight:bold}
.gif-list-label{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.7px;color:#ac9abb;padding-bottom:10px}
.gif-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;max-height:302px;min-height:302px;scrollbar-width:thin;scrollbar-color:#6e597e transparent;padding:2px 5px 3px 2px;margin-left:-2px}
.gif-choice{display:grid;grid-template-columns:37px 1fr auto;grid-template-rows:14px 17px;align-items:center;text-align:left;position:relative;min-height:55px;padding:7px 10px 7px 7px;gap:1px 11px;color:#f0e9f6;background:#39303f;border:1px solid transparent;border-radius:5px;flex-shrink:0}
.gif-choice:hover{background:#493c53}
.gif-choice.is-selected{background:#51415e;border-color:#c7a3e8}
.gif-choice img{width:40px;height:40px;grid-row:1/3;grid-column:1;image-rendering:pixelated}
.gif-choice-number{grid-row:1;grid-column:2;font:8px monospace;color:#b5a0c6}
.gif-choice-name{grid-row:2;grid-column:2;font:bold 13px monospace}
.gif-choice-state{grid-row:1/3;grid-column:3;font:7px monospace;color:#dfff68;letter-spacing:.3px}
.gif-choice.is-pending{color:#c0b1cc;background:#302936;border-color:#4a3d55}
.gif-choice.is-pending.is-selected{border-color:#c7a3e8;background:#43344d}
.gif-choice.is-pending .gif-choice-state{color:#aa95b9;font-size:6px}
.gif-locked-icon{grid-row:1/3;grid-column:1;text-align:center;font:bold 22px monospace;color:#907c9f}
#gif-no-results{font:12px/1.8 monospace;color:#c0b0cd;margin:0;padding:15px 0 23px}
#gif-random{display:flex;align-items:center;gap:10px;margin-top:17px;padding:13px 12px;background:transparent;color:#d7c4e6;border:1px solid #635171;border-radius:5px;font:bold 9px monospace;letter-spacing:.5px}
#gif-random:hover{background:#43354d}
#gif-random>span:first-child{font-size:20px}
#gif-random>span:last-child{margin-left:auto;font-size:14px}
.armory-output{padding:18px;min-width:0}
.gif-stage{background:#0b090e;border:1px solid #55425f;border-radius:8px;position:relative;isolation:isolate;--mon-color:#f7d978;overflow:hidden}
.gif-stage:before,.gif-stage:after{content:'';position:absolute;width:17px;height:17px;border-color:var(--mon-color);border-style:solid;opacity:.6;pointer-events:none}
.gif-stage:before{left:15px;top:47px;border-width:1px 0 0 1px}
.gif-stage:after{right:15px;bottom:39px;border-width:0 1px 1px 0}
.gif-stage-top,.gif-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px monospace;letter-spacing:1px;padding:15px 17px;color:#ad9cbd;position:relative;z-index:1}
.gif-stage-top{border-bottom:1px solid #4c3d593d}
#gif-loop-indicator{color:var(--mon-color);font-size:7px;letter-spacing:.6px}
.gif-display{height:305px;display:flex;align-items:center;justify-content:center;padding:12px 28px;position:relative}
.gif-display>img,.gif-display>canvas{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;image-rendering:pixelated}
.gif-stage-bottom{font-size:7px;letter-spacing:.5px;padding-top:9px;padding-bottom:11px}
#gif-pause{background:transparent;color:#c9b8d8;border:1px solid #594568;border-radius:3px;font:8px monospace;letter-spacing:.5px;padding:6px 9px;min-width:70px}
#gif-pause:hover{border-color:#c8a2ed}
.gif-output-info{display:flex;align-items:center;justify-content:space-between;padding:18px 4px 17px;gap:15px}
#gif-tagline{margin:0 0 7px;font:9px monospace;color:#b4a2c3}
#gif-name{font-size:31px;letter-spacing:-1px;line-height:1.1;margin:0 0 8px;font-weight:900}
#gif-details{font:8px monospace;color:#b4a2c3}
.gif-format{font:bold 21px monospace;color:#b49bc6;transform:rotate(-5deg);line-height:1;text-align:center;padding-right:4px}
.gif-format small{font:6px monospace;letter-spacing:1px;white-space:nowrap}
.gif-actions{display:flex;gap:9px}
.gif-download,#gif-not-ready{display:flex;align-items:center;justify-content:space-between;flex:1;background:#dfff68;color:#25212c;border-radius:5px;padding:16px;font:bold 11px monospace;letter-spacing:.5px}
.gif-download:hover{background:#eaff9a}
.gif-download[aria-disabled=true]{opacity:.45;cursor:wait}
.gif-download span{font-size:20px;line-height:12px}
#gif-share{border:1px solid #6b557b;border-radius:5px;background:transparent;color:#d9c7e9;padding:14px;font:bold 9px monospace}
#gif-share:hover{background:#43354d}
#gif-share:disabled{opacity:.45;cursor:default}
#gif-not-ready{background:#43364e;color:#ac97bc;font-size:9px;justify-content:center}
.gif-download-hint{font:8px/1.5 monospace;margin:12px 0 0;color:#ac97bc;text-align:center}
#gif-empty{text-align:center;color:#c5b2d6}
#gif-empty>div{font:bold 70px monospace;color:#7d638f;margin-bottom:15px}
#gif-empty h3{font-size:17px;margin:0 0 10px}
#gif-empty p{font:10px/1.8 monospace;margin:0}
#gif-error{font:12px/1.8 monospace;text-align:center;color:#e4c5e1}
#gif-link-fallback{margin:14px 0 0;font:10px monospace;color:#c9b3db}
#gif-share-url{display:block;width:100%;padding:10px;border:1px solid #8d71a0;border-radius:4px;margin-top:6px;color:#f1e8f7;background:#211c28}
.armory-footnote{display:flex;justify-content:space-between;gap:20px;font:8px/1.8 monospace;color:#807189;margin:20px 3px 0}
.armory-footnote>span:last-child{font-size:7px;letter-spacing:.4px;white-space:nowrap}
.gif-armory [hidden]{display:none!important}
.gif-armory button:focus-visible,.gif-armory a:focus-visible{outline-color:#dfff68}
.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}
.gif-armory noscript{font:12px/1.7 monospace}
.gif-armory noscript a{text-decoration:underline}
@media(max-width:900px){.armory-machine{grid-template-columns:300px minmax(0,1fr)}.armory-picker{padding:23px 18px}.gif-display{height:285px;padding:12px 17px}.gif-scopes button{font-size:8px}.armory-output{padding:14px}.gif-choice{gap:1px 7px}.gif-actions{flex-wrap:wrap}.gif-download{min-width:160px}.gif-output-info{padding:19px 3px}.gif-armory{padding:0 23px}.armory-footnote{flex-direction:column;gap:2px}.gif-format{display:none}}
@media(max-width:650px){nav .armory-nav{font-size:8px;padding:8px 0}.gif-armory{margin-top:55px;padding:0 4%}.armory-heading{gap:10px;margin-bottom:22px}.armory-eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:14px}.armory-heading h2{font-size:30px;letter-spacing:-1.4px}.armory-description{font-size:10px;max-width:220px}.armory-edition{padding:15px 9px;gap:6px;box-shadow:3px 3px 0 #ded5e7}.armory-edition strong{font-size:23px}.armory-edition>span{font-size:5px;letter-spacing:.6px}.armory-machine{grid-template-columns:1fr;border-radius:12px}.armory-picker{padding:20px 18px 16px;border-right:0;border-bottom:1px solid #5b476a}.armory-step{margin-bottom:18px}.gif-scopes{margin-bottom:16px}.gif-scopes button{font-size:10px;padding:11px 5px}.gif-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:190px;min-height:0;gap:6px;padding-right:4px}.gif-choice{grid-template-columns:30px minmax(0,1fr);grid-template-rows:12px 18px;min-height:55px;padding:6px;gap:1px 6px}.gif-choice img{width:35px;height:35px}.gif-choice-name{font-size:11px}.gif-choice-number{font-size:7px}.gif-choice-state{display:none}.gif-choice.is-pending .gif-choice-name{color:#ad99bc}.gif-locked-icon{font-size:22px}#gif-random{margin-top:12px;padding:10px 12px;font-size:9px}.armory-output{padding:13px}.gif-display{height:275px;padding:16px 30px}.gif-stage-top{font-size:7px}.gif-stage-bottom{font-size:6px}.gif-output-info{padding:18px 4px}.gif-format{display:block;font-size:19px}#gif-name{font-size:30px}#gif-details{font-size:7px}.gif-download{padding:16px 12px;font-size:10px}.gif-actions{flex-wrap:nowrap}#gif-share{font-size:8px;padding:13px 10px}.armory-footnote{font-size:7px;margin-top:17px}.gif-download-hint{font-size:7px}}
@media(max-width:360px){.armory-heading h2{font-size:26px}.armory-edition{display:none}.gif-display{height:245px}.gif-choice-name{font-size:10px}nav{gap:10px}.gif-download{min-width:0;font-size:9px}}