:root{color:#24343b;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:#fff;min-height:100vh;overflow-x:hidden}button{font:inherit}.app-shell{grid-template-columns:minmax(0,1fr) 380px;gap:18px;min-height:100vh;padding:18px;display:grid}.stage-panel{flex-direction:column;min-height:calc(100vh - 36px);display:flex}.stage{background:#fff;border:1px solid #e3e9e9;border-radius:28px;flex:1;min-height:620px;position:relative;overflow:hidden}.stage canvas{z-index:1;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.stage-caption{z-index:2;color:#75848a;letter-spacing:.16em;font-size:11px;position:absolute;top:22px;left:24px}.credit{color:#6d7d83;margin:10px 4px 0;font-size:12px}.control-panel{background:#fff;border:1px solid #e3e9e9;border-radius:28px;flex-direction:column;gap:20px;padding:34px 28px;display:flex}.eyebrow{color:#087f7b;letter-spacing:.16em;margin:0;font-size:11px;font-weight:700}h1{letter-spacing:-.05em;margin:-8px 0 0;font-size:clamp(34px,4vw,48px);line-height:1}.intro{color:#5e7078;margin:-5px 0 0;font-size:14px;line-height:1.7}code{color:#096b68;background:#f1f6f6;border-radius:5px;padding:2px 5px;font-size:.9em}.status{color:#52676f;background:#f7fafa;border:1px solid #dce6e6;border-radius:12px;padding:12px 14px;font-size:13px}.status[data-state=ready]{color:#087f68;border-color:#b2dbd1}.status[data-state=error]{color:#a53546;border-color:#ecc0c5}.control-group{flex-direction:column;gap:10px;display:flex}h2{color:#35494f;letter-spacing:.04em;margin:0;font-size:13px;font-weight:700}.heading-row,.button-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.count{color:#6d7d83;font-size:12px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.button{color:#36555b;cursor:pointer;background:#fff;border:1px solid #d8e4e4;border-radius:11px;min-height:42px;padding:9px 12px;transition:transform .15s,border-color .15s,background .15s}.button:hover:not(:disabled){background:#f0f9f8;border-color:#77bdb7;transform:translateY(-1px)}.button:focus-visible{outline-offset:2px;outline:2px solid #148d86}.button[aria-pressed=true]{color:#175d57;background:#e2f4f1;border-color:#57aaa2}.button:disabled{color:#89999e;cursor:wait}.button-primary{background:#e2f4f1;border-color:#87c3bc;flex:1}.button-muted{flex:1}.button-wide{width:100%;margin-top:2px}.hint{color:#6d7d83;margin:auto 0 0;font-size:11px;line-height:1.65}@media (width<=900px){.app-shell{grid-template-columns:1fr}.stage-panel{min-height:70vh}.stage{min-height:520px}.control-panel{padding:26px 22px}}@media (width<=520px){.app-shell{gap:12px;padding:12px}.stage{border-radius:22px;min-height:66vh}.control-panel{border-radius:22px}}.stage canvas{touch-action:none}.stage canvas:focus-visible[aria-pressed=false]{outline-offset:-4px;outline:2px solid #148d86}.stage-caption{pointer-events:none}.avatar-selection{z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:1.5px solid #29988e;border-radius:12px;position:absolute;box-shadow:0 0 0 1px #19786f1f}.avatar-selection[hidden]{display:none}.avatar-selection.is-dragging{cursor:grabbing}.avatar-selection-toolbar{cursor:default;background:#fff;border:1px solid #c9ded9;border-radius:9px;align-items:center;gap:3px;width:max-content;padding:3px;display:flex;position:absolute;top:-42px;left:0;box-shadow:0 3px 12px #1946411a}.avatar-selection-toolbar button{color:#2c5755;cursor:pointer;background:#f0f7f6;border:0;border-radius:6px;min-width:28px;min-height:32px;padding:3px 6px}.avatar-selection-toolbar button:hover{background:#e0f0ed}.avatar-selection-toolbar button:focus-visible{outline:2px solid #148d86}.avatar-selection-toolbar output{text-align:center;color:#496b67;min-width:38px;font-size:11px}.avatar-selection-toolbar .avatar-confirm{color:#fff;background:#087f68;font-size:12px;font-weight:600}.placement-hint{color:#5e7078;margin:0;font-size:12px;line-height:1.7}.avatar-selection.is-resizing{cursor:ew-resize}.avatar-resize{color:#08776f;cursor:ew-resize;touch-action:none;background:#fff;border:1px solid #88bdb5;border-radius:10px;width:36px;height:44px;padding:0;font-size:22px;position:absolute;box-shadow:0 2px 8px #1946411a}.avatar-resize:hover{background:#e8f5f2}.avatar-resize:focus-visible{outline-offset:2px;outline:2px solid #148d86}@media (prefers-reduced-motion:reduce){.button{transition:none}}