.r1-panel{min-width:0}.r1-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.r1-panel .surface{min-width:0}.r1-gap{margin-top:24px}.r1-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;min-width:0}.r1-field>span{color:var(--muted);font-size:14px}.r1-panel textarea,.r1-panel input:not([type=checkbox]):not([type=range]),.r1-panel select{max-width:100%;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--ink);font:16px/1.6 var(--mono)}.r1-panel textarea{resize:vertical;min-height:90px;display:block;margin-bottom:12px}.r1-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px}.r1-controls>.r1-field{flex:1 1 120px;margin:0}.r1-controls button,.r1-panel .button-row button{min-height:44px}.r1-check{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.r1-check input{width:18px;height:18px;margin:0}.r1-note{margin:18px 0;color:var(--accent);font:20px/1.5 var(--mono);overflow-wrap:anywhere}.r1-empty{padding:24px 0;color:var(--muted)}.r1-candidates{display:grid;gap:8px;margin:16px 0}.r1-candidates button{white-space:normal;text-align:left;overflow-wrap:anywhere}.r1-candidates small{display:block;color:var(--muted);margin-top:5px}.r1-frequency{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin-top:20px}.r1-frequency>div{display:grid;grid-template-columns:18px minmax(0,1fr) 36px;gap:8px;align-items:center;font:13px var(--mono)}.r1-frequency meter{width:100%;accent-color:var(--accent)}.r1-map{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px;margin-bottom:20px}.r1-map>div>label:first-child{display:grid;text-align:center;gap:6px;color:var(--accent);font-family:var(--mono)}.r1-map input:not([type=checkbox]){text-align:center;padding:8px 2px;text-transform:uppercase}.r1-map .r1-check{font-size:12px;gap:3px}.r1-patterns{font:13px/1.9 var(--mono);overflow-wrap:anywhere;max-height:160px;overflow:auto}.r1-piano-scroll{max-width:100%;overflow-x:auto;padding:6px 0 16px;overscroll-behavior-x:contain}.r1-piano{position:relative;display:flex;height:190px;touch-action:pan-x}.r1-panel .r1-key{border:1px solid #747b8d;border-radius:0 0 4px 4px;display:flex;justify-content:center;align-items:flex-end;padding:0 0 10px;font:12px var(--mono);touch-action:none;user-select:none;flex:none;min-height:0}.r1-panel .r1-key.white{width:42px;height:184px;background:#eee;color:#161b24}.r1-panel .r1-key.black{position:absolute;z-index:1;width:28px;height:112px;background:#17202c;color:#fff}.r1-panel .r1-key.is-playing{background:var(--accent);color:#10141c}.r1-cube-view{height:350px;width:100%;display:grid;place-items:center}.r1-cube-view twisty-player{width:100%;height:100%;max-width:440px}.r1-moves{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.r1-moves button{padding:10px 4px}.r1-cube-net{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:5px;max-width:340px;margin:20px auto}.r1-cube-face{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.r1-cube-face span{aspect-ratio:1;display:grid;place-items:center;font:11px var(--mono);color:#10141c;border:1px solid #10141c}.face-U{grid-area:1/2}.face-L{grid-area:2/1}.face-F{grid-area:2/2}.face-R{grid-area:2/3}.face-B{grid-area:2/4}.face-D{grid-area:3/2}[data-color=U]{background:#eee}[data-color=D]{background:#ffdf42}[data-color=F]{background:#55c389}[data-color=B]{background:#659fe7}[data-color=R]{background:#f47676}[data-color=L]{background:#f5aa55}.r1-qr-canvas{display:block;width:min(100%,520px);height:auto;aspect-ratio:1;touch-action:none;image-rendering:pixelated;border:1px solid var(--line);margin:16px auto}.r1-qr-preview{max-width:100%;max-height:300px;height:auto;object-fit:contain;margin-bottom:16px}.r1-compass{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:280px;margin:auto}.r1-semaphore{display:block;width:180px;height:180px;margin:auto;color:var(--cyan)}.r1-panel button.selected,.r1-panel button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.r1-segments{display:grid;grid-template-columns:54px 100px 54px;grid-template-rows:44px 65px 44px 65px 44px;gap:4px;width:max-content;margin:20px auto}.r1-segments button{padding:2px;min-height:0!important;background:var(--bg);color:var(--muted);border:1px solid var(--line);font-size:12px}.seg-a{grid-area:1/2}.seg-b{grid-area:2/3}.seg-c{grid-area:4/3}.seg-d{grid-area:5/2}.seg-e{grid-area:4/1}.seg-f{grid-area:2/1}.seg-g{grid-area:3/2}.r1-pigpen{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px}.r1-pigpen button{min-width:0;padding:8px 4px}.r1-pigpen svg{display:block;width:100%;max-width:50px;margin:auto}.r1-panel ul{padding-left:22px}.r1-panel li,.r1-panel p{overflow-wrap:anywhere}.r1-panel .status:empty{min-height:0;margin:0}
@media(max-width:800px){.r1-columns{grid-template-columns:minmax(0,1fr);gap:16px}.r1-gap{margin-top:16px}.r1-map{grid-template-columns:repeat(6,minmax(0,1fr))}.r1-pigpen{grid-template-columns:repeat(6,minmax(0,1fr))}.r1-cube-view{height:280px}.r1-panel .button-row{gap:8px;flex-wrap:wrap}.r1-panel .button-row button{flex:1 1 auto}.r1-controls>.r1-field{flex-basis:100px}.r1-moves{grid-template-columns:repeat(6,minmax(0,1fr))}.r1-frequency{gap:8px}.r1-map .r1-check{flex-wrap:wrap;justify-content:center}}
@media(max-width:380px){.r1-map{grid-template-columns:repeat(5,minmax(0,1fr))}.r1-pigpen{grid-template-columns:repeat(5,minmax(0,1fr))}.r1-controls{gap:8px}.r1-frequency{grid-template-columns:minmax(0,1fr)}}