:root{font-family:"Arial Narrow",Impact,"PingFang SC",sans-serif;color:#241f1b;background:#ece8df;--red:#ff5c35;--line:#90887c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,#00000008 1px,transparent 1px),#ece8df;background-size:20px 20px}button,input{font:inherit}header{height:92px;border-bottom:3px solid #241f1b;display:flex;align-items:center;padding:0 28px;gap:17px;background:#ece8df}.mark{width:53px;height:53px;background:#241f1b;color:white;display:grid;place-items:center;font-weight:900;font-size:1.25rem;transform:rotate(-3deg)}header h1{font-size:1.65rem;text-transform:uppercase;letter-spacing:-.04em;margin:0}header p{font-family:"PingFang SC",sans-serif;font-size:.7rem;margin:3px 0}.offline{margin-left:auto;text-align:right;font:700 .65rem/1.4 ui-monospace,monospace}main{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:calc(100vh - 138px)}aside{border-right:3px solid;padding:24px;background:#f4f0e7}.step{display:flex;justify-content:space-between;border-bottom:2px solid;padding-bottom:12px;font-weight:900;font-size:.72rem;letter-spacing:.1em}.step span{background:var(--red);padding:2px 5px}aside>label{display:block;margin-top:25px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}aside input[type=text],aside input:not([type]){width:100%;border:0;border-bottom:2px solid;background:transparent;padding:11px 2px 8px;font-family:"PingFang SC",sans-serif;font-size:1rem;outline:none}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}.colors{display:flex;align-items:center;gap:7px}.colors button{width:27px;height:27px;border:2px solid transparent;border-radius:50%;background:var(--c);cursor:pointer}.colors button.active{border-color:#241f1b;box-shadow:inset 0 0 0 3px #f4f0e7}.colors input{width:30px;height:30px;border:0;padding:0;background:transparent}.selected{border:2px solid;padding:15px;margin-top:24px;background:white}.selected b{font-family:"PingFang SC",sans-serif}.selected p{font:400 .72rem/1.5 "PingFang SC",sans-serif;color:#736b62}.selected button,.clear{border:0;border-bottom:1px solid;background:transparent;padding:4px 0;color:#ad3920;font-size:.7rem;font-weight:800;cursor:pointer}.selected button:disabled{opacity:.35}.instruction{display:flex;gap:12px;margin-top:28px}.instruction>span{width:38px;height:38px;flex:none;border:2px solid;border-radius:50%;display:grid;place-items:center;font-weight:900}.instruction p{font:400 .72rem/1.5 "PingFang SC",sans-serif;margin:0}.persist{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.persist input{display:none}.persist i{width:31px;height:18px;border:2px solid;border-radius:20px;position:relative}.persist i:after{content:"";width:8px;height:8px;background:#241f1b;border-radius:50%;position:absolute;left:3px;top:3px;transition:.2s}.persist input:checked+i{background:#f6c445}.persist input:checked+i:after{left:16px}.persist span b,.persist span small{display:block}.persist span small{font:400 .62rem "PingFang SC",sans-serif;color:#746c64;margin-top:4px}.clear{margin-top:24px}.studio{min-width:0;padding:24px}.studio-bar{height:60px;display:flex;align-items:center;gap:20px}.studio-bar>div:first-child{display:flex;flex-direction:column}.studio-bar b{font-size:.8rem}.studio-bar span{font:400 .7rem "PingFang SC",sans-serif;color:#6c655d}.zoom{margin-left:auto;display:flex;align-items:center;border:2px solid}.zoom button{border:0;background:transparent;width:32px;height:30px;cursor:pointer}.zoom span{width:50px;text-align:center;font-weight:800;color:#241f1b}.export{height:34px;border:2px solid;background:var(--red);font-size:.72rem;font-weight:900;padding:0 14px;cursor:pointer}.message{background:#241f1b;color:#fff;padding:8px 12px;font:400 .7rem "PingFang SC",sans-serif}.message.error{background:#ae351f}.canvas-shell{border:2px solid;border-top:0;background:#f9f6ef;overflow:auto;max-height:760px}.days{height:52px;display:grid;grid-template-columns:58px repeat(7,minmax(112px,1fr));position:sticky;top:0;z-index:8;background:#f9f6ef;border-bottom:2px solid}.days>*{border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px;font-size:.78rem}.days small{font:.55rem ui-monospace,monospace;color:#81786e}.canvas-row{display:grid;grid-template-columns:58px minmax(784px,1fr)}.times{position:relative;height:900px;border-right:2px solid}.times span{position:absolute;right:8px;transform:translateY(-50%);font:600 .58rem ui-monospace,monospace;color:#71695f}.week{position:relative;height:900px;touch-action:none;background-image:linear-gradient(to right,transparent calc(14.2857% - 1px),var(--line) calc(14.2857% - 1px),var(--line) 14.2857%),repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.7778% - 1px),#c8c1b8 calc(2.7778% - 1px),#c8c1b8 2.7778%)}.week:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(5.5556% - 2px),#665f57 calc(5.5556% - 2px),#665f57 5.5556%);opacity:.35}.block{position:absolute;padding:8px 9px;border:2px solid #241f1b;box-shadow:3px 3px 0 #241f1b;overflow:hidden;z-index:2;cursor:grab;user-select:none}.block.selected{outline:3px solid white;outline-offset:-6px}.block.dragging{opacity:.78;cursor:grabbing}.block b,.block small{display:block;pointer-events:none}.block b{font:700 .73rem/1.2 "PingFang SC",sans-serif;overflow:hidden;text-overflow:ellipsis}.block small{font:.58rem ui-monospace,monospace;margin-top:4px}.draft{position:absolute;background:#ff5c3566;border:2px dashed #241f1b;z-index:4;pointer-events:none}footer{height:46px;border-top:3px solid;display:flex;align-items:center;justify-content:space-around;font:800 .62rem ui-monospace,monospace;background:#f6c445}@media(max-width:760px){header{height:76px;padding:0 14px}.mark{width:42px;height:42px}.offline{display:none}main{grid-template-columns:1fr}aside{border-right:0;border-bottom:3px solid}.studio{padding:14px}.studio-bar{flex-wrap:wrap;height:auto;padding:8px 0 14px}.zoom{margin-left:0}.export{margin-left:auto}.canvas-shell{max-height:650px}.days{grid-template-columns:48px repeat(7,112px)}.canvas-row{grid-template-columns:48px 784px}.days b{font-size:.65rem}.days small{display:none}footer{gap:8px;padding:0 8px}footer span:nth-child(2){display:none}}