.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:14px;box-shadow:0 2px 5px #8a706014}.brand{gap:10px;letter-spacing:-1.2px}.brand-dot{color:#bca0cd}.help-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;padding:28px;border:1px solid #ffffffa0;border-radius:30px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #51415835;overflow:auto}.help-dialog::backdrop{background:#39313e80}.help-header{display:flex;align-items:center;gap:13px;margin-bottom:22px}.help-header img{width:64px;height:64px;border-radius:20px}.help-header h1{font-size:25px;font-weight:650;letter-spacing:-.8px;margin:0 0 3px}.help-header p{font-size:13px;opacity:.75;margin:0}.help-close{margin-left:auto;flex-shrink:0}.help-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-card{border-radius:19px;padding:18px;background:#b8a3ce14}.help-card:nth-child(2){background:#a7c19f19}.help-card:nth-child(3){background:#d8b59119}.help-card:nth-child(4){background:#9cbfc91b}.help-card .icon{width:23px;height:23px;margin-bottom:8px;color:#a38bb8}.help-card h2{font-size:15px;margin:0 0 7px;font-weight:600}.help-card p{font-size:13px;line-height:1.55;margin:0;opacity:.85}.help-details{margin-top:16px;border-radius:16px;padding:12px 15px;background:#b8a3ce0d;font-size:13px}.help-details summary{cursor:pointer;font-weight:550}.help-details p{line-height:1.6;margin:10px 0 0;opacity:.85}.help-shortcuts{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;opacity:.8;margin:20px 0}.help-shortcuts kbd{font:inherit;padding:3px 6px;border-radius:6px;background:#b8a3ce20;margin-right:3px}.help-author{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #b8a3ce24;padding-top:18px;font-size:13px}.help-author span{display:block;font-size:11px;opacity:.65;margin-bottom:4px}.help-author strong{font-weight:600}.help-author a{display:flex;align-items:center;gap:8px;border-radius:14px;padding:10px 13px;background:#b8a3ce1c;color:inherit;text-decoration:none;font-size:12px}.help-author a:hover{background:#b8a3ce30}.help-author a:focus-visible{outline:2px solid #b8a3ce;outline-offset:3px}.help-author .icon{width:18px;height:18px}:root[data-theme=dark] .help-dialog{border-color:#ffffff0d;box-shadow:0 24px 90px #0006}:root[data-theme=dark] .help-card .icon{color:#c7acdd}@media (max-width:650px){.topbar{height:auto;min-height:76px;flex-wrap:wrap;gap:4px;padding:10px 0}.brand{font-size:24px}.brand-logo{width:34px;height:34px;border-radius:11px}.top-actions{gap:3px}.style-button{padding:9px;min-width:0}.volume-control input{width:44px}.top-actions #fullscreen{display:none}.help-dialog{padding:20px;border-radius:24px}.help-cards{gap:8px}.help-card{padding:14px}.help-author{align-items:flex-start;flex-direction:column}}@media (max-width:390px){.top-actions{width:100%;justify-content:flex-end}.help-cards{grid-template-columns:1fr}.help-header img{width:48px;height:48px}}@media (pointer:coarse){[data-tip]:after,.pebble:before{display:none}.canvas-bar .icon-button{min-width:42px;min-height:42px}}:root[data-platform=android] #fullscreen{display:none}@media (pointer:coarse) and (max-width:540px){.top-actions{width:100%;justify-content:center;gap:8px}.top-actions .icon-button{width:42px;height:42px}.top-actions #volume,.top-actions #style-label,.top-actions .style-chevron{display:none}.top-actions .style-button{width:42px;height:42px;justify-content:center;padding:0;gap:0}.topbar{gap:6px;padding:10px 0}.help-shortcuts{display:none}}@media (pointer:coarse) and (max-height:500px){.studio{min-height:320px;padding:0 12px}.topbar{height:58px;min-height:58px;padding:5px 0}.brand-logo{width:32px;height:32px}.canvas-bar{height:36px}.bottom-area{height:124px;gap:5px}.dock{padding:7px 14px;row-gap:5px}.pebble{height:34px;width:38px}.play-button{height:44px;width:48px}.time-button{padding:6px;min-width:60px}.timeline{height:62px}.part-tab canvas{height:32px}.sequence-play{height:48px}.help-dialog{max-height:calc(100dvh - 16px)}}