.app-layout{min-height:100dvh}.app-header{background:var(--ant-color-bg-container);border-bottom:1px solid var(--ant-color-border-secondary);justify-content:space-between;align-items:center;height:52px;padding-inline:16px 8px;line-height:normal;display:flex}.app-header-right{align-items:center;gap:4px;margin-left:auto;display:flex}.app-header-right a{text-decoration:none}.app-brand{align-items:baseline;gap:8px;text-decoration:none;display:inline-flex}.app-brand .anticon{color:var(--ant-color-primary);align-self:center;font-size:18px}.app-brand-text{font-size:16px}.app-brand-sub{font-size:12px}.app-version{cursor:default;font-variant-numeric:tabular-nums;margin:0 0 0 12px}.app-version-tip{white-space:nowrap;grid-template-columns:auto auto auto;align-items:baseline;gap:2px 10px;display:grid}.app-version-row{display:contents}.app-version-row code{font-size:12px}.app-content{padding:16px 20px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:12px;display:grid}.gallery-card-link{color:inherit;display:block}.gallery-card .ant-card-cover{overflow:hidden}.gallery-thumb{object-fit:contain;background:var(--ant-color-fill-quaternary);width:100%;height:124px;display:block}.editor{grid-template:"bar bar""canvas panel"1fr/1fr minmax(300px,360px);align-items:stretch;gap:12px 16px;height:calc(100vh - 84px);display:grid}.editor-topbar{border:1px solid var(--ant-color-border-secondary);border-radius:var(--ant-border-radius-lg,8px);border-left:3px solid;flex-wrap:wrap;grid-area:bar;align-items:center;gap:10px;padding:6px 10px;transition:border-color .15s;display:flex}.editor-topbar-hint{flex:220px;min-width:0;font-size:12px}.editor-canvas-slot{grid-area:canvas}.editor-panel{grid-area:panel}.editor-canvas-slot{border:2px solid var(--ant-color-border-secondary);border-radius:var(--ant-border-radius-lg,8px);background:#26262a;height:100%;min-height:0;transition:border-color .15s;position:relative;overflow:hidden}.canvas-toolbar{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffdb;border-radius:8px;flex-wrap:wrap;gap:6px;max-width:calc(100% - 16px);padding:6px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 10px #00000047}:root[data-theme=dark] .canvas-toolbar,:root:not([data-theme=light]) .canvas-toolbar{background:#1e1e22d1}.canvas-viz{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffdb;border-radius:8px;flex-direction:column;gap:4px;padding:6px;display:flex;position:absolute;bottom:8px;left:8px;box-shadow:0 2px 10px #00000047}.canvas-viz-row{align-items:stretch;gap:8px;display:flex}.canvas-viz-btns{flex-direction:column;gap:4px;display:flex}.canvas-viz.open{max-height:calc(100% - 16px);overflow-y:auto}.canvas-viz-slider{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;display:flex}.canvas-viz-eye{color:#000000b3;cursor:pointer;font-size:14px}:root[data-theme=dark] .canvas-viz-eye,:root:not([data-theme=light]) .canvas-viz-eye{color:#fff}.canvas-viz-more{width:100%}:root[data-theme=dark] .canvas-viz .ant-typography,:root:not([data-theme=light]) .canvas-viz .ant-typography{color:#ffffffe0}:root[data-theme=dark] .canvas-viz .ant-typography-secondary,:root:not([data-theme=light]) .canvas-viz .ant-typography-secondary{color:#ffffff8c}.canvas-viz .ant-slider-track,.canvas-viz .ant-slider:hover .ant-slider-track{background-color:var(--ant-color-primary)}.canvas-viz .ant-slider-handle:after{box-shadow:0 0 0 2px var(--ant-color-primary)}:root[data-theme=dark] .canvas-viz,:root:not([data-theme=light]) .canvas-viz{background:#1e1e22d1}.editor-panel{padding-right:4px;overflow-y:auto}.panel-head{text-transform:uppercase;letter-spacing:.05em;color:var(--ant-color-text-tertiary);font-size:11px}.hover-tip{z-index:1200;pointer-events:none;color:#fff;white-space:normal;overflow-wrap:anywhere;background:#141416eb;border-radius:6px;max-width:320px;padding:6px 9px;font-size:12px;line-height:1.4;position:fixed;box-shadow:0 4px 14px #00000059}.audiogram-canvas-wrap{width:100%;height:100%}.audiogram-canvas-wrap canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.audiogram-canvas-wrap canvas:active{cursor:grabbing}.editor-canvas-slot.mode-grid .audiogram-canvas-wrap canvas{cursor:crosshair}.editor-canvas-slot.mode-symbols .audiogram-canvas-wrap canvas{cursor:copy}.editor-canvas-slot.mode-review .audiogram-canvas-wrap canvas,.editor-canvas-slot.mode-lines .audiogram-canvas-wrap canvas{cursor:crosshair}.lines-help-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ant-color-text-tertiary);margin-bottom:4px;font-size:11px;font-weight:600}.lines-help-row{grid-template-columns:minmax(96px,auto) 1fr;align-items:baseline;gap:8px;padding:2px 0;display:grid}.lines-help-keys{white-space:nowrap}.line-choice-menu{z-index:1000;background:var(--ant-color-bg-elevated);border-radius:20px;gap:6px;padding:6px;display:flex;position:fixed;box-shadow:0 4px 14px #00000040}.line-choice{border:1px solid var(--ant-color-border);background:var(--ant-color-bg-container);cursor:pointer;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;display:grid}.line-choice:hover{border-color:var(--ant-color-primary);transform:scale(1.08)}.line-dot-both,.line-dot-air,.line-dot-bone{vertical-align:-2px;border-radius:50%;width:14px;height:14px;display:inline-block}.line-dot-air{background:#e5484d}.line-dot-bone{background:#8e4ec6}.line-dot-both{background:linear-gradient(90deg,#e5484d 50%,#8e4ec6 50%)}.editor-canvas-slot.eraser .audiogram-canvas-wrap canvas{cursor:cell}.hk-open .anticon{font-size:20px}.hk-title{align-items:center;gap:10px;font-size:20px;display:inline-flex}.hk-title .anticon{color:var(--ant-color-primary)}.hk-modal .ant-modal-body{max-height:min(70vh,720px);padding-right:4px;overflow-y:auto}.hk-columns{grid-template-columns:1fr 1fr;gap:8px 36px;margin-top:8px;display:grid}@media (width<=760px){.hk-columns{grid-template-columns:1fr}}.hk-group+.hk-group{margin-top:18px}.hk-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ant-color-text-tertiary);border-bottom:1px solid var(--ant-color-border-secondary);align-items:center;gap:8px;padding-bottom:6px;font-size:11px;font-weight:600;display:flex}.hk-dot{border-radius:50%;width:8px;height:8px}.hk-row{border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:7px 6px;display:flex}.hk-row:hover{background:var(--ant-color-fill-quaternary)}.hk-label{font-size:13.5px;line-height:1.35}.hk-note{color:var(--ant-color-text-tertiary);margin-top:1px;font-size:12px}.hk-keys{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;max-width:55%;display:inline-flex}.hk-kbd{text-align:center;min-width:24px;color:var(--ant-color-text);background:var(--ant-color-bg-container);border:1px solid var(--ant-color-border);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:2px 7px;font:12px/18px ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-block}.hk-kbd.hk-mouse{color:var(--ant-color-text-secondary);background:var(--ant-color-fill-tertiary);border-color:#0000;border-bottom-width:1px;font-family:inherit}.hk-combo{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.hk-plus,.hk-or{color:var(--ant-color-text-quaternary);font-size:11px}.hk-or{margin:0 2px}.hk-footnote{margin-top:18px;font-size:12px;display:block}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{max-width:100%}a{color:inherit}