*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#1b1d22;background:#f5f6f8}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#fff;border-bottom:1px solid #e4e6ea;flex:0 0 auto}.logo{width:28px;height:28px;image-rendering:pixelated}.wordmark{font-weight:700;font-size:16px;letter-spacing:.04em;color:#c2185b}.divider{width:1px;height:18px;background:#e4e6ea}.filename{font-size:13px;color:#5a6170}.spacer{flex:1}.status{font-size:12px;color:#2e7d32}.stage{flex:1;min-height:0;position:relative;display:flex}.stage>*{flex:1;min-height:0}.hint{margin:auto;color:#5a6170;font-size:14px}.hint.error{color:#c62828}.share{font-size:12px;color:#1f4fd8;text-decoration:none;border:1px solid #c9d4f5;border-radius:4px;padding:3px 10px}.share:hover{background:#eef2fd}.font-import{font-size:12px;color:#c2185b;border:1px solid #f0c2d4;border-radius:4px;padding:3px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.font-import:hover{background:#fdf0f5}