:root{font-family:system-ui,"Segoe UI","Microsoft YaHei",sans-serif;color:#17201a;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#eff2e9}button,input,select,textarea{font:inherit}button,a,label.import{cursor:pointer}button{border:1px solid #dfe5d9;background:white;border-radius:12px;padding:9px 14px;color:inherit}button:hover{background:#f0f6e3;border-color:#7b9548}button:focus-visible,a:focus-visible{outline:3px solid #7b9548;outline-offset:2px}button:disabled{opacity:.35;cursor:default}.primary{background:#d9fa70;color:#17201a;border-color:#d9fa70}.primary:hover{background:#cbed5e;color:#17201a}.top{height:72px;background:white;border-bottom:1px solid #dfe5d9;display:flex;align-items:center;gap:18px;padding:0 26px}.brand{font-size:21px;font-weight:700;text-decoration:none;color:#17201a;white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:10px}.brand>img{width:36px;height:36px}.brand small{font-size:10px;letter-spacing:2px;font-weight:500}.document{border-left:1px solid #dfe5d9;padding-left:20px;color:#68736b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import{margin-left:auto;white-space:nowrap;font-weight:500}.import input{display:none}.workspace{display:flex;height:calc(100dvh - 112px)}.tools{width:132px;flex-shrink:0;background:white;border-right:1px solid #dfe5d9;padding:22px 12px;overflow:auto;display:flex;flex-direction:column}.toolgroup{display:flex;flex-direction:column;gap:5px}.toolgroup small{font-size:10px;letter-spacing:1px;color:#68736b;margin:0 10px 12px}.toolgroup button{text-align:left;border-color:transparent;font-size:20px;display:flex;align-items:center;gap:12px;padding:7px 12px}.toolgroup button span{font-size:12px}.toolgroup button.active{background:#d9fa70;color:#17201a;border-color:#b8d854;font-weight:650}.properties{border-top:1px solid #dfe5d9;margin-top:20px;padding-top:17px}.properties label{font-size:11px;display:block;color:#68736b;margin:0 6px 14px}.properties input{display:block;width:100%;margin-top:8px}.properties input[type=color]{height:28px;border:0;background:none;padding:0}.properties select{display:block;width:100%;padding:4px;margin-top:7px;border:1px solid #dfe5d9;border-radius:4px}.history{display:flex;flex-direction:column;gap:7px}.history button{font-size:12px;border:0}.privacy{font-size:10px;line-height:1.9;color:#68736b;margin:20px 8px 0}.stage{flex:1;min-width:0;overflow:auto;padding:25px 40px 70px;background-image:radial-gradient(#d5ddcd .7px,transparent .7px);background-size:12px 12px}.hint{text-align:center;color:#68736b;font-size:11px;letter-spacing:.2px;margin:0 0 24px}.paper{width:fit-content;margin:0 auto;box-shadow:0 6px 36px #17201a18;background:white}canvas{display:block;touch-action:none;cursor:crosshair}.statusbar{height:40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe5d9;background:white;font-size:11px;padding:0 22px;gap:12px}.statusbar span:last-child{display:flex;align-items:center;gap:14px}.statusbar button{border:0;padding:4px 8px;font-size:12px}.statusbar b{font-weight:500;width:40px;text-align:center}dialog{border:1px solid #dfe5d9;border-radius:16px;padding:30px;max-width:calc(100vw - 30px);width:420px;box-shadow:0 20px 100px #17201a33}dialog::backdrop{background:#17201a66;backdrop-filter:blur(4px)}dialog h2{margin:0 0 14px;font-size:24px}dialog p{color:#68736b;font-size:12px;line-height:1.7}dialog label{display:block;font-size:12px;margin-top:22px}dialog input,dialog textarea,dialog select{display:block;width:100%;padding:11px;border:1px solid #dfe5d9;border-radius:12px;margin-top:8px}dialog textarea{resize:vertical}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.note{background:#f3f6ed;padding:10px;border-radius:12px}@media(max-width:640px){.top{padding:0 12px;gap:12px;height:62px}.brand{font-size:15px}.brand small,.document{display:none}.top button{padding:8px}.import{font-size:12px}.tools{width:73px;padding:15px 7px}.toolgroup small{display:none}.toolgroup button{flex-direction:column;gap:1px;font-size:19px;padding:6px}.toolgroup button span{font-size:10px}.properties{margin-top:10px;padding-top:10px}.properties label{margin:0 3px 9px}.history button{font-size:10px;padding:6px 0}.privacy{display:none}.workspace{height:calc(100dvh - 102px)}.stage{padding:18px 15px 45px}.hint{line-height:1.7;font-size:10px}.statusbar{padding:0 10px}.statusbar span:last-child{gap:4px}.statusbar #status{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

input:focus-visible,select:focus-visible,textarea:focus-visible,label.import:focus-within{outline:3px solid #7b9548;outline-offset:3px}input[type=range]{accent-color:#647e32}@media(max-width:640px){.brand>img{width:30px;height:30px}.brand{gap:6px;letter-spacing:-.4px}}