*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#canvas{display:block;width:100%;height:100%;touch-action:none}#toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:95vw;transition:opacity .5s}.toolbar-main,.toolbar-drawer{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#e8e0d4;border-radius:14px;border:2px solid #d0c8b8;box-shadow:0 2px 12px #00000026,0 1px 3px #0000001a}.toolbar-drawer{overflow:hidden;max-height:0;padding:0 12px;border:2px solid transparent;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .25s ease,border-color .25s ease}.toolbar-drawer.open{max-height:60px;padding:8px 12px;border-color:#d0c8b8;opacity:1}.tool-btn{width:42px;height:42px;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0;position:relative}.tool-btn svg{width:22px;height:22px}.tool-btn:hover{transform:scale(1.08);filter:brightness(1.05)}.tool-btn.active{border-color:#6a5a40;box-shadow:0 0 0 1px #6a5a40,inset 0 1px 3px #00000026;filter:brightness(.9)}.tool-btn:disabled{opacity:.3;cursor:default;transform:none}.tool-btn.off{opacity:.45}.tool-btn.off:hover{opacity:.7}.separator{width:2px;height:28px;background:#c8c0b0;border-radius:1px;margin:0 2px}.sun-pad{position:fixed;width:140px;height:140px;background:#e8e0d4;border:2px solid #d0c8b8;border-radius:12px;box-shadow:0 2px 12px #00000026;touch-action:none;z-index:200}.sun-pad.hidden{display:none}.sun-knob{width:20px;height:20px;border-radius:50%;background:#ffb74d;box-shadow:0 0 8px #ffb74d99;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#00000073;display:flex;align-items:center;justify-content:center}.confirm-box{background:#e8e0d4;border:2px solid #d0c8b8;border-radius:14px;padding:24px 28px 20px;min-width:280px;max-width:90vw;box-shadow:0 4px 24px #00000040}.confirm-msg{font-size:15px;font-weight:500;color:#3a3a3a;margin-bottom:20px;text-align:center}.confirm-actions{display:flex;gap:10px;justify-content:center}.confirm-btn{padding:8px 24px;border:2px solid #d0c8b8;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.confirm-cancel{background:#c8c0b8;color:#5a5a5a}.confirm-cancel:hover{background:#b8b0a8}.confirm-ok{background:#b8d8a8;color:#3a5a30;border-color:#a0c890}.confirm-ok:hover{background:#a0c890}#splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}#splash-title{font-weight:300;font-size:clamp(3.5rem,12vw,8rem);color:#fff;letter-spacing:.08em;opacity:0;transition:opacity 1s}#splash-title.visible{opacity:1}#splash.hidden{display:none}body.splash-active #toolbar{opacity:0;pointer-events:none}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#00000080;display:flex;align-items:center;justify-content:center}.share-overlay.hidden{display:none}.share-dialog{background:#e8e0d4;border:2px solid #d0c8b8;border-radius:16px;padding:24px;width:380px;max-width:90vw;color:#3a3a3a;box-shadow:0 4px 24px #00000040}.share-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#3a3a3a}.share-label{font-size:12px;opacity:.6;display:block;margin-bottom:6px;color:#5a5a5a}.share-code,.share-input{width:100%;background:#fff;border:2px solid #d0c8b8;border-radius:8px;color:#3a3a3a;font-family:monospace;font-size:12px;padding:8px 10px;resize:none;word-break:break-all}.share-code:focus,.share-input:focus{outline:none;border-color:#a0987a}.share-actions{display:flex;gap:8px;margin-top:8px}.share-btn{flex:1;padding:8px 12px;border:2px solid #d0c8b8;border-radius:8px;background:#c8c0b8;color:#3a3a3a;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.share-btn:hover{background:#b8b0a8}.share-btn-load{margin-top:8px;width:100%}.share-divider{height:2px;background:#d0c8b8;margin:16px 0;border-radius:1px}.share-msg{font-size:12px;margin-top:8px;min-height:16px}.share-msg.ok{color:#4a8a4a}.share-msg.err{color:#c04040}@media (max-width: 600px){#toolbar{bottom:12px;gap:4px}.toolbar-main,.toolbar-drawer{padding:6px 8px;gap:3px;border-radius:12px}.tool-btn{width:36px;height:36px;border-radius:8px}.tool-btn svg{width:18px;height:18px}.separator{height:24px}.sun-pad{bottom:48px}}