:root{color-scheme:light;--paper: #fef3c7;--ink: #78350f;--tray: rgba(255, 251, 235, .92);--line: rgba(120, 53, 15, .16);--danger: #b91c1c;--on: #92400e;--shadow: 0 10px 32px rgba(120, 53, 15, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--paper);font-family:Inter,PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#paper,#ink{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#paper{pointer-events:none}#persist-banner{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;z-index:20;display:flex;align-items:center;gap:8px;width:max-content;max-width:min(420px,calc(100vw - 24px));padding:8px 14px;border:1px solid rgba(185,28,28,.22);border-radius:999px;background:#fff7edf0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#9a3412;font-size:13px;font-weight:600;line-height:1.35;pointer-events:none;transform:translate(-50%)}#persist-banner[hidden]{display:none}#persist-banner svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#persist-banner span{min-width:0;overflow-wrap:anywhere}#toolbar{--tray-pad: 12px;position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:2;display:flex;flex-direction:column;gap:8px;width:auto;max-width:calc(100% - 24px);padding:10px var(--tray-pad);border:1px solid var(--line);border-radius:22px;background:var(--tray);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);touch-action:manipulation}.tray-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.tray-gap{flex:0 1 8px}.icon-btn,.size-btn,.swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);width:42px;height:42px;border-radius:14px;display:grid;place-items:center;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.icon-btn svg{width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn.is-on,.size-btn.is-on{background:#92400e1f;color:var(--on)}.icon-btn.danger{color:var(--danger)}.icon-btn:disabled{opacity:.32;cursor:default}.icon-btn:focus-visible,.size-btn:focus-visible,.swatch:focus-visible,#confirm-yes:focus-visible,#confirm-no:focus-visible,#object-delete:focus-visible,[data-sticker-close]:focus-visible,[data-album]:focus-visible,.sticker-btn:focus-visible{outline:2px solid var(--on);outline-offset:2px}@media(hover:hover){.icon-btn:hover,.size-btn:hover,.swatch:hover,.sticker-btn:hover,#object-delete:hover{background:#92400e14}}.swatch{width:32px;height:32px}.swatch:after{content:"";width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.swatch.is-on:after{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--on)}.dot{width:var(--d);height:var(--d);border-radius:50%;background:currentColor}.text-editor{position:absolute;z-index:6;margin:0;padding:0 2px;border:1px dashed rgba(146,64,14,.4);border-radius:4px;background:#fef3c78c;resize:none;outline:none;overflow:hidden;white-space:pre;touch-action:auto;user-select:text;-webkit-user-select:text;caret-color:var(--on)}#object-delete{position:absolute;z-index:5;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fffbebf0;color:var(--danger);box-shadow:var(--shadow);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}#object-delete[hidden]{display:none}#object-delete svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#confirm,#share-preview,#sticker-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#fef3c7}#confirm{touch-action:none}#share-preview{z-index:12;padding:20px;background:#78350f47;touch-action:auto}#sticker-sheet{background:#78350f47;touch-action:auto}#confirm[hidden],#share-preview[hidden],#sticker-sheet[hidden]{display:none}.sticker-card{width:min(360px,calc(100vw - 32px));text-align:left}.sticker-card p{margin:0 0 12px;font-size:18px;font-weight:600;text-align:center}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sticker-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;aspect-ratio:1;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fffbeb;cursor:pointer}.sticker-btn img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.share-card{width:min(360px,calc(100vw - 32px));padding:18px 16px 14px;border-radius:20px;background:#fffbeb;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.share-card p{margin:0 0 12px;font-size:16px;font-weight:600}.share-card img{display:block;width:100%;max-height:58vh;object-fit:contain;background:var(--paper);border-radius:12px;-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto;pointer-events:auto}.share-card #share-close{width:100%;height:44px;margin-top:14px;border:0;border-radius:12px;background:#92400e1a;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.sheet p{margin:0;font-size:22px;font-weight:600}.sheet{width:min(320px,calc(100vw - 40px));padding:22px 20px 16px;border-radius:20px;background:#fffbeb;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.sheet-actions{display:flex;gap:10px;margin-top:18px}.sheet-actions button{flex:1;height:44px;border:0;border-radius:12px;background:#92400e1a;color:var(--ink);font:inherit;font-weight:600;cursor:pointer}.sheet-actions .danger{background:var(--danger);color:#fff7ed}@media(orientation:landscape)and (max-height:560px){#toolbar{flex-direction:row;align-items:center;gap:10px;padding:6px 10px;border-radius:18px}.tray-row{flex:1 1 auto;justify-content:space-evenly;min-width:0}.icon-btn,.size-btn{width:36px;height:36px;border-radius:12px}.icon-btn svg{width:22px;height:22px}.swatch{width:28px;height:28px}.tray-gap{flex:0 0 4px}.share-card img{max-height:42vh}}@media(max-width:480px){#toolbar{--tray-pad: 8px;gap:6px;padding-block:8px;border-radius:20px}.tray-row{gap:2px}.icon-btn,.size-btn{width:36px;height:36px;border-radius:12px}.icon-btn svg{width:22px;height:22px}.swatch{width:30px;height:30px}.tray-gap{flex:0 1 4px}}@media(max-width:360px){.icon-btn,.size-btn{width:32px;height:32px}.icon-btn svg{width:20px;height:20px}.swatch{width:26px;height:26px}.tray-gap{flex:0 1 2px}}@media(min-width:768px){#persist-banner{font-size:14px;padding:9px 16px}#toolbar{left:50%;right:auto;width:min(540px,calc(100% - 48px));max-width:540px;transform:translate(-50%);bottom:max(20px,env(safe-area-inset-bottom))}}@media(min-width:1024px){#toolbar{width:min(580px,calc(100% - 64px));max-width:580px;padding:12px 16px}.icon-btn,.size-btn{width:44px;height:44px}}@media(orientation:landscape)and (min-width:768px)and (min-height:561px){#toolbar{flex-direction:column}}@media(prefers-reduced-motion:reduce){.icon-btn,.size-btn,.swatch{transition:none}}