.char-fit{width:2048px;height:2048px;position:absolute;top:0;left:0}.char-root{transform-origin:0 0;width:2048px;height:2048px;position:absolute;top:0;left:0}.layer{pointer-events:none;will-change:transform;transform-origin:0 0;width:2048px;height:2048px;position:absolute;top:0;left:0}html,body,#root{height:100dvh;margin:0}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif}.stage{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f7f2ea;position:fixed;inset:0;overflow:hidden}.controls{z-index:2;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)) 14px;background:#fafafceb;border-top:1px solid #dcdee8;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.ctrlbar-top{align-items:center;gap:6px;display:flex}.ctrlbar-top .spacer{flex:1}.tagbtn{color:#6b6f80;background:#ffffffeb;border:1px solid #dcdee8;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:700;display:flex}.tagbtn .ic{font-size:12px}.tagbtn.active{color:#7c6fd9;background:#e9e6f9;border-color:#7c6fd9}.info-btn{color:#6b6f80;background:#ffffffeb;border:1px solid #dcdee8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:flex}@media (orientation:landscape) and (height<=500px){.controls{padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px)) 14px;flex-direction:row;align-items:center}.ctrlbar-top{flex:none}.chips{flex:1;padding-bottom:0}}.chips{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips[hidden]{display:none}.chips::-webkit-scrollbar{height:0}.chip{background:0 0;border:none;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:56px;min-height:86px;font-family:inherit;display:flex}.chip .thumb{background:#fff;border:2px solid #dcdee8;border-radius:50%;width:48px;height:48px;display:block}.chip .label{color:#2b2e3a;text-align:center;white-space:nowrap;font-size:10.5px}.chip.selected .thumb{border-color:#7c6fd9;box-shadow:0 0 0 2px #e9e6f9}.chip.selected .label{color:#7c6fd9;font-weight:700}.chip.motionchip{width:74px}.chip .thumb.facethumb{width:62px;height:62px;position:relative;overflow:hidden}.facethumb-canvas{display:block}.thumb-pill-overlay{z-index:1;color:#2b2e3a;text-align:center;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:9px;font-weight:400;line-height:1.15;display:flex;position:absolute;inset:0;overflow:hidden}.chip.textonly{justify-content:center}.chip.textonly .pill{color:#2b2e3a;white-space:nowrap;background:#fff;border:1px solid #dcdee8;border-radius:14px;padding:6px 10px;font-size:11.5px;font-weight:400}.modal-overlay{z-index:10;background:#2b2e3a6b;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{width:100%;max-height:80vh;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px)) 20px;background:#fff;border-radius:20px 20px 0 0;font-family:inherit;overflow-y:auto;box-shadow:0 -8px 24px #0000001f}.modal-sheet .modal-title{color:#2b2e3a;margin-bottom:14px;font-size:15px;font-weight:700}.modal-sheet .modal-body p{color:#2b2e3a;margin:0 0 12px;font-size:13px;line-height:1.8}.modal-sheet .modal-body p.tool-url{color:#6b6f80;word-break:break-all}.modal-sheet .ai-note{color:#9297a6;margin-top:16px;font-size:10.5px;line-height:1.6;display:block}.modal-sheet .modal-close{color:#2b2e3a;width:100%;font:inherit;background:#f2f1f8;border:1px solid #dcdee8;border-radius:8px;margin-top:18px;padding:10px;font-size:13px;font-weight:700}
