.pg-root{max-width:1200px;margin:0 auto;padding:40px 24px 100px}.pg-back{border:1px solid var(--line);background:var(--surface);width:fit-content;color:var(--ink-2);font:600 12.5px var(--sans);cursor:pointer;border-radius:8px;align-items:center;gap:5px;margin-bottom:18px;padding:7px 12px;text-decoration:none;transition:all .12s;display:flex}.pg-back:hover{color:var(--ink);border-color:var(--line-2)}.pg-body{align-items:flex-start;gap:20px;margin-top:24px;display:flex}.pg-preview{border:1px solid var(--line);background:radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0) 0 0 / 16px 16px, var(--surface);border-radius:16px;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:22px;display:flex}.pg-panel{flex:0 0 340px;position:sticky;top:20px}.pg-panel-inner{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:16px;flex-direction:column;gap:5px;max-height:calc(100vh - 40px);padding:16px;display:flex;overflow-y:auto}.pg-panel-inner::-webkit-scrollbar{width:10px}.pg-panel-inner::-webkit-scrollbar-track{background:0 0}.pg-panel-inner::-webkit-scrollbar-thumb{background-color:var(--line);background-clip:content-box;border:3px solid #0000;border-radius:999px}.pg-panel-inner::-webkit-scrollbar-thumb:hover{background-color:var(--ink-3)}.pg-panel-title{font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);padding-left:4px}.pg-panel-hint{font:500 11px var(--sans);color:var(--ink-3);min-height:14px;margin-top:-4px;padding-left:4px}.pg-panel-inner .ctrl{border-radius:9px;grid-template-columns:56px 1fr auto;gap:9px;padding:7px 11px;transition:background .12s,box-shadow .12s}.pg-panel-inner .field{border-radius:9px;grid-template-columns:56px 1fr;gap:9px;padding:7px 11px;transition:background .12s,box-shadow .12s}html[lang=en] .pg-panel-inner .ctrl,html[lang=ja] .pg-panel-inner .ctrl{grid-template-columns:92px 1fr auto}html[lang=en] .pg-panel-inner .field,html[lang=ja] .pg-panel-inner .field{grid-template-columns:92px 1fr}.pg-panel-inner .ctrl-hi,.pg-panel-inner .field-hi{background:var(--hl-bg-soft);box-shadow:inset 0 0 0 1px var(--hl-ring)}.play-group-label{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:1px 0}.pg-panel-inner .play-group-label{margin-top:6px;padding-left:11px}.play-divider{background:var(--line);height:1px;margin:3px 0}.preset-chip{border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:600 12px var(--sans);cursor:pointer;border-radius:999px;padding:6px 13px;transition:all .12s}.preset-chip:hover{background:var(--accent-bg);color:var(--accent-ink);border-color:var(--accent-line)}.pg-region{outline-offset:2px;border-radius:6px;outline:2px solid #0000;transition:outline-color .12s;position:relative}.pg-region:hover,.pg-pinned{outline-color:var(--hl-ring)}.pg-preview.has-pin .pg-region:hover:not(.pg-pinned){outline-color:#0000}.pg-pin-btn{z-index:2;border:1px solid var(--line);background:var(--surface);cursor:pointer;opacity:0;border-radius:7px;width:24px;height:24px;font-size:12px;line-height:1;transition:opacity .12s;position:absolute;top:4px;right:4px}.pg-region:hover .pg-pin-btn,.pg-region:focus-within .pg-pin-btn,.pg-pin-btn:focus-visible,.pg-pin-btn[aria-pressed=true]{opacity:1}.pg-link{cursor:default;transition:opacity .12s}.pg-link:hover{opacity:.55}.play-card{transition:transform .16s,box-shadow .16s}.play-card:hover{transform:translateY(-3px)}.spec-sheet{background:var(--ink);border-radius:12px;margin-top:6px;padding:16px 18px}.spec-sheet-head{font:600 11px var(--mono);letter-spacing:.1em;color:#8a8b94;margin-bottom:10px}.spec-sheet-grid{font:500 12.5px var(--mono);color:#c9cad2;grid-template-columns:1fr;gap:6px;display:grid}.spec-sheet-grid b{color:#fff;font-weight:600}@media (width<=860px){.pg-body{flex-direction:column}.pg-panel{flex:auto;width:100%;position:static}.pg-panel-inner{max-height:none}.pg-panel-inner .ctrl{grid-template-columns:84px 1fr auto}.pg-panel-inner .field{grid-template-columns:84px 1fr}}.composer-about[data-astro-cid-v7ekvq6q]{padding-top:8px;padding-bottom:72px}.composer-about[data-astro-cid-v7ekvq6q] h2[data-astro-cid-v7ekvq6q]{margin-bottom:10px;font-size:17px;font-weight:700}.composer-about[data-astro-cid-v7ekvq6q] p[data-astro-cid-v7ekvq6q]{color:var(--ink-2);margin-top:10px;font-size:14px;line-height:1.7}.composer-about[data-astro-cid-v7ekvq6q] a[data-astro-cid-v7ekvq6q]{color:var(--accent-ink)}.composer-rail[data-astro-cid-v7ekvq6q]{display:none}@media (width>=1600px){.composer-main[data-astro-cid-v7ekvq6q].has-rails{grid-template-columns:160px minmax(0,1fr) 160px;align-items:start;gap:24px;display:grid}.composer-main[data-astro-cid-v7ekvq6q].has-rails .composer-rail[data-astro-cid-v7ekvq6q]{display:block;position:sticky;top:24px}}