:root{color-scheme:light;--paper:#f6f4ee;--surface:#fff;--ink:#272d29;--muted:#767b73;--line:#e1e3dc;--accent:#d8eb97;--deep:#516b2e;--lilac:#e4dcf6;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{min-height:44px;border:1px solid transparent;border-radius:12px;background:transparent;padding:8px 12px;cursor:pointer;white-space:nowrap}button:hover{background:#eaece3}button:active{transform:scale(.98)}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #8872b6;outline-offset:2px}button.primary{background:var(--accent);color:#324718;font-weight:650}button.on,button[aria-pressed=true]{background:var(--surface);box-shadow:0 2px 8px #2633200b}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;min-height:44px;min-width:0;max-width:100%}textarea{resize:vertical;min-height:90px}input[type=checkbox]{min-height:22px;width:22px;accent-color:var(--deep)}input[type=color]{padding:4px;width:100%}.bar{height:80px;display:flex;gap:8px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--line);background:#f6f4eef2}.brand{color:inherit;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:750;display:flex;flex-direction:column;margin-right:20px}.brand span{font-size:11px;font-weight:450;letter-spacing:1px;color:var(--muted)}#documentName{width:180px;border-color:transparent;background:transparent;font-weight:600}.saved{font-size:11px;color:var(--muted)}.grow{flex:1}.workspace{height:calc(100dvh - 80px);display:grid;grid-template-columns:238px minmax(330px,1fr) 282px}.library,.inspector{overflow:auto;padding:20px 16px;background:var(--paper)}.library{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.tabs{display:flex;background:#e9ebe2;padding:4px;border-radius:14px;margin-bottom:18px}.tabs button{flex:1}.studio{display:flex;flex-direction:column;position:relative;min-width:0;background:#e9ece4}.tools{display:flex;flex-wrap:wrap;padding:8px 12px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper)}.tools button{font-size:12px;padding:8px 10px}.divider{height:22px;width:1px;background:var(--line);margin:0 8px}.viewport{flex:1;overflow:auto;position:relative;overscroll-behavior:contain;touch-action:none;padding:60px 100px}.board{position:relative;box-shadow:0 12px 50px #35403124;margin:auto;flex-shrink:0}.board canvas{display:block;position:absolute;inset:0}#overlay{touch-action:none}.stagefoot{display:flex;align-items:center;gap:4px;padding:4px 16px;background:var(--paper);color:var(--muted);font-size:11px}.stagefoot button{font-size:12px;padding:4px 9px}h2{font-size:17px;margin:0 0 18px}h3{font-size:12px;letter-spacing:.5px;color:var(--muted);margin:20px 0 12px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template{padding:0;white-space:normal;display:flex;flex-direction:column;gap:7px;text-align:left;min-width:0}.template .thumb{width:100%;height:132px;background:#e5e7df;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000005}.template canvas{max-width:100%;max-height:100%}.template span{font-size:11px}.template.selected .thumb{outline:2px solid var(--deep);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.field>span{font-size:12px;color:var(--muted)}.row{display:flex;gap:8px;align-items:center}.row>*{min-width:0;flex:1}.row .field{width:50%}.check{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:16px 0}.hint{font-size:12px;color:var(--muted);margin:12px 0}.actions{display:flex;flex-wrap:wrap;gap:4px}.actions button{background:var(--surface);font-size:12px}.layer{display:flex;align-items:center;border-bottom:1px solid var(--line);gap:2px}.layer button:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left;min-width:0}.layer.selected{background:#e4e9d6}.layer button{font-size:12px;padding:8px}.danger{color:#ad5149}#overflow{background:#fff4dc;color:#8b6322;padding:8px 16px;font-size:12px}dialog{border:1px solid var(--line);border-radius:24px;width:min(620px,calc(100vw - 32px));max-height:85dvh;background:var(--paper);padding:22px;box-shadow:0 20px 80px #22331f40}dialog::backdrop{background:#18201755;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}dialog h2{margin:0}#pickerBody{margin-top:20px;display:flex;flex-direction:column;gap:6px}#pickerBody>button{text-align:left;background:var(--surface);white-space:normal}.fontsample{display:block;font-size:21px;padding-top:3px}.fontmeta{font:11px/1.4 -apple-system,sans-serif;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#29382d;color:white;max-width:90vw;padding:12px 20px;border-radius:100px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.inkpad{width:100%;height:250px;background:white;border:1px solid var(--line);border-radius:16px;touch-action:none}.empty{padding:30px 5px;text-align:center;color:var(--muted);font-size:12px}.stretch{width:100%}@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(280px,1fr) 245px}.bar{padding:10px 16px}.saved{display:none}.viewport{padding:45px 55px}}@media(max-width:800px){.bar{height:auto;min-height:72px;flex-wrap:wrap;gap:2px;padding:10px}.brand{margin-right:8px}.bar button{font-size:12px;padding:6px 9px}.bar .grow{display:none}#documentName{flex:1;min-width:120px}.workspace{height:auto;min-height:calc(100dvh - 120px);grid-template-columns:1fr}.library{order:2;border:0}.library .gallery{grid-template-columns:repeat(4,1fr)}.studio{height:70dvh}.inspector{order:1;border:0}.stagefoot #selectionHint{max-width:40%;overflow:hidden;white-space:nowrap}.viewport{padding:40px}.template .thumb{height:140px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active{transform:none}}

.module-structure{overflow-x:auto;margin:12px 0}.module-cells{display:grid;gap:6px;padding:3px}.module-cell{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:64px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);white-space:normal;overflow-wrap:anywhere;font-size:12px}.module-cell small{font-size:10px;color:var(--muted)}.module-cell.collapsed{border-style:dashed}.module-cell[aria-pressed=true]{border-color:var(--deep);background:#e4e9d6}