@font-face{font-family:Loom;src:local('Arial Narrow'),local('Impact');font-display:swap}*{box-sizing:border-box} :root{color-scheme:dark;--ink:#170f1d;--cream:#f5f0e8;--orange:#ff4b2b;--lime:#ddf52f;--cyan:#29c8e8;--purple:#b347ff;--metal:#c9cdd2;--line:#645c68}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{border:1px solid #68616b;color:inherit;background:#242029;padding:12px 16px;cursor:pointer;min-height:44px;transition:background .15s,transform .15s;border-radius:3px;font:11px 'Courier New',monospace;letter-spacing:.06em}button:hover{background:#38323e}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:not-allowed}button[aria-pressed=true]{background:var(--cream);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:4px}input,select{color:var(--cream);background:#211c29;border:1px solid #716978;border-radius:3px;min-height:44px;padding:10px;max-width:100%}input[type=range]{accent-color:var(--orange);padding:0;min-height:32px}input[type=checkbox]{accent-color:var(--orange);min-height:20px;width:20px;height:20px}h1,h2,p{margin:0}h1,h2,.metal-label{font-family:Impact,'Arial Narrow',Loom,sans-serif;font-weight:400;letter-spacing:.025em}h2{font-size:clamp(19px,2.2vw,30px);line-height:1.12}p{font-size:13px;line-height:1.7;color:#c1bac6}p.index,.eyebrow{font:10px 'Courier New',monospace;letter-spacing:.14em;color:#a69daa;margin-bottom:14px}p.index{font-size:9px}p.index+h2{margin-bottom:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:12px;z-index:200;background:var(--lime);color:var(--ink);padding:12px}.skip:focus{top:12px}.header{height:76px;display:flex;align-items:center;gap:38px;padding:0 3.5%;border-bottom:1px solid #57505e;position:relative;z-index:3;background:#120d17}.brand{font-weight:900;letter-spacing:.17em;font-size:21px;white-space:nowrap}.brand span{font-size:10px;vertical-align:top;margin-left:4px}.header nav{display:flex;align-items:center;gap:25px;font:11px 'Courier New',monospace}.header nav button{border:0;background:none;padding:10px 0}.header-note{margin-left:auto;font:9px 'Courier New',monospace;letter-spacing:.09em}.header #sound{border:0;background:none;font-size:9px;padding:10px 0}.header #sound span{color:#a99eae;margin-left:5px}#home{max-width:1600px;margin:auto;border-left:1px solid #49404f;border-right:1px solid #49404f}.machine{position:relative;border-bottom:2px solid #756b7a;isolation:isolate}.machine:before,.machine:after{content:'+';position:absolute;z-index:3;color:#251d2b;display:grid;place-items:center;background:linear-gradient(135deg,#d5d5d9,#5d5a61);border:2px solid #4c4751;border-radius:50%;box-shadow:0 1px 3px #000;width:13px;height:13px;font:12px monospace;top:-7px;left:12px}.machine:after{left:auto;right:12px}.hero{height:680px;min-height:540px;overflow:hidden;background:radial-gradient(ellipse at center,#27202e,#100d14 76%)}.thread-curtain{position:absolute;inset:0 11%;opacity:.85;background:repeating-linear-gradient(90deg,transparent 0 11px,#e65331 11px 14px,transparent 14px 17px,#ec6c42 17px 18px,transparent 18px 40px,#e9dfc8 40px 43px,transparent 43px 58px,#28bfd9 58px 61px,transparent 61px 63px,#16728a 63px 65px,transparent 65px 79px,#9642cc 79px 83px,transparent 83px 103px,#bbd137 103px 106px,transparent 106px 115px);mask-image:linear-gradient(#000, #000 15%,#0004 40%,#0008 65%,#000);transform:perspective(800px) rotateX(-4deg)}.beam{height:43px;border:2px solid #aca7ae;background:repeating-linear-gradient(0deg,#fff0 0 2px,#fff1 3px 4px),linear-gradient(#69666e 0%,#d4d3d6 16%,#c4c0c6 28%,#76717d 65%,#423d49 95%);box-shadow:0 8px 18px #000b,inset 0 1px #fff;display:flex;align-items:center;justify-content:space-between;color:#211927;padding:0 6%;z-index:2}.beam>span{font:10px 'Courier New',monospace;font-weight:bold;letter-spacing:.13em}.beam i{display:block;width:30px;height:68px;border:3px solid #9d98a2;background:linear-gradient(90deg,#4f4a55,#c5c0c9,#514958);box-shadow:0 0 0 6px #3d3544}.top-beam{position:absolute;top:40px;left:0;right:0}.top-beam .metal-label{background:linear-gradient(#e1dce0,#96909c);padding:11px 28px;border:2px solid #615a69;box-shadow:2px 3px 4px #0007;font:24px Impact,sans-serif;letter-spacing:.2em}.bottom-beam{position:absolute;bottom:35px;left:0;right:0}.column{position:absolute;top:0;bottom:0;width:5.5%;background:linear-gradient(90deg,#35303b,#8c8791 28%,#aaa3ae 34%,#827b88 87%,#3b3245);border:1px solid #d0c8d4;z-index:1;display:grid;align-items:center;justify-content:center;color:#16111a}.column b{font:11px/1.7 'Courier New',monospace;font-weight:bold}.left-column{left:3%}.right-column{right:3%}.hero-content{position:relative;z-index:2;text-align:center;padding:142px 10% 90px}.woven-word{display:flex;justify-content:center;margin:0 0 20px;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(80px,16.8vw,220px);font-weight:900;letter-spacing:-.04em;line-height:1.05;filter:drop-shadow(6px 9px 0 #0007)}.woven-word span{--yarn:#f5f0e8;color:transparent;background:radial-gradient(ellipse at 35% 30%,#fff7 0 12%,transparent 44%) 0 0/5px 7px,repeating-linear-gradient(174deg,var(--yarn) 0 3px,#0008 4px,var(--yarn) 5px);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.5px var(--yarn)}.woven-word span:nth-child(2){--yarn:var(--orange)}.woven-word span:nth-child(3){--yarn:var(--cyan)}.woven-word span:nth-child(6){--yarn:var(--purple)}.woven-word span:nth-child(7){--yarn:var(--lime)}h1{font-size:clamp(22px,3.2vw,43px);line-height:1.15;text-shadow:2px 3px #120c19}.hero-detail{margin:12px 0 23px;color:#d4cbd7}.primary{background:var(--orange);border:1px solid #ff9a79;box-shadow:inset 0 2px #ffffff40,0 3px 0 #9c2819;padding:17px 25px;color:#fff;font-weight:bold;font-size:12px}.primary:hover{background:#ff6748}.primary span{padding-left:28px;font-size:17px}.hero-bottom{display:block;margin-top:20px;font:9px monospace;letter-spacing:.13em;color:#b1a5b8}.mobile-only{display:none}.drawer{display:flex;align-items:center;gap:26px;padding:35px 6%;background:linear-gradient(#25202b,#18131f)}.drawer>div:first-child{min-width:165px}.spools{flex:1;display:flex;gap:9px;padding:12px;background:linear-gradient(135deg,#a9a4ad,#4a434f);border:2px solid #c2bbc7;border-radius:8px;box-shadow:0 6px 10px #0008,inset 0 2px #fff6}.spool{--yarn:#ff4b2b;flex:1;min-width:0;height:110px;padding:0;position:relative;overflow:hidden;border:3px solid #4d4555;border-radius:5px;background:#0a070f;box-shadow:inset 0 0 8px #000}.spool:before{content:'';position:absolute;inset:7px 8px 24px;border-radius:30%;background:repeating-linear-gradient(95deg,#fff2 0 1px,#0005 2px 3px,var(--yarn) 4px 6px);box-shadow:inset 10px 0 8px #0008,inset -10px 0 7px #0008,0 0 0 3px #79717d}.spool:after{content:attr(data-name);position:absolute;bottom:4px;left:0;right:0;font:8px monospace;letter-spacing:0;color:#eee}.spool:hover:before{transform:translateY(-3px)}.vertical-note{font:9px/1.6 'Courier New',monospace;letter-spacing:.05em;color:#b9acbf;max-width:110px}.lesson{display:flex;align-items:center;padding:38px 6%;gap:35px;min-height:300px}.lesson-copy{width:220px;flex-shrink:0}.cross-demo{width:45%;height:215px;background:#110d16;position:relative;border:8px ridge #918996;overflow:hidden;min-width:150px}.demo-warp,.demo-weft{position:absolute;display:block;box-shadow:3px 7px 8px #000c}.demo-warp{inset:-15px 40%;background:repeating-linear-gradient(90deg,#29c8e8,#1189a6 2px,#5adcf0 4px,#29c8e8 6px);z-index:2;transition:transform .22s}.demo-weft{inset:35% -10px;background:repeating-linear-gradient(0deg,#ff4b2b,#d7351b 2px,#ff8a55 4px,#ff4b2b 6px);transform:rotate(-8deg)}.cross-demo[aria-pressed=true] .demo-warp{z-index:0;transform:scale(.94)}.cross-caption{position:absolute;bottom:8px;right:8px;padding:6px;background:#170f1d;color:white;font:8px monospace;z-index:4}.hardware-note{margin:auto}.hardware-note>span{padding:18px 24px;background:linear-gradient(#99949c,#554d5d);border:2px outset #b9b1c0;display:block;text-align:center;margin-bottom:18px}.hardware-note p{font:10px/1.6 monospace}.pull-preview{position:relative;flex:1;min-width:0}.pull-preview svg{width:100%;display:block;overflow:visible}.tension-knob{position:absolute;left:-20px;top:calc(50% - 25px);width:50px;height:50px;border:4px ridge #beafa9;background:var(--orange);border-radius:50%;color:#170f1d;font-size:25px;padding:0;touch-action:none;box-shadow:2px 4px 6px #0008}.record-home{display:flex;align-items:center;gap:25px;padding:28px 6%}.record-home>div:first-child{width:220px;flex-shrink:0}.record-button{color:var(--orange);border-radius:50%;width:54px;height:54px;padding:0;font-size:28px;flex-shrink:0;background:linear-gradient(130deg,#45404a,#17121d);border:2px solid #847a8d;box-shadow:0 3px 6px #0008}.home-timeline{flex:1;min-width:0}#filmstrip{display:flex;gap:4px;height:60px;padding:5px;border:1px solid #776c80}#filmstrip svg{width:12.5%;height:100%;background:#241829}.ruler{display:flex;justify-content:space-between;font:9px monospace;margin-top:9px;color:#b3a7bb}.living{padding:30px 6% 15px}.section-top,.section-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-top{margin-bottom:22px}.section-bottom{font:9px monospace;color:#b4a7bb}.living>svg{width:100%;display:block}.name-home{padding:34px 6%;display:flex;gap:30px;align-items:center}.name-home>div{width:220px;flex-shrink:0}.name-home input{flex:1;min-width:100px;padding:20px;font-size:15px}.explore{padding:35px 6% 45px}.gallery-tabs{display:flex;gap:5px}.gallery-tabs button{font-size:9px}.explore>p{margin-top:-9px;margin-bottom:16px;font-size:11px}.loop-strip{display:flex;overflow:auto;gap:16px;padding:5px 2px 15px;scroll-snap-type:x proximity}.loop-item{flex:0 0 170px;scroll-snap-align:start}.loop-item button{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.loop-item svg{display:block;width:100%;height:130px;background:#24192c;border:1px solid #73677d}.loop-item strong{display:block;font:11px monospace;letter-spacing:.02em;margin:11px 0 5px}.loop-item small{font:9px monospace;color:#b3a3bd}.loop-item button:hover svg{border-color:var(--lime)}footer>.beam{margin-top:15px}#loose-ends{position:absolute;width:100%;top:20px;height:300px;opacity:.65;pointer-events:none;z-index:-1}.footer-content{position:relative;display:flex;gap:45px;justify-content:space-between;padding:120px 6% 65px}.footer-content>div{max-width:360px}.footer-content h2{margin-bottom:16px}.footer-content p{font:10px/1.8 monospace;margin:16px 0}.footer-content>a{font:10px monospace}.footer-content button{background:#170f1dbb;font-size:9px}.editor-top{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid #63556d}.title-label{flex:1;min-width:80px}.title-label input{width:100%;border:0;font-weight:bold;background:transparent}#save-status{font:9px monospace;color:#aaa0b3}.editor-workspace{display:flex;gap:15px;min-height:0;flex:1;padding:0 20px}.editing .header{height:56px}.editing #editor{height:calc(100dvh - 56px);display:flex;flex-direction:column}.editing .header-note{display:none}.tool-rail{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:9px;overflow:auto;padding:8px 2px 15px}.tool-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px}.tool-modes button{font-size:22px;padding:6px}.tool-modes span{display:block;font-size:9px;margin-top:5px}.editor-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.editor-colors button{height:47px;padding:3px;background:var(--yarn);border:3px solid transparent;color:#fff;text-shadow:0 1px 2px #000;font-size:8px;letter-spacing:-.02em}.editor-colors button[aria-pressed=true]{border-color:white;outline:1px solid #777}.tool-rail label{font:9px monospace;display:flex;flex-direction:column;gap:5px;color:#b3a6bd}.tool-rail select{font-size:10px;width:100%}.split{display:flex;gap:4px}.split button{padding:8px 4px;flex:1;font-size:9px}.tool-rail>button{font-size:9px}.loom-stage{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;border:9px ridge #8e8797;border-radius:4px;background:#100b16;box-shadow:inset 0 0 20px #000}.stage-beam,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font:9px monospace;gap:10px;padding:8px 12px;background:#251d2e;flex-shrink:0}.stage-bottom{min-height:38px}.stage-bottom label{display:flex;align-items:center;gap:8px}.stage-bottom input{width:80px}#loom-canvas{width:100%;height:100%;min-height:0;flex:1;touch-action:none;display:block}.tutorial{padding:10px 22px;font:10px monospace;display:flex;justify-content:space-between;align-items:center;color:var(--lime)}.tutorial button{padding:0 8px;border:0;background:none;font-size:9px;min-height:30px}.transport{display:flex;align-items:center;gap:10px;padding:10px 20px;min-height:78px}.timeline-control{flex:1;min-width:85px;display:flex;flex-direction:column}.timeline-control label{font:9px monospace;text-align:center}.transport .check{display:flex;align-items:center;gap:6px;font:9px monospace;white-space:nowrap}.transport>button:not(.record-button){font-size:10px;padding:8px}.transport .record-button{width:46px;height:46px}.transport .recording{background:#a82417;box-shadow:0 0 0 3px #ff4b2b44}#announcement{font:10px monospace;padding:0 20px 8px;color:#c4b6ce;min-height:20px}dialog{width:min(560px,calc(100% - 30px));max-height:85dvh;border:2px solid #908699;border-radius:6px;background:#1c1524;color:var(--cream);padding:28px;box-shadow:0 20px 100px #000}dialog::backdrop{background:#08050dd9}.dialog-close{position:absolute;right:10px;top:10px;font-size:22px;padding:0;width:44px;border:0}.dialog-content, #dialog-content{display:flex;flex-direction:column;gap:15px;padding-top:15px}#dialog-content h2{padding-right:35px}#dialog-content p{font-size:12px}#dialog-content label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:11px monospace}#dialog-content label input:not([type=checkbox]),#dialog-content select{max-width:60%}#dialog-content input.share-url{width:100%;font:11px monospace}#dialog-content .row{display:flex;gap:8px;flex-wrap:wrap}#dialog-content .row>*{flex:1}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:40;padding:15px 22px;background:var(--cream);color:var(--ink);border:1px solid #a395ac;max-width:calc(100vw - 30px);box-shadow:0 4px 30px #0008;font-size:12px}#renderer-error{position:absolute;inset:40px 20px;background:#170f1dee;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:15px;text-align:center}.keyboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.danger{border-color:#d76c60}.prototype .woven-word span{--yarn:#999!important}.prototype .loom-stage{filter:grayscale(1)}
@media(min-width:1450px){.hero{height:750px}.hero-content{padding-top:150px}.woven-word{font-size:235px}}
@media(max-width:1000px){.header{gap:20px;padding:0 20px}.header nav{gap:15px}.header-note{display:none}.header #sound{margin-left:auto}.hero{height:610px}.hero-content{padding-top:150px}.column b{font-size:8px}.drawer{padding:26px 4%;gap:15px}.drawer>div:first-child{min-width:130px}.spool{height:90px}.vertical-note{display:none}.lesson,.record-home,.name-home{padding-left:4%;padding-right:4%;gap:20px}.lesson-copy,.record-home>div:first-child,.name-home>div{width:180px}.hardware-note{display:none}.cross-demo{flex:1}.footer-content{gap:20px}.transport{gap:6px}.transport>button{font-size:9px}.transport #clear-motion{display:none}}
@media(max-width:650px){.header{height:56px;padding:0 14px;gap:13px}.brand{font-size:15px;letter-spacing:.12em}.header nav{gap:12px;font-size:9px}.header nav button{font-size:9px}.header nav a:last-child{display:none}.header #sound{font-size:0}.header #sound span{font-size:9px;margin:0}.hero{height:550px;min-height:0}.hero-content{padding:140px 10% 90px}.hero .eyebrow{font-size:8px}.woven-word{font-size:19vw;letter-spacing:-.055em;margin:15px -4vw 25px}.hero h1{font-size:24px}.hero-detail{font-size:11px;max-width:240px;margin:14px auto 20px}.hero-bottom{font-size:7px}.mobile-only{display:block}.column{width:6%;}.column b{font-size:6px;line-height:1.8}.top-beam{top:35px}.top-beam .metal-label{font-size:15px;padding:12px 18px}.beam{height:32px}.beam i{height:50px;width:18px;box-shadow:0 0 0 4px #3d3544}.beam>span{font-size:7px}.bottom-beam{bottom:35px}.drawer{flex-wrap:wrap;padding:26px 18px}.drawer>div:first-child{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.drawer .index{grid-column:1/-1}.drawer h2{font-size:23px}.drawer p:not(.index){font-size:10px}.spools{flex-basis:100%;gap:5px;padding:8px}.spool{height:90px}.spool:before{inset:7px 5px 23px}.spool:after{font-size:6px;letter-spacing:-.04em}.lesson{padding:26px 18px;min-height:245px;gap:15px}.lesson-copy{width:120px}.lesson h2{font-size:19px}.lesson p{font-size:10px}.lesson p.index{font-size:7px}.cross-demo{height:180px;min-width:0;border-width:5px}.cross-caption{font-size:6px;right:2px;padding:4px}.pull-lesson{flex-wrap:wrap}.pull-lesson .lesson-copy{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.pull-lesson .index{display:none}.pull-lesson .lesson-copy h2{margin:0}.pull-preview{flex-basis:100%;padding-left:18px}.tension-knob{left:-5px}.record-home{padding:24px 18px;gap:12px;flex-wrap:wrap}.record-home>div:first-child{width:auto;flex:1}.record-home p:not(.index){display:none}.record-home .home-timeline{flex-basis:100%}#filmstrip{height:48px}.living{padding:24px 18px 12px}.living h2{font-size:19px}.living .section-top{gap:8px}.living .section-top button{font-size:8px;max-width:120px;padding:8px}.living .index{font-size:7px}.section-bottom{font-size:7px}.name-home{padding:24px 18px;flex-wrap:wrap;gap:15px}.name-home>div{width:100%}.name-home p:not(.index){display:none}.name-home input{width:100%;flex-basis:100%;padding:16px}.name-home .primary{width:100%}.explore{padding:26px 18px}.explore .section-top{flex-wrap:wrap;gap:15px}.gallery-tabs{width:100%}.gallery-tabs button{flex:1;padding:10px 6px}.loop-item{flex-basis:150px}.footer-content{padding:100px 20px 40px;flex-wrap:wrap}.footer-content>div:first-child{width:100%}.footer-content h2{font-size:24px}.footer-content>div:nth-child(2){max-width:260px}.footer-content>a{display:block;width:100%}.editor-top{padding:5px 10px;gap:4px;flex-wrap:wrap}.editor-top>button{padding:8px;font-size:9px}.editor-top .title-label{flex-basis:calc(100% - 90px)}#save-status{margin-right:auto;font-size:8px}.editor-workspace{padding:0 10px;flex-direction:column-reverse;gap:6px;min-height:0}.tool-rail{width:100%;flex-direction:row;flex-wrap:wrap;gap:5px;overflow:visible;padding:0;flex-shrink:0}.tool-modes{display:flex;flex:1}.tool-modes button{flex:1;font-size:16px;min-height:45px}.tool-modes span{font-size:7px;margin-top:2px}.editor-colors{display:flex;flex:1}.editor-colors button{flex:1;min-width:28px;font-size:0;height:45px}.tool-rail>label{flex:1;gap:2px;font-size:7px}.tool-rail select{min-height:36px;padding:5px;font-size:9px}.tool-rail>.split{flex:1;align-items:flex-end}.tool-rail>.split button{min-height:36px;font-size:7px}.tool-rail>button{display:none}.loom-stage{border-width:6px;flex:1;min-height:140px}.stage-beam{font-size:7px;padding:6px}.stage-bottom{font-size:6px;min-height:28px;padding:0 6px}.stage-bottom label{font-size:0}.stage-bottom input{width:55px}.tutorial{padding:4px 12px;font-size:9px;min-height:30px}.tutorial button{font-size:7px}.transport{padding:7px 10px;gap:5px;min-height:63px;flex-wrap:wrap}.transport .record-button{width:42px;height:42px}.transport>button:not(.record-button){padding:6px;font-size:8px;min-height:38px}.transport .check{font-size:0}.transport .check input{width:16px;height:16px}.transport #remix-current{display:none}.transport .timeline-control{min-width:65px}.timeline-control label{font-size:8px}#announcement{padding:0 10px 5px;font-size:8px;min-height:15px}.editing .header nav{display:none}.editing .header #sound{font-size:9px}.editing .header #sound span{padding-left:6px}dialog{padding:24px 18px}}
.editor-top>button,.tool-rail>button,.split button{font-size:11px}.tool-rail label,.stage-beam,.stage-bottom,.tutorial,.transport .check{font-size:11px}.tool-modes span{font-size:11px}.timeline-control label,#save-status{font-size:11px}.header nav,.header nav button{font-size:12px}.loop-item canvas{display:block;width:100%;height:130px;border:1px solid #73677d}
@media(max-width:650px){.header nav,.header nav button{font-size:10px}.editor-top>button{font-size:11px}.tool-rail>label{font-size:9px}.tool-rail select,.tool-rail>.split button{font-size:10px;min-height:44px}.tool-modes span{font-size:10px}.tutorial{font-size:10px}.tutorial button{font-size:9px}.transport>button:not(.record-button){font-size:10px;min-height:44px}.stage-beam{font-size:9px}.stage-bottom{font-size:8px}.stage-bottom label{font-size:0}.transport .check{font-size:0}.timeline-control label{font-size:10px}#save-status{font-size:9px}#announcement{font-size:9px}.hero-bottom{margin-top:12px}.hero-content{padding-bottom:65px}}
@media(max-width:650px){.editor-colors{flex:0 0 100%}.tool-rail>label{flex:1 1 84px}.tool-rail>.split{flex:1 1 120px}.tool-rail select{width:100%;font-size:10px}.tool-rail .split button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}