*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203447;background:linear-gradient(125deg,#e9f3fb,#f8fafc 55%,#e3edf3)}button,.button,select,input,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid #d2e0e9;background:#ffffffb8;border-radius:10px;padding:10px 13px;color:#233e52;transition:.15s}button:hover,.button:hover{background:#eef7ff;border-color:#91b5cc}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#163e56;color:white;border-color:#163e56}.primary:hover{background:#245976;color:white}.button{display:block;text-align:center}header{height:87px;display:flex;align-items:center;gap:12px;padding:17px 26px;background:#ffffffb0;border-bottom:1px solid #d6e4ed;backdrop-filter:blur(18px)}.brand{display:flex;gap:13px;align-items:center;margin-right:auto}.brand b{background:#183e56;color:#fff;padding:12px;border-radius:14px;font-size:23px}.brand strong{font-size:21px}.brand small{display:block;color:#6b8091;margin-top:4px}.private{color:#477764;font-size:12px;margin-right:10px}main{height:calc(100dvh - 87px);display:grid;grid-template-columns:210px minmax(0,1fr) 244px}aside{padding:20px 15px;overflow:auto;background:#ffffff83;border-right:1px solid #d4e1e9}aside button,aside .button{width:100%;margin-bottom:8px}.section{font-size:11px;letter-spacing:1.7px;color:#627e92;font-weight:700;margin:5px 0 15px}.section:not(:first-child){margin-top:24px}.workspace{display:flex;flex-direction:column;min-width:0}.toolbar{padding:14px;display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #d1dfe7;background:#f9fcffa6}.tools,.controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tools button.active{background:#d3e7f4;border-color:#84afcb}.controls{margin-left:auto}.controls label{font-size:11px;color:#678095;display:flex;align-items:center;gap:4px}.controls input{width:49px;border:1px solid #c8dae5;border-radius:6px;height:30px}.pagebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;font-size:12px;color:#5b7489;gap:10px}.pagebar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagebar>div{display:flex;gap:9px;align-items:center}.pagebar button{padding:4px 10px;font-size:19px}#stage{flex:1;overflow:auto;padding:28px;position:relative;text-align:center}#paper{position:relative;margin:0 auto;width:max-content;box-shadow:0 8px 35px #304f6626;background:white;touch-action:none}#canvas{display:block}#overlay{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#empty{max-width:540px;margin:70px auto;text-align:center}#empty h1{font-size:32px;font-weight:600;letter-spacing:-1px}#empty p{line-height:1.8;color:#6e8696}#empty .button{width:180px;margin:25px auto 17px}#empty small{color:#7d91a0}.docicon{font-size:55px;color:#648ea7}footer{padding:12px 17px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#648092;background:#ffffff80}footer button{padding:6px 10px}.inspector{border-right:0;border-left:1px solid #d4e1e9}label{display:block;color:#627c8d;font-size:12px;margin-bottom:12px}textarea,.inspector input,.inspector select{display:block;width:100%;margin-top:6px;border:1px solid #cddde7;background:#ffffffcf;border-radius:9px;padding:9px;color:#273f50}#hint{font-size:12px;line-height:1.7;color:#607d91}#imageName{font-size:11px;overflow-wrap:anywhere}.pair{display:flex;gap:5px}.notice{font-size:11px;color:#728694;line-height:1.7;margin-top:20px;padding-top:17px;border-top:1px solid #d3e1e9}.danger{color:#a95050}#pages{display:flex;flex-direction:column;gap:8px}.pageitem{display:flex;align-items:center;gap:10px;border:1px solid #d4e2eb;border-radius:10px;padding:13px;background:#fff9;cursor:pointer}.pageitem.active{border-color:#548eaf;background:#e6f3fb}.pageitem span{display:block;color:#688295;font-size:11px;margin-top:3px}.pageitem b{background:#eef3f7;padding:10px;border-radius:5px}dialog{border:1px solid #ccdae4;border-radius:18px;padding:30px;max-width:570px;color:#304b5e;line-height:1.7;box-shadow:0 25px 100px #152c4844}dialog::backdrop{background:#18374d70;backdrop-filter:blur(5px)}:focus-visible{outline:3px solid #66a9d3;outline-offset:2px}@media(max-width:1100px){main{grid-template-columns:160px minmax(0,1fr) 210px}.toolbar button{padding:8px}.private{display:none}}@media(max-width:760px){header{height:auto;padding:12px;flex-wrap:wrap}.brand{width:100%}.brand small{font-size:11px}header button{flex:1}main{height:auto;min-height:calc(100dvh - 130px);grid-template-columns:1fr}aside{padding:12px;display:flex;gap:7px;flex-wrap:wrap}aside>.section{width:100%;margin:7px 0}.workspace{min-height:75dvh}aside>button,aside>.button{width:auto;font-size:12px;padding:8px}#pages{flex-direction:row;width:100%;overflow:auto}.pageitem{flex-shrink:0;padding:8px}.inspector{display:block}.inspector button{width:auto}.inspector .section{margin-top:18px}.toolbar{padding:9px}.controls{margin-left:0}.pagebar{padding:9px}#stage{padding:15px}#empty{margin:40px auto}#empty h1{font-size:25px}footer{gap:12px}.notice{margin-bottom:10px}}
.theme-toggle{width:42px;height:42px;padding:0;font-size:23px;flex-shrink:0}.brand img{width:58px;height:58px;object-fit:contain;display:block;border-radius:12px}
html[data-theme="dark"]{color-scheme:dark}html[data-theme="dark"] body{color:#f0e7df;background:linear-gradient(125deg,#171614,#24201c 55%,#191714)}html[data-theme="dark"] header,html[data-theme="dark"] aside,html[data-theme="dark"] footer{background:#24211fdd;border-color:#4b4037}html[data-theme="dark"] .toolbar{background:#2b2622d9;border-color:#4b4037}html[data-theme="dark"] button,html[data-theme="dark"] .button,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .inspector input,html[data-theme="dark"] .controls input{background:#35302a;color:#f0e7df;border-color:#645345}html[data-theme="dark"] button:hover,html[data-theme="dark"] .button:hover{background:#49392d;border-color:#b18b69}html[data-theme="dark"] .primary{background:#d6ac86;color:#241c16;border-color:#d6ac86}html[data-theme="dark"] .primary:hover{background:#e7c5a6;color:#241c16}html[data-theme="dark"] .tools button.active{background:#634832;border-color:#d2a27a}html[data-theme="dark"] .pageitem{background:#302b26;border-color:#5b4c40;color:#f0e7df}html[data-theme="dark"] .pageitem.active{background:#4a382a;border-color:#d6ac86}html[data-theme="dark"] .pageitem b{background:#26211d}html[data-theme="dark"] .brand small,html[data-theme="dark"] .section,html[data-theme="dark"] #hint,html[data-theme="dark"] label,html[data-theme="dark"] .pagebar,html[data-theme="dark"] footer,html[data-theme="dark"] #empty p,html[data-theme="dark"] #empty small,html[data-theme="dark"] .notice,html[data-theme="dark"] .pageitem span{color:#cbbcaf}html[data-theme="dark"] .notice{border-color:#5b4c40}html[data-theme="dark"] .private{color:#b8c7ac}html[data-theme="dark"] .danger{color:#e9a9a0}html[data-theme="dark"] dialog{background:#29231f;color:#f0e7df;border-color:#806951}html[data-theme="dark"] #paper{background:white;box-shadow:0 8px 35px #0007}@media(max-width:760px){header .theme-toggle{flex:0 0 42px}}

.brand img{background:transparent;border-radius:0;filter:drop-shadow(0 1px 1px #0004)}html[data-theme="dark"] .brand img{filter:drop-shadow(0 1px 2px #0008)}