:root{font-family:Inter,Segoe UI,Yu Gothic UI,Meiryo,sans-serif;color:#dce7f6;background:#080e18;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html.editor-page,html.editor-page body,html.editor-page #root{height:100%;overflow:hidden;overscroll-behavior:none}html.editor-page body{position:fixed;inset:0;width:100%}button,input{font:inherit}button{cursor:pointer}.app-shell,.app-shell *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app-shell input,.app-shell textarea,.app-shell [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.app-shell{display:flex;flex-direction:column;height:100vh;min-width:940px;overflow:hidden}.topbar{height:76px;flex:0 0 76px;display:flex;align-items:center;gap:22px;padding:0 24px;background:#0d1523;border-bottom:1px solid #2e3a50}.brand{display:flex;align-items:center;gap:12px;min-width:184px;font-size:13px;font-weight:800;letter-spacing:.1em;line-height:1.2;white-space:nowrap}.brand small{display:block;color:#70829e;font-size:10px;font-weight:500;letter-spacing:.02em;margin-top:4px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#071523;font-size:16px;border-radius:9px;background:linear-gradient(145deg,#86eaff,#3cb5ec);box-shadow:0 0 22px #36c1e14d}.top-field{display:flex;flex-direction:column;gap:5px;color:#8293ad;font-size:10px;letter-spacing:.08em;font-weight:700}.top-field input{height:34px;background:#172234;border:1px solid #35445c;border-radius:6px;color:#ebf4ff;padding:0 10px;outline:none}.top-field input:focus,.inspector input:focus{border-color:#67d9f3;box-shadow:0 0 0 2px #67d9f326}.title-field{flex:1;min-width:150px;max-width:330px}.bpm-field{width:82px}.top-actions{display:flex;gap:8px;margin-left:auto}.top-actions button,.go-start,.jump-row button{background:#172337;border:1px solid #3a4a62;color:#d9e6f5;border-radius:6px;min-height:34px;padding:0 13px;font-size:12px;font-weight:700;white-space:nowrap}.top-actions button:hover,.go-start:hover,.jump-row button:hover{background:#23334d}.top-actions .primary{color:#081825;background:#68d5ee;border-color:#87e8fa}.top-actions .primary:hover{background:#9ceafb}.menu-link,.song-strip button,.play-header button,.play-controls button{background:#172337;border:1px solid #3a4a62;color:#d9e6f5;border-radius:6px;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;white-space:nowrap}.menu-link:hover,.song-strip button:hover,.play-header button:hover,.play-controls button:hover{background:#23334d}.song-strip{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:50px;padding:6px 18px;border-bottom:1px solid #2c3e55;background:#101d2e;color:#a8bfd7;font-size:11px;overflow-x:auto}.song-strip-name{min-width:100px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8f5ff;font-weight:700}.song-strip label{display:flex;align-items:center;gap:8px;white-space:nowrap}.song-strip input{width:88px;height:32px;padding:0 7px;border:1px solid #3a4e68;border-radius:5px;background:#172337;color:#e5f2ff}.song-strip button:disabled{opacity:.45;cursor:default}.grid-nudge{display:flex;gap:4px;flex:0 0 auto}.grid-nudge button{min-height:30px;padding:0 7px;font-size:10px}.grid-quarter{display:flex;gap:6px;flex:0 0 auto}.grid-quarter button{min-width:95px;min-height:30px;padding:0 9px;font-size:11px}.analysis-result{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:46px;padding:6px 18px;border-bottom:1px solid #735e3c;background:#2a281f;color:#ffe3a5;font-size:11px}.analysis-result span{flex:1 1 270px}.analysis-result button{min-height:30px;padding:0 9px;border:1px solid #9b865a;border-radius:5px;background:#443d2c;color:#fff1ca;font-size:11px;font-weight:700}.home-screen{min-width:0;background:radial-gradient(circle at 70% 0,#1a3553 0,#0a111d 48%)}.home-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #31435a;background:#0d1523bd}.home-header>span{color:#75a9be;font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.16em}.home-main{width:min(1080px,100%);margin:0 auto;padding:48px 28px 70px;overflow-y:auto}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px;border:1px solid #42647d;border-radius:16px;background:linear-gradient(120deg,#17334c,#0d1c30 72%);box-shadow:0 22px 60px #0004}.home-hero h1{margin:10px 0 12px;color:#ecf8ff;font-size:clamp(24px,3.5vw,38px);letter-spacing:.04em}.home-hero p{max-width:580px;margin:0;color:#a9c1d6;font-size:13px;line-height:1.8}.home-create{flex:0 0 auto;min-height:54px;padding:0 24px;border:1px solid #a7f3ff;border-radius:10px;background:linear-gradient(135deg,#92efff,#48c9e8);color:#062030;font-weight:800;font-size:14px;box-shadow:0 12px 30px #3dc9e842}.home-create:disabled{opacity:.6}.home-library{margin-top:46px}.home-section-title{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid #334860;padding-bottom:14px}.home-section-title h2{margin:0;font-size:19px}.home-section-title>span:last-child{margin-left:auto;color:#8096ad;font-size:11px}.home-empty{padding:38px 12px;color:#8da2b8;text-align:center;font-size:13px}.chart-cards{display:grid;gap:12px;margin-top:17px}.chart-card{display:flex;align-items:center;gap:16px;min-width:0;padding:18px;border:1px solid #344b64;border-radius:11px;background:#132238}.chart-card-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #4b91a8;border-radius:9px;background:#19445a;color:#9eeaff;font-size:24px}.chart-card-info{flex:1;min-width:0}.chart-card-info h3,.chart-card-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-card-info h3{margin:0 0 5px;color:#f0f8ff;font-size:15px}.chart-card-info p{margin:0 0 8px;color:#93acc5;font-size:12px}.chart-card-info small{color:#6ecfe6;font:11px ui-monospace,Consolas,monospace}.chart-card-actions{display:flex;gap:8px}.chart-card-actions button,.play-overlay button{min-height:38px;padding:0 13px;border:1px solid #507087;border-radius:7px;background:#20374c;color:#e5f2ff;font-size:12px;font-weight:700;white-space:nowrap}.chart-card-actions .primary,.play-overlay .primary{border-color:#83e7f6;background:#65d9f1;color:#062535}.chart-card-actions .chart-delete{border-color:#8a5360;color:#ffd9df}.chart-card-actions .chart-delete:hover{background:#55303a}.chart-card.confirming{flex-wrap:wrap}.chart-card-delete-confirm{display:flex;align-items:center;gap:8px;flex:0 0 100%;flex-wrap:wrap;padding-top:13px;border-top:1px solid #614852;color:#f0cbd1;font-size:11px;line-height:1.5}.chart-card-delete-confirm span{flex:1 1 260px}.chart-card-delete-confirm button{min-height:34px;padding:0 11px;border:1px solid #6a5965;border-radius:6px;background:#2a3040;color:#edf1fa;font-size:11px;font-weight:700}.chart-card-delete-confirm .confirm-delete{border-color:#ce7483;background:#7a3441;color:#fff}.chart-card-delete-confirm .confirm-delete:hover{background:#9b4050}.home-message{margin:20px 0 0;min-height:22px;color:#8dacc2;font-size:12px}.play-screen{min-width:0;height:100dvh;overflow:hidden}.play-field{position:relative;flex:1;min-height:240px;overflow:hidden}.play-field canvas{display:block;touch-action:none}.play-pause-button{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-height:44px;padding:0 18px;border:1px solid #72dbee;border-radius:8px;background:#102c42e8;color:#e8faff;font-size:14px;font-weight:800;touch-action:manipulation}.play-combo{position:absolute;top:39%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#ecfbff;font:900 18px ui-monospace,Consolas,monospace;letter-spacing:.12em;text-shadow:0 2px 8px #041522,0 0 18px #42d6f6;pointer-events:none}.play-combo strong{font-size:clamp(36px,6vw,68px);line-height:1}.play-judgment{position:absolute;top:53%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;font:900 clamp(20px,4vw,36px) ui-monospace,Consolas,monospace;letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 3px #06101e,0 0 8px #06101e;pointer-events:none}.play-timing{font-size:clamp(15px,2.6vw,22px)}.play-result-judgments{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 12px;font-weight:800;text-shadow:0 1px 3px #06101e}.play-overlay{position:absolute;inset:0;display:grid;place-items:center;overflow-y:auto;background:#07101bd0;text-align:center;padding:18px}.play-dialog{width:min(430px,100%);max-height:100%;overflow-y:auto;padding:24px;border:1px solid #5b849b;border-radius:12px;background:#132a40;box-shadow:0 16px 50px #0009}.play-overlay h2{margin:0 0 10px;font-size:28px;letter-spacing:.12em;color:#9ceaff}.play-overlay p{margin:0 0 17px;color:#bdcfe1;font-size:13px;line-height:1.6}.play-result-combo strong{color:#eaff9b;font-size:34px}.play-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0}.play-dialog-actions button{min-height:44px}.play-settings{display:grid;gap:12px;margin:16px 0;padding:15px;border:1px solid #36516d;border-radius:8px;background:#14243a;color:#c8d9e9;font-size:12px;text-align:left}.play-settings label{display:flex;align-items:center;gap:8px}.play-settings .play-speed{flex-wrap:wrap;justify-content:space-between}.play-settings .play-speed input{width:100%}.play-settings input[type=range]{accent-color:#6bdcf1}.play-settings input[type=number]{width:66px;height:32px;padding:0 7px;border:1px solid #4a6179;border-radius:5px;background:#0d1b2b;color:#e9f8ff}.play-settings button{min-height:32px;padding:0 9px;border:1px solid #4a6179;border-radius:5px;background:#20374f;color:#e5f5ff;font-size:11px}.play-offset-buttons{display:flex;flex-wrap:wrap;gap:6px}.play-settings .play-sound{min-height:32px}.play-settings .play-sound input{width:18px;height:18px;accent-color:#6bdcf1}.play-settings small{color:#8fa9bd}.play-dialog .play-menu-link{margin-top:6px;border:0;background:transparent;color:#a9c8da}.workspace{display:flex;flex:1;min-height:0}.chart-section{display:flex;flex:1;flex-direction:column;min-width:550px;min-height:0;background:#0a111d}.chart-toolbar{height:45px;flex:0 0 45px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #263449;color:#8295af;font-size:11px}.chart-toolbar strong{font-size:12px;color:#dce9fa;letter-spacing:.06em}.chart-zoom{display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-right:5px}.chart-zoom button{width:30px;height:29px;padding:0;border:1px solid #4d6882;border-radius:5px;background:#233a52;color:#e6f8ff;font-size:20px;line-height:1}.chart-zoom button:focus-visible,.timeline-play-button:focus-visible{outline:2px solid #a7eeff;outline-offset:2px}.chart-zoom span{min-width:42px;color:#dff7ff;text-align:center;font:700 12px ui-monospace,Consolas,monospace}.eyebrow{color:#6edbef;font-size:10px;letter-spacing:.16em;font-weight:800}.toolbar-spacer{flex:1}.toolbar-divider{width:1px;height:17px;background:#40516b}.canvas-host{flex:1;min-height:0;position:relative;overflow:hidden}.canvas-host canvas{display:block;touch-action:none;cursor:crosshair}.timeline-play-button{position:absolute;z-index:2;top:50%;left:5px;transform:translateY(-50%);width:64px;height:62px;padding:0 0 0 4px;border:0;clip-path:polygon(0 50%,20% 0,80% 0,100% 50%,80% 100%,20% 100%);background:#8b99aa;color:#fff;font-size:25px;text-align:center;text-shadow:0 1px 2px #344454;box-shadow:inset 0 0 0 4px #d6e5f6;touch-action:manipulation}.timeline-play-button.playing{background:#4abdd6}.chart-footer{display:flex;gap:22px;align-items:center;height:34px;flex:0 0 34px;padding:0 16px;border-top:1px solid #2b3c54;color:#b6c7df;font-size:11px;white-space:nowrap}.chart-footer b{color:#69809f;font-size:10px;margin-right:4px}.sidebar{width:292px;flex:0 0 292px;padding:20px 18px 28px;overflow-y:auto;border-left:1px solid #344158;background:#101a2b}.panel{border-bottom:1px solid #2d3b52;padding-bottom:22px;margin-bottom:22px}.panel:last-child{border-bottom:0}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-title span{color:#5dd5ee;font:700 11px ui-monospace,Consolas,monospace}.panel-title h2{margin:0;font-size:13px;letter-spacing:.05em}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-button{display:flex;align-items:center;gap:9px;height:46px;padding:0 12px;color:#b7c9e2;background:#17243a;border:1px solid #344760;border-radius:7px;font-size:12px;font-weight:700}.tool-button:hover{background:#213451}.tool-button.active{color:#e6faff;background:#12374a;border-color:#53cbe7;box-shadow:inset 0 0 0 1px #53cbe741}.tool-icon{display:grid;place-items:center;width:21px;color:#91b2d2;font-size:20px;line-height:1}.tool-icon.tap{color:#70ddf5}.tool-icon.hold{color:#c9e96d}.tool-icon.ex,.note-badge.ex{color:#f0f4ff}.tool-icon.mine,.note-badge.mine{color:#ff4d5a}.tool-icon.drag,.note-badge.drag{color:#ff5ba7}.tool-icon.flick,.note-badge.flick{color:#a875ff}.tool-icon.rapid,.note-badge.rapid{color:#42d68a}.tool-icon.delete{color:#f89aa8;font-size:23px}.hint,.empty-selection{margin:12px 0 0;color:#8799b2;font-size:11px;line-height:1.6}.setting-label{display:flex;justify-content:space-between;align-items:center;color:#a7b8d0;font-size:11px;margin-bottom:10px}.setting-label strong{color:#e5f4ff;font-size:12px}.panel input[type=range]{width:100%;accent-color:#67d8ef;margin:0}.range-ends{display:flex;justify-content:space-between;color:#7185a0;font-size:10px;margin-top:1px}.snap-label{margin-top:18px}.snap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.snap-grid button{height:32px;color:#aabbd2;background:#19263a;border:1px solid #3a4b63;border-radius:5px;font-size:10px;font-weight:700}.snap-grid button.active{background:#24536a;border-color:#75d7ef;color:#e7faff}.zoom-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.zoom-row button{width:42px;height:32px;background:#1b2a40;border:1px solid #40536b;color:#e4f0ff;border-radius:5px;font-size:20px;line-height:1}.zoom-row span{font:700 15px ui-monospace,Consolas,monospace;color:#e4f0ff}.jump-row{display:flex;gap:8px}.jump-row button{flex:1;padding:0 5px}.go-start{width:100%;margin-top:8px}.note-badge{display:inline-block;padding:5px 9px;border-radius:4px;font:800 11px ui-monospace,Consolas,monospace;margin-bottom:14px}.note-badge.tap{background:#194c5e;color:#91ebff}.note-badge.hold{background:#465322;color:#e2f597}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 9px}.inspector-grid label{display:flex;flex-direction:column;gap:5px;color:#8499b5;font-size:10px}.inspector-grid input{width:100%;min-width:0;height:33px;padding:0 8px;background:#162338;border:1px solid #3c506a;border-radius:5px;color:#e8f2ff;outline:none;font:12px ui-monospace,Consolas,monospace}.hold-point-list{display:grid;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid #344960}.hold-point-list label{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#9ab1c9;font-size:11px}.hold-point-list input{width:88px;min-width:0;height:32px;padding:0 7px;border:1px solid #3c506a;border-radius:5px;background:#162338;color:#e8f2ff}.hold-point-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px;border:1px solid #344960;border-radius:5px}.hold-point-row strong{grid-column:1 / -1;color:#d7eaa1;font-size:11px}.hold-point-row label{display:grid}.hold-point-row input{width:100%}.danger{width:100%;height:34px;margin-top:15px;background:#36202e;border:1px solid #855063;color:#ffc3ce;border-radius:5px;font-size:11px;font-weight:700}.danger:hover{background:#573041}.statusbar{display:flex;align-items:center;gap:8px;height:28px;flex:0 0 28px;padding:0 15px;background:#0b1320;border-top:1px solid #24344b;color:#92a6c0;font-size:10px;overflow:hidden;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#6de1b2;box-shadow:0 0 8px #6de1b2}.status-right{margin-left:auto;color:#6f839f}.update-banner{position:fixed;z-index:10;left:50%;bottom:calc(38px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 12px;background:#20364a;border:1px solid #6bd7ed;border-radius:8px;box-shadow:0 12px 35px #0009;color:#eefbff;font-size:12px;white-space:nowrap}.update-banner button{min-height:30px;padding:0 9px;border:0;border-radius:5px;background:#80dff1;color:#07202c;font-size:11px;font-weight:700}.update-banner .update-later{background:#385167;color:#ecf7ff}@media(max-width:1300px){.song-strip{flex-wrap:wrap;gap:6px 10px;overflow-x:visible}}@media(max-width:1120px){.topbar{gap:12px;padding:0 12px}.brand{min-width:160px}.sidebar{width:260px;flex-basis:260px;padding:16px 12px}.top-actions button{padding:0 8px}}@media(max-width:900px){html,body,#root{min-height:100%;height:auto}.app-shell{width:100%;min-width:0;min-height:100dvh;height:auto;overflow:visible;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#0a111d}.topbar{height:auto;min-height:76px;flex:none;flex-wrap:wrap;gap:10px 14px;padding:10px 14px}.brand{min-width:140px}.title-field{min-width:150px;max-width:none}.top-actions{width:100%;justify-content:flex-end}.workspace{display:block;flex:none;min-height:0}.chart-section{min-width:0;height:min(68dvh,720px);min-height:430px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;width:100%;padding:20px;overflow:visible;border-left:0;border-top:1px solid #344158}.panel{min-width:0}.chart-footer{gap:12px;overflow-x:auto}.statusbar{min-height:28px;height:auto;flex:none;padding-bottom:env(safe-area-inset-bottom)}.home-screen,.play-screen{min-height:100dvh}.home-main{padding-top:28px}.play-screen{height:100dvh;overflow:hidden}}@media(max-width:580px){.topbar{gap:10px}.brand{width:100%}.title-field{flex:1;min-width:0}.bpm-field{width:70px}.top-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.top-actions button{min-width:0;padding:0 4px;font-size:10px}.chart-toolbar{padding:0 9px;gap:6px}.chart-toolbar>span:not(.eyebrow):not(.toolbar-spacer):not(.toolbar-divider){display:none}.chart-zoom{gap:2px;margin-right:2px}.chart-zoom button{width:27px}.chart-zoom span{min-width:37px}.chart-section{height:61dvh;min-height:390px}.chart-footer{padding:0 8px;font-size:10px}.sidebar{grid-template-columns:1fr;padding:16px}.update-banner{width:calc(100vw - 20px);flex-wrap:wrap;white-space:normal}.home-header{padding:0 16px}.home-header>span{display:none}.home-main{padding:20px 16px 50px}.home-hero{display:block;padding:24px}.home-create{width:100%;margin-top:22px}.chart-card{flex-wrap:wrap}.chart-card-actions{width:100%}.chart-card-actions button{flex:1}.play-dialog{padding:18px}}@media(max-width:900px)and (orientation:landscape){.chart-section{height:max(70dvh,300px);min-height:300px}.topbar{min-height:60px}}.editor-screen{width:100%;min-width:0;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;padding:0}.editor-workspace{display:flex;flex:1;min-height:0;width:100%;overflow:hidden}.editor-screen .chart-section{flex:1;flex-direction:row;width:auto;min-width:0;min-height:0;height:auto;touch-action:none}.editor-screen .canvas-host{flex:1;width:auto;min-width:0}.left-position-marker{position:absolute;z-index:2;bottom:70px;left:0;display:flex;align-items:center;justify-content:center;width:74px;height:24px;border-right:3px solid #6feaff;background:#1d4562d9;color:#e2faff;font:700 11px ui-monospace,Consolas,monospace;pointer-events:none}.overview-scrollbar{flex:0 0 44px;min-width:44px;height:100%;padding:10px 11px;border-left:1px solid #52708d;background:#0c1928;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.overview-scrollbar:focus-visible{outline:2px solid #9bedff;outline-offset:-2px}.overview-track{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #68859f;border-radius:5px;background:#17283c;pointer-events:none}.overview-track:before{position:absolute;inset:0;content:"";background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#58708666 calc(25% - 1px),#58708666 25%)}.overview-window{position:absolute;right:2px;left:2px;min-height:4px;border-radius:3px;background:#64d8ee5c}.overview-current{position:absolute;right:-1px;left:-1px;height:5px;transform:translateY(50%);border:1px solid #e9fbff;border-radius:3px;background:#66e9ff;box-shadow:0 0 9px #62e8ff}.editor-chart-menu{display:grid;gap:9px}.editor-menu-top{display:flex;align-items:center;gap:7px}.editor-menu-top .menu-link{flex:1;min-width:0;min-height:38px;padding:0 5px;border:1px solid #3a4a62;border-radius:6px;background:#172337;color:#d9e6f5;font-size:11px;font-weight:700}.editor-chart-menu .chart-zoom{display:flex;align-items:center;gap:5px;margin:0}.editor-chart-menu .chart-zoom button{width:34px;height:38px}.editor-chart-menu .chart-zoom span{min-width:38px}.editor-chart-fields{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:7px}.editor-chart-fields .top-field{min-width:0}.editor-chart-fields input{width:100%;min-width:0;padding:0 6px}.editor-file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.editor-file-actions button{min-width:0;min-height:35px;padding:0 3px;border:1px solid #3a4a62;border-radius:5px;background:#172337;color:#d9e6f5;font-size:10px;font-weight:700}.editor-position{margin:0;color:#9ab5c9;font-size:11px;line-height:1.4}.editor-message{margin:0;padding-top:8px;border-top:1px solid #33445d;color:#a9c2d5;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.editor-screen .sidebar{display:block;flex:0 0 270px;width:270px;min-height:0;padding:15px 12px 24px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.editor-sidebar-tabs{position:sticky;top:-15px;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 0 10px;background:#101a2b}.editor-sidebar-tabs button{min-width:0;min-height:44px;padding:3px;border:1px solid #3a4a62;border-radius:6px;background:#172337;color:#bfd1e5;font-size:10px;font-weight:700;touch-action:manipulation}.editor-sidebar-tabs button.active{border-color:#69d9ef;background:#17465a;color:#effcff}.editor-sidebar-message{margin:0 0 14px;padding:0 0 10px;border-top:0;border-bottom:1px solid #33445d}.editor-screen .sidebar .panel{margin-bottom:16px;padding-bottom:16px}.editor-screen .sidebar .panel-title{margin-bottom:11px}.editor-screen .snap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-screen .snap-label{margin-top:0}.music-panel{display:grid;gap:9px}.music-panel .panel-title{margin:0}.music-panel .song-strip-name{max-width:100%;margin:0;overflow-wrap:anywhere;white-space:normal;font-size:11px}.music-panel>button{min-height:34px;padding:4px 7px;border:1px solid #3a4a62;border-radius:5px;background:#172337;color:#d9e6f5;font-size:11px;font-weight:700}.music-panel>button:disabled{opacity:.5}.music-panel label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a7b8d0;font-size:11px}.music-panel label input[type=number]{width:95px;min-height:32px;padding:0 6px;border:1px solid #3a4e68;border-radius:5px;background:#172337;color:#e5f2ff}.music-panel .grid-quarter,.music-panel .grid-nudge{display:flex;gap:5px}.music-panel .grid-quarter button,.music-panel .grid-nudge button{flex:1;min-width:0;min-height:34px;padding:0 3px;border:1px solid #3a4a62;border-radius:5px;background:#172337;color:#d9e6f5;font-size:10px}.music-panel .editor-sound-toggle{justify-content:flex-start}.music-panel .editor-sound-toggle input{width:18px;height:18px;accent-color:#6bdcf1}.editor-sound-panel{display:grid;gap:11px}.editor-sound-panel .panel-title{margin-bottom:0}.editor-sound-panel .editor-sound-toggle{display:flex;align-items:center;gap:8px;color:#d9e7f5;font-size:12px}.editor-sound-panel .editor-sound-toggle input{width:20px;height:20px;accent-color:#6bdcf1}.editor-volume-label{display:grid;grid-template-columns:1fr auto;gap:6px;color:#a7b8d0;font-size:11px}.editor-volume-label strong{color:#e7faff}.editor-volume-label input{grid-column:1 / -1;min-height:30px;margin:0;touch-action:none}.editor-audio-position{color:#8aa8c2;font-size:11px}.timing-debug{position:fixed;z-index:20;top:4px;right:4px;max-width:calc(100vw - 12px);border:1px solid #40536b;border-radius:4px;background:#0b1423ed;color:#d9e6f5;font:11px/1.5 ui-monospace,monospace;pointer-events:none}.timing-debug summary{cursor:pointer;padding:4px 8px;pointer-events:auto}.timing-debug output{display:block;padding:4px 8px 8px;pointer-events:none}.editor-screen .timing-debug{left:80px;right:auto}.editor-screen .analysis-result{padding:10px;margin-bottom:14px;border:1px solid #735e3c;border-radius:6px}.editor-screen .analysis-result button{width:100%}.editor-screen .timeline-play-button{top:50%;left:10px;width:52px;height:52px;padding:0;border:2px solid #d6e5f6;border-radius:9px;clip-path:none;transform:translateY(-50%);font-size:25px;box-shadow:0 2px 10px #0008}.width-selector{position:absolute;right:8px;bottom:10px;left:0;z-index:2;display:flex;align-items:center;gap:5px;height:30px}.width-selector>span{flex:0 0 69px;color:#d2e3f1;font:700 11px ui-monospace,Consolas,monospace;text-align:center}.width-lanes{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));flex:1;height:28px;border:1px solid #8997aa;border-radius:3px;overflow:hidden;background:#253246}.width-lanes button{min-width:0;padding:0;border:0;border-right:1px solid #6d8097;background:transparent;touch-action:manipulation}.width-lanes button:last-child{border-right:0}.width-lanes button.active{background:#9ca9b8}.width-lanes button[aria-pressed=true]{background:#6feaff}.width-lanes button:focus-visible{outline:2px solid #fff;outline-offset:-2px}@media(max-width:900px){.editor-screen .sidebar{flex-basis:225px;width:225px;padding:10px 8px 18px}.editor-screen .chart-section{height:auto;min-height:0}}.offline-status{margin:18px 0;padding:16px;border:1px solid #38516a;border-radius:12px;background:#101d2d;color:#d9e7f5}.offline-status strong{color:#8ae4d1}.offline-status p{color:#a7b8d0;font-size:13px;line-height:1.7}.offline-status button{min-height:44px;padding:8px 16px;border:1px solid #58738c;border-radius:6px;background:#1a344b;color:#eef8ff}