#instrument-watch-view{max-width:1320px;margin:auto;padding:24px 30px 70px}
.watch-categories{display:grid;grid-template-columns:.65fr 1fr 1fr 1fr;gap:14px;margin:28px 0 22px}
.watch-categories button{display:flex;flex-direction:column;gap:9px;align-items:flex-start;text-align:left;background:#fff;border:1px solid #d6d9db;border-radius:12px;padding:20px;color:#25282a;font:inherit;cursor:pointer;min-width:0}
.watch-categories button[aria-pressed=true]{border-color:#a56c00;box-shadow:inset 0 0 0 1px #a56c00;background:#fff8e8}
.watch-categories strong{font-size:18px}.watch-count{font-size:14px;color:#646b70}
.watch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.watch-card{border:1px solid #dadddf;border-radius:14px;overflow:hidden;background:#fff;min-width:0}
.watch-picture{display:block;width:100%;position:relative;border:0;border-bottom:1px solid #e5e5e5;padding:0;background:#eeeeeb;cursor:pointer}
.watch-picture img{display:block;width:100%;height:255px;object-fit:contain}
.watch-picture>span{position:absolute;bottom:12px;left:12px;border-radius:30px;background:#25282a;color:#fff;padding:8px 14px;font-weight:650}
.watch-card-info{padding:20px}.watch-card h2{font-size:21px;line-height:1.3;margin:9px 0}.watch-part{font-weight:650}
.watch-note{background:#fff8e7;border-left:3px solid #c28c20;padding:10px 12px;line-height:1.45;font-size:15px}.watch-notice-items{max-width:100%}
.watch-kit-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}
.watch-kit-links button{border:0;background:none;text-align:left;color:#735000;text-decoration:underline;cursor:pointer;padding:5px 0;font:inherit;line-height:1.4}
.watch-unmatched{font-size:14px;color:#6d6250}.watch-notice{margin:0 0 25px;padding:20px 24px;border:1px solid #dbb55e;border-left:5px solid #ecaa0c;border-radius:10px;background:#fff8e7;display:flex;gap:25px;justify-content:space-between}
.watch-notice h3{margin:7px 0;font-size:22px}.watch-notice p{margin:6px 0}.watch-notice-items{display:flex;flex-direction:column;gap:14px;min-width:240px}.watch-notice-items>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.watch-notice-items span{font-size:14px}
.watch-play,.watch-badge{font:inherit;border:1px solid #c28c20;background:#fff4d5;color:#664400;border-radius:7px;padding:8px 12px;cursor:pointer;text-align:left}.watch-row-link{margin-top:8px}.watch-row-link .watch-play{font-size:13px;padding:5px 8px}
.watch-badge{display:inline-block;font-size:13px;margin-bottom:14px}.watch-card button:focus-visible,.watch-categories button:focus-visible,.watch-play:focus-visible{outline:3px solid #292929;outline-offset:3px}
#watch-player{width:min(900px,94vw);max-height:92vh;padding:0;border:0;border-radius:14px;overflow:auto}#watch-player .dialoghead{position:sticky;top:0;z-index:2;background:#fff}#watch-player-title{font-size:21px;margin:0;line-height:1.3}#watch-player .close{flex-shrink:0}
.watch-player-body{padding:18px 24px 25px}#watch-video{display:block;width:100%;max-height:61vh;background:#171717;border-radius:8px}#watch-playback-error{color:#a22618}#watch-empty{padding:35px 0}
@media(max-width:900px){.watch-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-notice{flex-direction:column;gap:12px}}
@media(max-width:580px){#instrument-watch-view{padding:14px 16px 45px}.watch-categories{grid-template-columns:1fr 1fr;gap:10px}.watch-categories button:first-child{grid-column:auto;flex-direction:column;justify-content:flex-start;padding:15px}.watch-categories button{padding:15px}.watch-categories strong{font-size:16px}.watch-grid{grid-template-columns:1fr}.watch-picture img{height:270px}.watch-notice{padding:15px;overflow-wrap:anywhere}.watch-notice-items{min-width:0}.watch-player-body{padding:12px}.watch-kit-links button{overflow-wrap:anywhere}}
