.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:#f9fafb;border-bottom:1px solid #d6d9de;padding:1.25rem 1.5rem}.app-header h1{color:#202733;margin:0;font-size:1.35rem;line-height:1.2}.site-header-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.site-nav{flex-wrap:wrap;gap:.4rem .85rem;margin:0;font-size:.92rem;display:flex}.site-nav a{color:#334155;white-space:nowrap;text-decoration:none}.site-nav-separator{color:#94a3b8;-webkit-user-select:none;user-select:none}.site-nav a:hover{text-underline-offset:2px;text-decoration:underline}.site-nav a[aria-current=page]{color:#0f172a;font-weight:700}.app-header p{color:#5a677a;margin:.35rem 0 0;font-size:.95rem}.header-hint{color:#64748b;margin:.3rem 0 0;font-size:.72rem}.app-main{flex:1;grid-auto-rows:max-content;align-content:start;gap:1rem;padding:1rem;display:grid}.panel{background:#fff;border:1px solid #d6d9de;border-radius:8px;padding:.8rem}.panel h2{color:#202733;margin:0 0 .5rem;font-size:1.05rem}.transport-sections{flex-wrap:wrap;gap:.35rem;display:flex}.transport-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.35rem;height:auto;padding:.25rem .35rem;display:flex}.transport-section-label{color:#475569;text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:700}.transport-controls{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.transport-controls button,.transport-controls input,.transport-controls select{background:#fff;border:1px solid #b9c2cf;border-radius:5px;height:1.65rem;padding:0 .5rem;font-size:.78rem}.transport-controls label{color:#475569;font-size:.74rem}.transport-controls button{cursor:pointer}.transport-controls button:disabled{opacity:.55;cursor:not-allowed}#bpm{width:3.4rem}#preset-select{width:9.4rem}.load-error{color:#c0392b;margin:.35rem 0 0;font-size:.8rem}.status-success{color:#1f7a39;margin:.35rem 0 0;font-size:.8rem}.mobile-mvp,.mobile-sheet-layer{display:none}.grid-help{color:#5a677a;margin:0 0 .55rem;font-size:.9rem}.mobile-use-note{background:linear-gradient(#fff9eb 0%,#fff4d7 100%);border-color:#f0d9a7;display:none}.mobile-use-note p{color:#5b3a00;margin:.12rem 0;font-size:.86rem}.app-explainer h2{margin:0 0 .7rem;font-size:1.2rem}.app-explainer h3{color:#253243;margin:1rem 0 .45rem;font-size:1.02rem}.app-explainer p{color:#273247;margin:0 0 .7rem;line-height:1.62}.app-explainer a{color:#1d4ed8;text-underline-offset:2px}.track-editor-help-row{flex-wrap:wrap;justify-content:flex-start;gap:.4rem .7rem;margin-bottom:.55rem;display:flex}.track-editor-help-row .grid-help{margin:0}.track-editor-mode{align-items:center;gap:.35rem;min-height:23px;display:inline-flex}.track-editor-mode-label{color:#334155;text-transform:uppercase;letter-spacing:.02em;align-items:center;height:23px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.track-editor-help-row>.note-divider{align-self:center;line-height:1}.input-rack{flex-wrap:wrap;gap:.5rem;margin-bottom:.45rem;display:flex}.input-palette{background:#f8fafc;border:1px solid #d6d9de;border-radius:8px;flex-direction:column;gap:.2rem;width:100%;padding:.26rem .35rem;display:flex}.palette-row{border-radius:6px;flex-wrap:wrap;align-items:center;gap:.2rem .28rem;padding:.04rem 0;display:flex}.palette-row-pulse{background:linear-gradient(90deg,#3b82f61f 0%,#f871711f 55% 100%)}.palette-row-triangle{background:#86efac2b}.palette-row-noise{background:#cbd5e138}.palette-row+.palette-row{border-top:1px solid #e5e7eb;padding-top:.2rem}.palette-row-title{color:#1f2937;width:4rem;font-size:.72rem;font-weight:700}.seg-control{align-items:center;gap:.2rem;display:flex}.control-group{background:#94a3b812;border-left:1px solid #dbe3ee;border-radius:4px;padding:.08rem .22rem .08rem .32rem}.palette-row .control-group:first-of-type{background:#94a3b80d;border-left:0;padding-left:.22rem}.seg-control-inline{flex-wrap:nowrap}.seg-label{color:#475569;width:2.25rem;font-size:.68rem}.seg-options{flex-wrap:wrap;gap:.12rem;display:flex}.note-divider{color:#94a3b8;-webkit-user-select:none;user-select:none;align-items:center;margin:0 .01rem;font-size:.7rem;line-height:1;display:inline-flex}.seg-options-compact{max-width:16rem}.seg-options-no-wrap{flex-wrap:nowrap;max-width:100%;padding-bottom:1px;overflow-x:auto}.compact-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:48px;height:24px;padding:2px 6px;font-size:12px;line-height:1}.compact-select:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 2px #60a5fa2e}.compact-select:hover{border-color:#94a3b8}.seg-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;min-width:24px;height:23px;padding:2px 6px;font-size:11px}.seg-button.is-selected{color:#1e3a8a;background:#dbeafe;border-color:#60a5fa;font-weight:700}.track-editor-body{min-width:0}.bar-block-list{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.bar-block-list.erase-mode .bar-block{background:#f871712e;border-color:#b91c1c66}.bar-block-list.erase-mode .bar-track-row{border-color:#b91c1c38}.bar-block-list.erase-mode .bar-track-row-pulse1,.bar-block-list.erase-mode .bar-track-row-pulse2{background:linear-gradient(90deg,#3b82f61a 0%,#f871711a 55% 100%),#f871712e}.bar-block-list.erase-mode .bar-track-row-triangle{background:linear-gradient(#f871712e,#f871712e),#86efac26}.bar-block-list.erase-mode .bar-track-row-noise{background:linear-gradient(#f871712e,#f871712e),#cbd5e133}.bar-block{background:#fbfcfe;border:1px solid #e5eaf1;border-radius:7px;padding:.35rem .4rem}.bar-block.bar-block-playing{border:1px solid #0ea5e9a6;padding:.35rem .4rem}.bar-block-header{justify-content:flex-start;align-items:center;gap:.55rem;margin-bottom:.28rem;display:flex}.bar-block-header-main{flex-wrap:wrap;align-items:center;gap:.8rem;min-width:0;display:flex}.bar-erase-status{color:#7f1d1d;white-space:nowrap;align-items:center;gap:.5rem;font-size:.68rem;display:inline-flex}.bar-erase-status-text{font-weight:700}.bar-erase-status button{color:#7f1d1d;cursor:pointer;background:#fee2e2eb;border:1px solid #b91c1c66;border-radius:4px;padding:.22rem .38rem;font-size:.68rem;line-height:1}.bar-erase-status button:hover{background:#fecacaf2}.bar-block-title{color:#4b5563;margin:0;font-size:.74rem;font-weight:700}.bar-block-actions{flex-wrap:wrap;gap:.24rem;display:flex}.bar-block-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.24rem .38rem;font-size:.68rem;line-height:1;transition:background-color .12s,border-color .12s,color .12s}.bar-block-actions button:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.bar-block-actions button:disabled{color:#9ca3af;cursor:not-allowed;opacity:.65;background:#f1f5f9;border-color:#d1d5db}.bar-grid-wrap{overflow-x:auto}.bar-grid{flex-direction:column;gap:2px;width:max-content;display:flex}.bar-track-row{border:1px solid #0000;border-radius:5px;grid-template-columns:6.75rem auto;align-items:center;gap:.3rem;padding:1px 3px;display:grid}.bar-track-row-pulse1,.bar-track-row-pulse2{background:linear-gradient(90deg,#3b82f61a 0%,#f871711a 55% 100%)}.bar-track-row-triangle{background:#86efac26}.bar-track-row-noise{background:#cbd5e133}.track-label{color:#374151;align-items:center;height:20px;font-size:.82rem;font-weight:600;display:flex}.grid-scroll{min-width:0}.step-grid{--step-cell-width:20px;--step-gap:2px;gap:var(--step-gap);flex-wrap:nowrap;width:max-content;margin-bottom:2px;display:flex;position:relative}.step-grid:last-child{margin-bottom:0}.step-cell{width:var(--step-cell-width);cursor:pointer;color:#111827;letter-spacing:.01em;background:#f9fafb;border:1px solid #d1d5db;border-radius:3px;justify-content:center;align-items:center;height:22px;padding:0 1px;font-size:.62rem;line-height:1;transition:background 60ms,border-color 60ms;display:inline-flex;overflow:hidden}.step-grid-playhead{pointer-events:none;z-index:2;background:#0284c7d9;width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px);box-shadow:0 0 0 1px #0ea5e926}.step-cell.is-odd-bar{background:#f0f2f5}.step-cell.is-bar-start{border-left:3px solid #5b6577;box-shadow:inset 1px 0 #5b657738}.step-cell.is-beat-start{border-left:2px solid #c0c8d4;box-shadow:inset 1px 0 #b0b9c633}.step-cell.is-active{color:#fff;background:#0f766e;border-color:#0f766e;font-weight:700}.step-cell.is-active.duty-0125{background:#16a34a;border-color:#15803d}.step-cell.is-active.duty-025{background:#2563eb;border-color:#1d4ed8}.step-cell.is-active.duty-05{background:#dc2626;border-color:#b91c1c}.step-cell.is-active.duty-075{background:#ca8a04;border-color:#a16207}.step-cell:hover:not(.is-active){background:#dbeafe;border-color:#93c5fd}.step-cell.is-active:hover{filter:brightness(.93)}.app-footer{color:#5a677a;background:#f9fafb;border-top:1px solid #d6d9de;padding:.9rem 1rem}.support-section{margin:0 0 .9rem;overflow:hidden}.support-description{color:#273247;margin:0 0 .8rem;font-size:.9rem;line-height:1.55}.kofi-panel{border-radius:6px;width:100%;max-width:520px;margin:.8rem auto 0;overflow:hidden}.kofi-panel iframe{max-width:100%;display:block}.kofi-widget-host{max-width:100%;display:inline-block}.support-external-link{font-size:.9rem}.app-footer a{color:#334155;text-underline-offset:2px;text-decoration:underline}.app-footer a:hover{color:#0f172a}@media (width<=720px){html,body,#root,.app-shell{width:100%;max-width:100%;overflow-x:hidden}.app-header{padding:.8rem .75rem}.app-header h1{font-size:1.15rem}.app-header>p:not(.header-hint),.app-header .header-hint{display:none}.app-main{grid-template-columns:minmax(0,1fr);gap:.65rem;width:100%;min-width:0;padding:.65rem}.transport,.track-editor,.mobile-use-note,.app-explainer{display:none}.mobile-mvp,.mobile-sheet-layer{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-mvp{grid-template-columns:minmax(0,1fr);gap:.65rem;width:100%;min-width:0;max-width:100%;display:grid}.mobile-mvp input,.mobile-mvp select,.mobile-sheet-layer input,.mobile-sheet-layer select{-webkit-user-select:auto;user-select:auto}.mobile-mvp button,.mobile-mvp input,.mobile-mvp select,.mobile-bottom-sheet button,.mobile-bottom-sheet input,.mobile-bottom-sheet select{touch-action:manipulation;font-size:16px}.mobile-transport{z-index:5;border-color:#b8c7d9;gap:.35rem;width:100%;min-width:0;max-width:100%;padding:.5rem;display:grid;position:sticky;top:0;overflow:visible;box-shadow:0 3px 12px #0f172a1a}.mobile-transport-primary{grid-template-columns:auto auto auto minmax(0,1fr) 44px;align-items:center;gap:.25rem;display:grid}.mobile-transport-primary button,.mobile-transport-secondary button{color:#253243;background:#fff;border:1px solid #aab5c4;border-radius:7px;min-height:40px;padding:0 .65rem;font-size:.82rem;font-weight:650}.mobile-transport-primary button:disabled{opacity:.48}.mobile-transport-primary .mobile-play-button{color:#fff;background:#2563eb;border-color:#2563eb}.mobile-transport-primary>button{padding-left:.45rem;padding-right:.45rem}.mobile-preset-select{box-sizing:border-box;color:#253243;background:#fff;border:1px solid #aab5c4;border-radius:7px;width:100%;min-width:0;height:40px;min-height:40px;padding:.25rem .4rem}.mobile-share-wrapper{position:relative}.mobile-transport-primary .mobile-share-button{box-sizing:border-box;place-items:center;width:44px;min-width:44px;min-height:44px;padding:0;display:grid}.mobile-share-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;overflow:visible}.mobile-share-message{z-index:20;color:#fff;pointer-events:none;background:#166534;border-radius:6px;width:max-content;max-width:min(16rem,100vw - 2rem);padding:.35rem .55rem;font-size:.7rem;font-weight:700;line-height:1.2;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 4px 12px #0f172a38}.mobile-share-message.is-error{background:#b91c1c}.mobile-bpm-control{color:#64748b;justify-content:flex-end;align-items:center;gap:.3rem;min-width:0;margin-left:auto;font-size:.7rem;font-weight:700;display:flex}#mobile-bpm{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #aab5c4;border-radius:7px;width:3.5rem;min-width:3.5rem;min-height:40px;padding:.25rem .35rem}.mobile-bar-status{box-sizing:border-box;color:#334155;white-space:nowrap;pointer-events:none;background:#fff;border-top:1px solid #aab5c4;border-bottom:1px solid #aab5c4;justify-content:center;align-items:center;min-width:2.5rem;min-height:34px;padding:0 .2rem;font-size:.78rem;display:flex}.mobile-transport-secondary{color:#64748b;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:.3rem;min-height:40px;font-size:.78rem;display:grid}.mobile-bar-navigation{color:#334155;align-items:center;gap:.25rem;font-weight:700;display:flex}.mobile-bar-navigation-group{align-items:center;display:flex}.mobile-bar-navigation-button{color:#253243;background:#fff;border:1px solid #aab5c4;width:34px;min-width:34px;min-height:34px;padding:0;font-size:1.15rem;line-height:1}.mobile-bar-navigation-group .mobile-bar-navigation-button:first-child{border-radius:7px 0 0 7px}.mobile-bar-navigation-group .mobile-bar-navigation-button:last-child{border-radius:0 7px 7px 0}.mobile-bar-navigation-button:disabled,.mobile-bar-actions button:disabled{opacity:.42}.mobile-editor-bar-toolbar{align-items:center;gap:.3rem;min-width:0;margin-bottom:.55rem;display:flex}.mobile-bar-actions{align-items:center;gap:.2rem;min-width:0;margin-left:auto;display:flex}.mobile-bar-actions button{color:#334155;background:#fff;border:1px solid #aab5c4;border-radius:6px;min-height:34px;padding:0 .4rem;font-size:.68rem;font-weight:700}.mobile-transport .load-error,.mobile-transport .status-success{margin:-.2rem 0 0}.mobile-editor{width:100%;min-width:0;max-width:100%;padding:.7rem;overflow:hidden}.mobile-selector-group+.mobile-selector-group,.mobile-selector-group+.mobile-channel-settings,.mobile-channel-settings+.mobile-overview-scroll,.mobile-selector-group+.mobile-detail{margin-top:.65rem}.mobile-selector-label{color:#475569;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.3rem;font-size:.72rem;font-weight:750;display:block}.mobile-bar-tabs,.mobile-channel-tabs{gap:.3rem;display:grid}.mobile-bar-tabs{grid-template-columns:repeat(8,minmax(0,1fr))}.mobile-channel-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-bar-tabs button,.mobile-channel-tabs button{color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;min-width:0;min-height:42px;padding:.25rem .15rem;font-size:clamp(.68rem,3vw,.86rem);line-height:1.05;overflow:hidden}.mobile-bar-tabs button.is-selected,.mobile-channel-tabs button.is-selected{color:#1e3a8a;background:#dbeafe;border-color:#2563eb;font-weight:750;box-shadow:inset 0 -3px #2563eb}.mobile-channel-tabs .mobile-channel-triangle.is-selected{color:#166534;background:#dcfce7;border-color:#16a34a;box-shadow:inset 0 -3px #16a34a}.mobile-channel-tabs .mobile-channel-noise.is-selected{color:#334155;background:#e2e8f0;border-color:#64748b;box-shadow:inset 0 -3px #64748b}.mobile-channel-settings{gap:0;display:grid}.mobile-channel-settings-row{border-bottom:1px solid #e2e8f0;grid-template-columns:4.7rem minmax(0,1fr) 36px;align-items:center;gap:.25rem;min-height:44px;padding:0 .1rem 0 .25rem;display:grid}.mobile-channel-settings-row strong{color:#334155;white-space:nowrap;font-size:.7rem;line-height:1}.mobile-channel-settings-row>span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;overflow:hidden}.mobile-overview-scroll{touch-action:pan-y;width:100%;max-width:100%;overflow:hidden}.mobile-overview{--mobile-channel-label-width:1.6rem;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;gap:.15rem;width:100%;min-width:0;padding-bottom:.25rem;display:grid}.mobile-overview-step-labels,.mobile-overview-row{grid-template-columns:var(--mobile-channel-label-width) minmax(0, 1fr);gap:.08rem;width:100%;min-width:0;display:grid}.mobile-overview-step-labels>div,.mobile-overview-cells{grid-template-columns:repeat(16,minmax(0,1fr));gap:1px;min-width:0;display:grid}.mobile-overview-step-labels span{box-sizing:border-box;color:#64748b;text-align:center;font-size:.5rem;line-height:1}.mobile-overview-info-spacer{z-index:3;background:#fff;position:sticky;left:0}.mobile-overview-row{align-items:stretch;min-height:40px}.mobile-overview-channel-label{z-index:2;box-sizing:border-box;width:var(--mobile-channel-label-width);color:#334155;white-space:nowrap;background:0 0;border:0;border-right:1px solid #cbd5e1;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:.56rem;line-height:1.1;display:flex;position:sticky;left:0}.mobile-settings-button{box-sizing:border-box;color:#334155;background:0 0;border:1px solid #cbd5e1;border-radius:6px;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid}.mobile-settings-button svg{fill:#fff;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;overflow:visible}.mobile-overview-cell{box-sizing:border-box;touch-action:manipulation;background:#f8fafc;border:1px solid #d5dbe4;border-radius:3px;width:auto;min-width:0;min-height:40px;padding:0;position:relative;overflow:hidden}.mobile-overview-cell:nth-child(4n+1):not(:first-child),.mobile-overview-step-labels span:nth-child(4n+1):not(:first-child){border-left:2px solid #64748b}.mobile-overview-note-label{z-index:1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:100%;padding:0;font-size:clamp(.45rem,1.7vw,.56rem);font-weight:800;line-height:1;display:block;position:relative;overflow:hidden}.mobile-overview-cell.is-note-tail{opacity:.62}.mobile-overview-cell.is-note-tail:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;top:50%;left:15%;right:15%;transform:translateY(-50%)}.mobile-overview-cell.is-playing-column{background-color:#bae6fd;border-color:#0284c7;box-shadow:inset 0 0 0 1px #0ea5e9}.mobile-overview-cell.is-playing-column.is-active{opacity:1;outline-offset:-2px;outline:2px solid #0ea5e9}.mobile-detail-header{align-items:center;gap:.55rem;min-width:0;display:flex}.mobile-detail-header button{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex:none;min-height:40px;padding:.3rem .65rem;font-size:.82rem;font-weight:700}.mobile-detail-header strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.88rem;overflow:hidden}.mobile-detail-step{color:#64748b;font-weight:600}.mobile-step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem .4rem;margin-top:.8rem;display:grid}.mobile-step-cell{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:58px;padding:.85rem .2rem .25rem;display:flex;position:relative;overflow:hidden}.mobile-step-cell:nth-child(4n+1){border-left-width:3px;border-left-color:#64748b}.mobile-step-cell.is-active{font-weight:750}.mobile-step-cell.is-note-tail{border-style:dashed}.mobile-step-cell.is-playing{outline-offset:2px;outline:3px solid #0ea5e9;box-shadow:0 0 0 5px #0ea5e92e}.mobile-step-cell.is-selected-step{box-shadow:inset 0 0 0 3px #f59e0b}.mobile-step-number{opacity:.72;font-size:.65rem;font-weight:650;position:absolute;top:.22rem;left:.35rem}.mobile-step-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.95rem;overflow:hidden}.mobile-sheet-layer{z-index:50;display:block;position:fixed;inset:0}.mobile-sheet-backdrop{background:#0f172a94;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mobile-bottom-sheet{max-height:min(82dvh,44rem);padding:.35rem .85rem calc(.8rem + env(safe-area-inset-bottom));background:#fff;border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -10px 35px #0f172a3d}.mobile-sheet-handle{background:#cbd5e1;border-radius:999px;width:2.8rem;height:.28rem;margin:.15rem auto .45rem}.mobile-sheet-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:.55rem;display:flex}.mobile-sheet-header h2{color:#1e293b;margin:0;font-size:1.15rem}.mobile-sheet-header h2 span{color:#94a3b8}.mobile-sheet-close{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:50%;width:44px;height:44px;line-height:1}.mobile-sheet-fields{overscroll-behavior:contain;gap:.6rem;padding:.6rem 0;display:grid;overflow-y:auto}.mobile-control-section{gap:.35rem;min-width:0;display:grid}.mobile-control-heading{color:#475569;letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1}.mobile-control-heading-row{align-items:baseline;gap:.45rem;display:flex}.mobile-pitch-preview{color:#1e3a8a;font-size:.82rem}.mobile-control-unit{color:#64748b;text-transform:none;font-weight:600}.mobile-note-row,.mobile-inline-control,.mobile-value-row,.mobile-compact-value,.mobile-noise-row{align-items:center;display:flex}.mobile-note-row{flex-wrap:wrap;gap:.3rem}.mobile-note-options{flex:16.5rem;grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem;min-width:0;display:grid}.mobile-note-options .seg-button,.mobile-inline-control .seg-button,.mobile-duty-options .seg-button,.mobile-noise-row .seg-button,.mobile-sharp-toggle{width:auto;min-width:40px;height:40px;padding:.3rem .45rem;font-size:16px}.mobile-sharp-toggle{white-space:nowrap;border-left-width:2px;flex:none;min-width:44px;margin-left:.15rem}.mobile-inline-control{flex-wrap:wrap;gap:.35rem;min-width:0}.mobile-inline-control .seg-options{flex-wrap:wrap;gap:.25rem}.mobile-inline-label,.mobile-compact-value>span{color:#475569;white-space:nowrap;font-size:.78rem;font-weight:700}.mobile-duty-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;width:min(100%,18rem);display:grid}.mobile-duty-options .seg-button{width:100%}.mobile-value-row{flex-wrap:wrap;gap:.65rem 1.25rem;min-height:42px}.mobile-compact-value{flex:none;gap:.35rem;margin:0}.mobile-number-select{width:4.5ch;min-width:4.5ch;max-width:4.5ch;height:40px;padding:.25rem .2rem;font-size:16px}.mobile-noise-row{flex-wrap:wrap;gap:.45rem 1rem}.mobile-sheet-actions{background:#fff;border-top:1px solid #e2e8f0;gap:.45rem;padding-top:.65rem;display:flex}.mobile-sheet-actions button{color:#334155;background:#fff;border:1px solid #b8c2cf;border-radius:7px;flex:1;min-height:46px;font-weight:700}.mobile-sheet-actions .mobile-save-button{color:#fff;background:#2563eb;border-color:#2563eb}.mobile-sheet-actions .mobile-delete-button{color:#b91c1c;border-color:#dc2626}.transport-sections{gap:.3rem}.transport-section{justify-content:space-between;width:100%}.input-palette{width:100%}.palette-row{align-items:flex-start;width:100%}.seg-control{background:0 0;border-left:0;width:100%;padding:.08rem 0}.seg-control-inline{flex-wrap:wrap}.seg-label,.palette-row-title{width:auto}.seg-options-compact{max-width:none}.bar-track-row{grid-template-columns:5.7rem auto}.bar-block-header,.bar-block-header-main{flex-wrap:wrap;gap:.35rem .55rem}.header-hint{font-size:.66rem}.site-nav{gap:.25rem .6rem;margin-top:.55rem;font-size:.88rem}.site-header-top{display:block}.app-footer{min-width:0;padding-left:.65rem;padding-right:.65rem}}@media (width<=360px){.mobile-note-options{flex-basis:100%}}