.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.offline-label{font-size:12px}.mode-tabs{overflow-x:auto}.mode-tab{white-space:nowrap;padding-left:17px;padding-right:17px}.mode-tab span{margin-right:8px}.family-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.family-tabs .choice:nth-child(-n+2){grid-column:span 3}.family-tabs .choice:nth-child(n+3){grid-column:span 2}.search-field{width:100%;min-width:0;border:1px solid #51565f;background:#141618;color:var(--text);border-radius:6px;padding:9px 10px;font-size:14px}.pattern-select{max-width:100%;text-overflow:ellipsis}.solo-focus{border-top:1px solid var(--line);margin-top:22px;padding:22px 4px 15px;min-height:193px}.solo-phase{color:var(--orange);font-size:12px;letter-spacing:2px;margin-bottom:8px}.solo-phase.returning{color:#87dab1}.solo-focus>strong{display:block;font-size:24px;line-height:1.4;font-weight:600}.solo-focus p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0}.solo-focus>span{font-size:12px;color:#c7cad1}.solo-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.solo-check{white-space:normal;margin:14px 0;font-size:12px}.solo-panel,.phrase-panel{grid-column:1/-1;padding:25px 30px}.form-sections{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.form-section{padding:12px 15px;border:1px solid #44494f;border-radius:7px;flex:1;min-width:125px;background:#25282c;display:flex;flex-direction:column;gap:7px}.form-section strong{font-size:13px;font-weight:500}.form-section span{font-size:11px;color:var(--muted)}.form-section.current{border-color:var(--orange);background:#432b23}.sub-dot.rest{background:transparent;border:1px dashed #646a74}.sub-dot.rest.current{background:#393c40;opacity:.5}.phrase-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.phrase-card{background:#25282c;padding:24px;border:1px solid #42464c;border-radius:10px}.phrase-card>span{color:#ffb598;font-size:12px;letter-spacing:1px}.phrase-card h3{font-size:20px;margin:9px 0}.phrase-card p{font-size:13px;color:var(--muted);min-height:40px}.phrase-card button{background:none;border:1px dashed #60656e;border-radius:6px;padding:8px 12px;font-size:12px;opacity:.75;cursor:default}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.version-grid article{border:1px solid #4a4f57;border-radius:9px;padding:16px}.version-grid h3{font-size:16px;margin:0 0 12px}.version-grid article:last-child{border-color:#b96b4f;background:#322721}.version-grid p{font-size:13px}.billing-options{display:flex;gap:8px;flex-wrap:wrap}.billing-options span{border:1px solid #7e5e4e;border-radius:5px;padding:3px 9px;color:#ffbca0;font-size:13px}.file-label{cursor:pointer;display:inline-flex;align-items:center}.file-label:focus-within{outline:2px solid var(--orange)}dialog hr{border:0;border-top:1px solid #50545a;margin:25px 0}dialog h3{font-size:17px}.app-shell{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.check-label input{flex:none}#soloPanel .control-heading{flex-wrap:wrap}#soloPanel .control-heading>span{color:var(--muted);font-size:12px}#phrasePanel>div:first-child>span{color:#dfa481}button[aria-disabled=true]{cursor:default}.beat-dot[aria-disabled=true]{opacity:1}
@media(max-width:1050px){.topbar{align-items:flex-start}.header-actions{max-width:310px}.mode-tab{font-size:15px}.mode-tab span{font-size:10px}.mode-tabs{gap:0}.phrase-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:790px){.topbar{flex-wrap:wrap}.header-actions{max-width:none;width:100%;justify-content:flex-start}.header-actions .offline-label{display:inline;margin-right:auto}.mode-tab{padding:12px 12px 15px;flex:none}.mode-tabs{margin-bottom:16px}.phrase-cards{grid-template-columns:1fr 1fr;gap:10px}.phrase-card{padding:17px}.solo-panel,.phrase-panel{padding:22px}.solo-focus>strong{font-size:22px}.form-section{min-width:115px}.solo-focus{min-height:175px}}
@media(max-width:420px){.version-grid,.phrase-cards{grid-template-columns:1fr}.header-actions .offline-label{display:none}.header-actions{gap:6px}.solo-focus>strong{font-size:21px}.solo-panel,.phrase-panel{padding:19px}.mode-tab{font-size:14px;padding-right:14px;padding-left:10px}.pattern-row{grid-template-columns:160px repeat(var(--steps),minmax(19px,1fr))}}