*{box-sizing:border-box;font-family:SF Pro SC,HanHei SC,SF Pro Text,Myriad Set Pro,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;font-size:16px}body{display:flex;flex-direction:column;color:#1d1d1f}.h{background:#f0f0f0;width:100%;height:44px;user-select:none}.h div,.j div{margin:0 auto;width:88%;font-size:13px}.h div{height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:600;letter-spacing:-.4px}.j{line-height:52px;background:#333;position:sticky;top:0;width:100%;height:52px;z-index:20}.j div{color:#fff}.j span{color:#eee;padding:0 4px}.j b{color:rgba(255,255,255,.6)}.m{flex:1}.a{padding:30px 20px;overflow:auto;width:96%;max-width:980px;margin:auto}.c{float:left;width:600px;max-width:100%}.eyebrow{color:#555;font-size:14px}.c>h1{font-size:38px;margin:5px 0 8px;letter-spacing:-1.2px}.c>h1 span{font-weight:600}.c>p{line-height:1.6;color:#555}.c .create{font-size:30px;margin-bottom:20px}hr{opacity:.3;margin:47px 0 44px}.r{display:flex;align-items:center;margin:10px 0;width:100%;justify-content:flex-start;flex-wrap:wrap}.rr{align-items:flex-start}code{font-family:SF Mono,Menlo,monospace;margin-right:30px;color:#414141;text-align:right;width:136px;font-size:14px;font-weight:600;line-height:1.6}code span+span{display:block;font-weight:400;color:#999}[type=text],textarea{width:100%;font-family:inherit;font-weight:300;border-radius:3px;letter-spacing:normal;color:#333;border:1px solid #bbb;-webkit-appearance:none;font-size:22px;flex:1;max-width:600px;min-height:45px;padding:10px 26px}textarea{min-height:88px;display:block;word-break:break-all;white-space:normal;resize:none}input:focus,textarea:focus{outline-color:#3a3a3a}*::placeholder{color:#999}#i{border:1px dashed #bbb;height:80px;width:80px;border-radius:1px;position:relative;cursor:pointer}#i input{position:absolute;inset:0;width:100%;z-index:4;opacity:0;cursor:pointer}#i:after,#i:before{content:'';position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);background:#bbb;height:3px;width:28px;border-radius:1px;opacity:.6}#i:before{width:3px;height:28px}#preview{position:relative;pointer-events:none;z-index:10;left:-2px;top:-2px;border:none;width:80px;height:80px;object-fit:cover;display:block;background:#fff}#links{flex:1;max-width:600px}#links a{display:block;text-decoration:none;word-break:break-all;color:#2196f3;margin:4px 0}#submit{display:flex;align-items:center;justify-content:center;margin:37px 165px 24px;width:146px;height:50px;border-radius:2px;color:#030303;border:1px solid #797979;background:none;cursor:pointer}#submit:hover{background:#000;color:#fff;opacity:.8}#submit:disabled{opacity:.5}#message{margin-left:166px;color:#d92d20;min-height:24px}.rs{float:left;margin:71px 73px}.rs p{color:#555}.f{background:#f2f2f2;font-size:12px;color:#888;padding:26px 0;text-align:center}[hidden]{display:none!important}@media(max-width:640px){.a{padding:24px 18px}.c>h1{font-size:34px}.r>*{flex:none}.r code{text-align:left;display:flex;margin:10px 0;width:100%}.r code span{margin-right:10px}input[type=text],textarea,#links{max-width:none}#submit{margin:20px 0;width:100%}#message{margin-left:0}.rs{display:none}}