:root{--padding:20px;--doublePadding:calc(var(--padding) * 2);--canvasShadow:0 0 30px rgb(0 0 0 / 10%)}*{box-sizing:border-box}body,html{margin:0;padding:0}body,html{width:100%;height:100%;margin:0}body{overflow:hidden}.hidden{display:none!important}body.about{overflow:auto;padding:20px;min-height:100vh;display:flex;gap:20px;padding-top:100px;align-items:center;flex-direction:column;font-family:"Cutive Mono",monospace}.about h1{margin-top:20px}.more{font-size:16px}.tip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-family:monospace;color:#000;font-style:italic;font-size:19px;opacity:.4;max-width:250px;line-height:23px;pointer-events:none}.about-image{width:100%}.ui{position:absolute;display:flex;flex-direction:column;gap:5px;top:8px;z-index:2}.top-left{left:8px}.top-right{right:8px}.icon{width:42px;height:42px;padding:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;border-radius:50%;box-shadow:var(--canvasShadow);cursor:pointer}.icon img{width:100%;height:100%}.icon .smaller{width:75%;height:75%}.primary{box-shadow:var(--canvasShadow);cursor:crosshair;-webkit-user-select:none;width:100%;height:100%;object-fit:contain;max-height:inherit}.primary path{transition:opacity 250ms;opacity:1}.tools{position:fixed;width:300px;top:calc(100% - 0px);height:200px;left:calc(50% + 110px);margin-left:-150px}.tool{position:absolute;filter:drop-shadow(0 0 7px rgba(0, 0, 0, .2));border-radius:5px 5px 0 0;width:100%;height:100%;background:#fff;transition:transform .2s ease-out;transform:translateY(0);z-index:2;cursor:pointer}.text .tool-button-icon-inner{font-family:"Cutive Mono",monospace;background:#fff;text-align:center;vertical-align:top;line-height:16px;text-transform:uppercase}.tool.color.open{transform:translateY(0)}.tool.open{transform:translateY(-100%);z-index:1}.tool-button{background:0 0;position:absolute;top:0;left:50%;transform:translateY(-100%) translateX(-50%);width:56px;height:28px;display:flex;justify-content:center;border-radius:100%}.tool-button:after,.tool-button:before{content:"";position:absolute;height:10px;width:20px;bottom:0}.tool-1{margin-left:-25px}.tool-2{margin-left:25px}.tool-button:after{right:-12px;border-radius:0 0 0 19px;box-shadow:-10px 0 0 0 #fff}.tool-button:before{left:-12px;border-radius:0 0 19px 0;box-shadow:12px 0 0 0 #fff}.tool-button-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;justify-content:center}.controls{z-index:3;padding:10px;position:relative;height:100%}.controls input,.controls textarea{width:100%;height:100%}.controls textarea{border:3px solid #eee;padding:10px}input{border:0;outline:0}input:focus{outline:0!important}.tool-button-icon-inner{margin-top:4px;width:22px;height:22px;border:2px solid #eee;background:#fff;border-radius:100%;z-index:2;overflow:hidden}.tool-button-icon-inner input{opacity:0}.paint-app{display:flex;flex-direction:row-reverse}.mon{min-width:220px;padding:20px 0 20px 20px;display:flex;font-family:"Cutive Mono",monospace}.mon-inner{display:flex;flex-direction:column;justify-content:space-between;background:#fff;box-shadow:var(--canvasShadow);box-sizing:border-box;height:calc(100vh - 40px);width:100%;padding:10px 20px;overflow:scroll}.painting{overflow:hidden;position:relative;width:100%}.sidebar-head{font-size:20px;padding-bottom:10px}.sidebar-head img{width:26px}.sidebar-head a{text-decoration:none;color:#000;display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center}.sidebar-footer{display:flex;font-size:16px;text-align:center;justify-content:center;padding-top:10px}.canvas-wrapper{width:100%;height:100%;padding:20px;position:relative;overflow:hidden}.sidebar-footer a{text-decoration:none;color:#000}.paint-app .top-left{display:none}.mobile-mon{display:none}@media screen and (max-width:670px){.paint-app{flex-direction:column-reverse}.mobile-mon{display:flex;justify-content:center;align-items:center;min-height:120px}.painting{height:calc(100% - 120px)}.mon{display:none}.tools{left:50%}.paint-app .top-left{display:block}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{display:flex;justify-content:space-between;font-family:"Cutive Mono",monospace}.stuck{min-width:240px;position:sticky;top:0;max-height:100vh;display:flex;justify-content:center;align-items:center}.outer-content{min-height:100vh;display:flex;gap:20px;padding-top:100px;align-items:center;flex-direction:column;font-family:"Cutive Mono",monospace}h1{margin:0}h3{font-weight:700}.content,.intro,.outro{font-size:18px}.home{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20x%3D%220%22%20y%3D%220%22%20width%3D%22160%22%20height%3D%2215%22%20viewBox%3D%220%200%20160%2015%22%20preserveAspectRatio%3D%22xMinYMin%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-opacity%3D%220.3%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M0%200.5c26.7%200%2053.3%2014%2080%2014%2026.7%200%2053.3-14%2080-14M0-4.5c26.7%200%2053.3%2014%2080%2014%2026.7%200%2053.3-14%2080-14M0-9.5c26.7%200%2053.3%2014%2080%2014%2026.7%200%2053.3-14%2080-14M0%205.5c26.7%200%2053.3%2014%2080%2014%2026.7%200%2053.3-14%2080-14M0%2010.5c26.7%200%2053.3%2014%2080%2014%2026.7%200%2053.3-14%2080-14%22%2F%3E%3C%2Fsvg%3E),linear-gradient(to bottom,#fefefe 0,#eee 100%) fixed;gap:25px}.type{transform:perspective(1000px) rotateY(6deg);padding:25px;gap:25px;border:2px solid #eee}.type-wrap:nth-child(even) .type{transform:perspective(1000px) rotateY(-6deg);flex-direction:row-reverse}.logo{width:120px;height:120px;padding:30px;border-radius:50%;box-shadow:0 0 30px rgb(0 0 0 / 10%);background-color:#fff}.logo img{width:100%;height:100%}.content-header{font-weight:700;font-size:20px;padding-bottom:8px}.intro,.outro{max-width:500px;font-size:18px;text-align:center}.intro{padding:25px}.intro h1{margin-bottom:10px}.outro{padding-bottom:50px}.outro a{color:#000;font-weight:700}.type{width:650px;flex-direction:row;display:flex;min-height:160px;margin-bottom:35px;line-height:18px;background:#fff;box-shadow:0 0 30px rgb(0 0 0 / 10%)}.type-wrap{text-decoration:none;color:#000}.left img{width:100%;height:auto;border:2px solid #ddd}.type .left,.type .right{width:50%;display:flex;flex-direction:column;justify-content:center}.legal-header{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#333}.legal article{max-width:800px;padding:40px}article{max-width:600px;margin:auto;padding-bottom:5px;padding-top:50px}.mob-ad{display:none}@media screen and (max-width:1250px){.type{flex-direction:column;width:100%}.type-wrap:nth-child(even) .type{flex-direction:column;width:100%}.type .left,.type .right{width:100%}.type-wrap{padding:0 20px;width:100%;display:block}}@media screen and (max-width:700px){.type{flex-direction:column;width:100%}.type-wrap:nth-child(even) .type{flex-direction:column;width:100%}.type .left,.type .right{width:100%}.type-wrap{padding:0 20px;width:100%;display:block}.stuck{display:none}.mob-ad{display:flex;justify-content:center;align-items:center;min-height:100px;margin-bottom:10px}.type-wrap+.mob-ad{min-height:130px;margin-top:-30px;margin-bottom:5px}}