/* Extracted from page_panels/set.php block 1 */
.wss-page{position:relative;min-height:calc(100vh - var(--ww-nav-height));background:radial-gradient(circle at top left, rgba(94,234,212,.09), transparent 32%),linear-gradient(180deg,#020617 0%,#030712 100%);padding:1.2rem 1rem 3rem}
        .wss-shell{width:min(1220px,100%);margin:0 auto;display:grid;gap:1rem}
        .wss-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:1rem}
        .wss-card{border:1px solid #1f2937;border-radius:2px;background:rgba(2,6,23,.88);box-shadow:0 20px 40px rgba(0,0,0,.35)}
        .wss-main{overflow:hidden}
        .wss-wave{padding:1.15rem;background:radial-gradient(circle at top left, rgba(94,234,212,.18), transparent 42%),linear-gradient(145deg,#08111b,#050816)}
        .wss-wave img{display:block;width:100%;height:auto}
        .wss-copy{padding:1.1rem 1.15rem 1.25rem}
        .wss-kicker{font-size:.78rem;color:#67e8f9;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
        .wss-title{margin-top:.55rem;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:900;color:#f8fafc;line-height:1.08}
        .wss-meta{margin-top:.5rem;color:#94a3b8;line-height:1.55}
        .wss-desc{margin-top:.9rem;color:#cbd5e1;line-height:1.7;white-space:pre-wrap}
        .wss-player{margin-top:1rem;padding:1rem;border-radius:2px;border:1px solid #1f2937;background:#0b1220}
        .wss-player-row{display:flex;align-items:center;gap:.9rem}
        .wss-play{width:56px;height:56px;border-radius:2px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));color:#fff;cursor:pointer;font-size:18px}
        .wss-progress-wrap{flex:1 1 auto;min-width:0}
        .wss-progress{appearance:none;-webkit-appearance:none;width:100%;height:10px;border-radius:2px;background:linear-gradient(90deg,#5eead4 var(--wss-progress,0%), rgba(255,255,255,.10) var(--wss-progress,0%));cursor:pointer}
        .wss-progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:2px;background:#fff;border:2px solid #08111b}
        .wss-progress::-moz-range-thumb{width:16px;height:16px;border-radius:2px;background:#fff;border:2px solid #08111b}
        .wss-times{display:flex;justify-content:space-between;gap:.7rem;margin-top:.6rem;color:#94a3b8;font-size:.8rem}
        .wss-audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
        .wss-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
        .wss-btn{display:inline-flex;align-items:center;justify-content:center;padding:.72rem .95rem;border-radius:2px;background:#1d4ed8;border:1px solid #1d4ed8;color:#eff6ff;text-decoration:none;font-weight:800;cursor:pointer}
        .wss-btn.secondary{background:#0b1220;border-color:#1f2937;color:#cbd5e1}
        .wss-side{padding:1rem 1.05rem}
        .wss-owner{display:flex;align-items:center;gap:.8rem}
        .wss-avatar{width:58px;height:58px;border-radius:2px;overflow:hidden;background:#0b1220;border:1px solid #1f2937;display:flex;align-items:center;justify-content:center;font-weight:900}
        .wss-avatar img{width:100%;height:100%;object-fit:cover}
        .wss-owner-name{font-size:1rem;font-weight:900;color:#f8fafc}
        .wss-owner-meta{margin-top:.2rem;color:#94a3b8;font-size:.86rem}
        .wss-side-copy{margin-top:.85rem;color:#94a3b8;line-height:1.6}
        .wss-comments{padding:1rem 1.05rem}
        .wss-comments h2{font-size:1.05rem;font-weight:900;color:#f8fafc}
        .wss-comment-list{display:grid;gap:.75rem;margin-top:1rem}
        .wss-comment{padding:.85rem .9rem;border-radius:2px;background:#0b1220;border:1px solid #1f2937}
        .wss-comment-head{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem}
        .wss-comment-who{font-weight:900;color:#f8fafc}
        .wss-comment-time{color:#64748b;font-size:.8rem}
        .wss-comment-body{margin-top:.5rem;color:#cbd5e1;white-space:pre-wrap;line-height:1.55}
        .wss-form{display:grid;gap:.7rem;margin-top:1rem}
        .wss-textarea{width:100%;min-height:120px;padding:.85rem .9rem;border-radius:2px;background:#0b1220;border:1px solid #1f2937;color:#e5e7eb;outline:none;resize:vertical}
        .wss-flash{padding:.8rem .9rem;border-radius:2px;border:1px solid #1f2937}
        .wss-flash.ok{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.24);color:#dcfce7}
        .wss-flash.err,.wss-error{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.24);color:#fecaca}
        .wss-error{padding:1rem 1.05rem;border-radius:2px;border:1px solid rgba(239,68,68,.24)}
        @media (max-width:980px){.wss-grid{grid-template-columns:1fr}}


