#ap-app {color:#1f2937}
#ap-app h2 {font-weight:700}
#ap-app .tool-select {appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23475569' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 8px;background-position:right 12px center}
.ap-heading {display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}
#ap-name {min-width:0;overflow-wrap:anywhere;font-size:18px}
.ap-panel {padding:18px;background:#f8fafc;border:1px solid #dbeafe;border-radius:10px;margin:16px 0}
.ap-mode-grid {margin-top:16px;max-width:340px}
.ap-preset-label {display:block;font-weight:600;margin:14px 0 6px}
#ap-preset {max-width:420px;min-height:46px}
.ap-transport {display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin:18px 0}
.ap-transport button {min-height:46px}
.ap-transport #ap-play {min-width:100px}
.ap-range {display:flex;align-items:center;gap:12px;padding:0 10px;border:1px solid #d1d5db;border-radius:6px;background:white;min-width:0}
.ap-range output {white-space:nowrap;font-variant-numeric:tabular-nums}
.ap-range input[type=checkbox] {width:18px;height:18px}
.ap-wave {border:1px solid #dbeafe;border-radius:8px;background:#f8fafc;overflow-x:auto;overflow-y:hidden}
#ap-wave {display:block;height:150px;width:100%;touch-action:pan-x;cursor:crosshair}
.ap-position {display:flex;align-items:center;gap:16px;margin:14px 0}
#ap-clock {font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}
#ap-seek {min-width:0;flex:1}
.ap-advanced {margin-top:16px;border-top:1px solid #e5e7eb;padding-top:12px}
.ap-advanced summary {cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;gap:8px}
.ap-advanced summary::before {content:'▸';color:#64748b}
.ap-advanced[open] summary::before {content:'▾'}
.ap-check {display:flex;align-items:center;gap:10px;min-height:46px;margin:10px 0;font-size:14px}
.ap-playlist {display:grid;gap:8px;margin-top:12px}
.ap-item {display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:8px}
.ap-item.is-current {border-color:#2563eb;background:#eff6ff}
.ap-item-select {min-width:0;flex:1;text-align:left;padding:8px;background:none;border:0;cursor:pointer;overflow-wrap:anywhere}
.ap-item-select strong {display:block;font-weight:600}.ap-item-select small {display:block;color:#64748b;margin-top:3px}
.ap-item .ap-remove {flex-shrink:0;min-width:44px;min-height:44px}
.ap-task {display:flex;gap:12px;align-items:center;margin-top:16px}.ap-task progress {flex:1;min-width:0}
.ap-format-links {display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px}
.tool-copy-block a {color:#2563eb}
#ap-app button:disabled {opacity:.5;cursor:not-allowed}
#ap-app .hidden {display:none!important}
@media(max-width:600px){.ap-panel{padding:12px}.ap-transport{display:grid;grid-template-columns:1fr auto 1.4fr auto 1fr;gap:6px}.ap-transport button{padding:8px 6px;min-width:0!important;overflow-wrap:anywhere;font-size:13px}.ap-position{flex-wrap:wrap;gap:10px}#ap-clock{width:100%}#ap-seek{width:100%;flex-basis:100%}#ap-wave{height:120px}.ap-item{gap:4px}.ap-mode-grid{max-width:none}}

#ap-clear {flex-shrink:0;white-space:nowrap}
#ap-pcm-title {display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;min-height:46px;cursor:pointer}
#ap-pcm-title::before {content:"▸";color:#64748b}
#ap-pcm[open] #ap-pcm-title::before {content:"▾"}
#ap-pcm-summary {font-size:13px;color:#64748b;font-weight:400}