.ec{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid;container:ec/inline-size}@container ec (width<=760px){.ec{grid-template-columns:minmax(0,1fr)}}.ec-controls{flex-direction:column;gap:1.1rem;padding:1.25rem;display:flex}.ec-controls .form-group{margin:0}.ec-controls select{width:100%}.ec-field{border:none;min-width:0;margin:0;padding:0}.ec-sizes{gap:.5rem;display:grid}.ec-size{text-align:left;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-secondary);font:inherit;cursor:pointer;transition:var(--transition);grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:.75rem;padding:.65rem .75rem;display:grid}.ec-size strong{color:var(--text-primary);font-size:.92rem}.ec-size>span:last-child{grid-column:2;font-size:.8rem}.ec-size:hover{background:var(--bg-surface-hover)}.ec-size.is-on{border-color:var(--primary);background:var(--primary-alpha)}.ec-size:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ec-size-icon{opacity:.7;border:1.5px solid;border-radius:5px;grid-row:span 2;width:44px;height:32px;position:relative}.ec-size-icon:after{content:"";background:currentColor;border-radius:2px;position:absolute;left:4px;right:4px}.ec-size-s{align-self:center;height:14px}.ec-size-s:after{top:3px;bottom:3px;right:26px}.ec-size-m:after{height:12px;top:4px;right:26px}.ec-size-l{height:38px}.ec-size-l:after{height:8px;top:4px;right:26px;box-shadow:0 12px 0 -1px,0 18px 0 -1px}.ec-size.is-on .ec-size-icon{color:var(--primary);opacity:1}.ec-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ec-accent{align-items:center;gap:.5rem;min-height:42px;display:flex}.ec-accent input[type=color]{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:42px;height:34px;padding:0}.ec-accent code{color:var(--text-secondary);font-size:.82rem}.ec-note{border-radius:var(--radius-sm);color:#fbbf24;background:#f59e0b1a;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;font-size:.84rem;display:flex}.ec-note svg{flex:none;margin-top:.15rem}.ec-code-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.ec-code-head .form-label{margin:0}.ec-code{resize:vertical;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5}.ec-help{color:var(--text-muted);margin-top:.4rem;font-size:.8rem}.ec-links{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.ec-links a{text-decoration:none}.ec-preview{min-width:0;position:sticky;top:1rem}.ec-preview-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ec-preview-head h2{font-size:1rem}.ec-stage{border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:repeating-linear-gradient(45deg, transparent 0 10px, #ffffff05 10px 20px), var(--bg-base);margin-top:.75rem;padding:1.5rem}.ec-stage.is-light{background:#e5e7eb;border-color:#0f172a26}.ec-stage.is-phone>iframe{max-width:360px;margin:0 auto}.hd{color:var(--text-primary);background:0 0;border:0;width:min(1080px,100vw - 48px);max-width:none;height:min(820px,100dvh - 48px);max-height:none;margin:auto;padding:0;overflow:visible}.hd::backdrop{-webkit-backdrop-filter:blur(6px);background:#050608b3}.hd[open]{animation:hd-in .34s var(--nav-ease)}.hd[open]::backdrop{animation:.3s hd-fade}@keyframes hd-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes hd-fade{0%{opacity:0}to{opacity:1}}.hd-shell{border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:22px;grid-template-rows:auto 1fr auto;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 120px #000000a6,inset 0 1px #ffffff0f}.hd-head{grid-template-columns:1fr auto;gap:1.1rem 1rem;padding:1.5rem 1.75rem 0;display:grid}.hd-brand{align-items:center;gap:.9rem;min-width:0;display:flex}.hd-badge{width:46px;height:46px;color:var(--primary);background:var(--primary-alpha);border:1px solid #7fa6cc4d;border-radius:14px;flex:none;place-items:center;display:grid}.hd-brand h2{letter-spacing:-.01em;margin:0;font-size:1.45rem}.hd-brand p{color:var(--text-secondary);font-size:.92rem}.hd-close{cursor:pointer;border:1px solid var(--border);background:var(--bg-surface-elevated);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;align-self:start;place-items:center;display:grid}.hd-close:hover{color:#fff;background:var(--bg-surface-hover);border-color:var(--border-strong);transform:rotate(90deg)}.hd-tabs{border-radius:var(--radius-full);background:var(--bg-base);border:1px solid var(--border);scrollbar-width:none;grid-column:1/-1;gap:.25rem;width:fit-content;max-width:100%;padding:.3rem;display:flex;overflow-x:auto}.hd-tab{color:var(--text-secondary);font:inherit;white-space:nowrap;border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;padding:.5rem 1.05rem;font-size:.9rem;font-weight:500;transition:background .2s,color .2s,box-shadow .2s}.hd-tab:hover{color:var(--text-primary)}.hd-tab.is-active{color:var(--text-primary);background:var(--bg-surface-hover);box-shadow:inset 0 0 0 1px var(--border-strong)}.hd-close:focus-visible,.hd-tab:focus-visible,.hd-step:focus-visible,.hd-qa summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hd-body{overscroll-behavior:contain;min-height:0;padding:1.5rem 1.75rem;overflow-y:auto}.hd-start{grid-template-columns:250px 1fr;align-items:start;gap:2rem;display:grid}.hd-steps{flex-direction:column;gap:.2rem;list-style:none;display:flex;position:sticky;top:0}.hd-steps li{position:relative}.hd-steps li+li:before{content:"";background:var(--border-strong);border-radius:2px;width:2px;height:18px;position:absolute;top:-10px;left:25px}.hd-step{text-align:left;cursor:pointer;border-radius:var(--radius-md);width:100%;color:var(--text-secondary);font:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem .7rem;transition:background .2s,color .2s,border-color .2s;display:flex}.hd-step:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.hd-step.is-current{background:var(--bg-surface-elevated);border-color:var(--border-strong);color:var(--text-primary)}.hd-step-num{border:1.5px solid var(--border-strong);background:var(--bg-base);width:30px;height:30px;color:var(--text-secondary);transition:var(--transition);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:grid}.hd-step.is-current .hd-step-num{color:var(--on-primary);background:var(--primary);box-shadow:0 0 0 4px var(--primary-alpha);border-color:#0000}.hd-step.is-done .hd-step-num{color:#6ee7b7;background:#10b98124;border-color:#10b98180}.hd-step-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.hd-step-title{font-size:.9rem;font-weight:500;line-height:1.3}.hd-where{letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:600}.hd-where.is-azuracast,.hd-kicker .is-azuracast{color:#5eead4}.hd-where.is-uplink,.hd-kicker .is-uplink{color:var(--primary-text)}.hd-panel{min-width:0;animation:hd-step-in .36s var(--nav-ease);flex-direction:column;gap:1rem;display:flex;container-type:inline-size}.hd-cols{gap:1.25rem;margin-top:.25rem;display:grid}.hd-text{flex-direction:column;gap:1rem;min-width:0;display:flex}.hd-visual{order:-1;min-width:0}@container (width>=640px){.hd-cols{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:1.75rem}.hd-visual{order:0;position:sticky;top:0}}@keyframes hd-step-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.hd-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.hd-panel h3{letter-spacing:-.015em;font-size:1.65rem;line-height:1.15}.hd-lead{color:var(--text-secondary);max-width:40rem;font-size:1.02rem;line-height:1.6}.hd-points{counter-reset:pt;flex-direction:column;gap:.65rem;max-width:42rem;list-style:none;display:flex}.hd-points li{color:var(--text-primary);counter-increment:pt;padding-left:2rem;font-size:.97rem;line-height:1.6;position:relative}.hd-points li:before{content:counter(pt);width:1.35rem;height:1.35rem;color:var(--primary-text);background:var(--primary-alpha);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:.15rem;left:0}.hd-ui{color:#fff;white-space:nowrap;border:1px solid var(--border-strong);background:#ffffff12;border-radius:6px;padding:.05rem .4rem;font-weight:600}.hd-tip{border-radius:var(--radius-md);color:#fde68a;background:#f59e0b14;border:1px solid #f59e0b40;align-items:flex-start;gap:.65rem;max-width:42rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.55;display:flex}.hd-tip svg{color:#fbbf24;flex:none;margin-top:.1rem}.hd-action{display:flex}.hd-action .btn{text-decoration:none}.hd-foot{border-top:1px solid var(--border);background:#0f111566;align-items:center;gap:1.25rem;padding:1rem 1.75rem 1.25rem;display:flex}.hd-progress{background:var(--bg-base);border-radius:6px;flex:1;height:6px;overflow:hidden}.hd-progress span{border-radius:inherit;background:var(--primary);height:100%;transition:width .4s var(--nav-ease);display:block}.hd-nav{gap:.5rem;display:flex}.hv{border:1px solid var(--border-strong);background:var(--bg-base);-webkit-user-select:none;user-select:none;border-radius:14px;max-width:34rem;overflow:hidden;box-shadow:0 18px 40px #00000059}.hv-bar{background:var(--bg-surface-elevated);border-bottom:1px solid var(--border);align-items:center;gap:.35rem;padding:.55rem .8rem;display:flex}.hv-bar span{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.hv-bar em{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:.5rem;font-size:.74rem;font-style:normal;overflow:hidden}.hv-body{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.hv-field{flex-direction:column;gap:.3rem;display:flex}.hv-field label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.hv-field>div:not(.hv-chips){border:1px solid var(--border);background:var(--bg-surface);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:.5rem .7rem;font-size:.85rem;overflow:hidden}.hv-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem!important}.hv-row{display:flex}.hv-btn{color:var(--on-primary);background:var(--primary);border-radius:9px;align-items:center;gap:.4rem;padding:.5rem .95rem;font-size:.85rem;font-weight:500;display:inline-flex}.hv-btn-2{color:var(--text-primary);background:var(--bg-surface-elevated);border:1px solid var(--border-strong)}.hv-azura-add .hv-btn,.hv-azura-start .hv-btn{color:#fff;background:#0d9488}.hv-hot{animation:2.2s ease-in-out infinite hv-hot;position:relative}@keyframes hv-hot{0%,to{box-shadow:0 0 #7fa6cc80}55%{box-shadow:0 0 0 7px #7fa6cc00}}.hv-station{align-items:center;gap:.75rem;display:flex}.hv-station>div:last-child{flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.95rem;display:flex}.hv-art{width:46px;height:46px;color:var(--primary);background:var(--bg-surface-elevated);border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;display:grid}.hv-art-lg{border-radius:12px;width:64px;height:64px}.hv-pill{border-radius:var(--radius-full);padding:.15rem .55rem;font-size:.7rem;font-weight:600}.hv-pill-warn{color:#fcd34d;background:#f59e0b24;border:1px solid #f59e0b59}.hv-shows{border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.hv-check{color:var(--text-secondary);align-items:center;gap:.55rem;padding:.45rem .7rem;font-size:.82rem;display:flex}.hv-check+.hv-check{border-top:1px solid var(--border)}.hv-check i{border:1.5px solid var(--border-strong);color:#fff;border-radius:4px;place-items:center;width:15px;height:15px;display:grid}.hv-check.is-on{color:var(--text-primary)}.hv-check.is-on i{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.hv-chips,.hv-pushrow{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hv-chip{border-radius:var(--radius-full);border:1px solid var(--border-strong);color:var(--text-secondary);background:var(--bg-surface);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.hv-chip.is-on{background:var(--primary-alpha);border-color:var(--primary);color:var(--text-primary)}.hv-chip.is-warn{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b66}.hv-chip.is-ok{color:#6ee7b7;background:#10b9811a;border-color:#10b98166}.hv-arrow{color:var(--text-muted)}.hv-toast{color:#6ee7b7;background:#10b9811a;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.8rem;display:flex}.hv-player{align-items:center;gap:.9rem;display:flex}.hv-player-text{flex-direction:column;flex:1;align-items:flex-start;gap:.25rem;min-width:0;display:flex}.hv-live{letter-spacing:.1em;text-transform:uppercase;color:#fca5a5;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:inline-flex}.hv-live i{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.8s infinite mini-pulse}.hv-eq{align-items:flex-end;gap:3px;height:16px;display:flex}.hv-eq i{background:var(--primary);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:1s ease-in-out infinite hv-eq}.hv-eq i:nth-child(2){animation-delay:-.3s}.hv-eq i:nth-child(3){animation-delay:-.6s}.hv-eq i:nth-child(4){animation-delay:-.15s}.hv-eq i:nth-child(5){animation-delay:-.45s}@keyframes hv-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.hv-play{width:46px;height:46px;color:var(--on-primary);background:var(--primary);border-radius:50%;place-items:center;display:grid}.hv-addr{color:var(--text-secondary);background:var(--bg-surface);border:1px dashed var(--border-strong);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:.45rem .7rem;overflow:hidden}.hd-how{flex-direction:column;gap:1.75rem;display:flex;container-type:inline-size}.hd-flow{grid-template-columns:repeat(4,1fr);gap:1.5rem;list-style:none;display:grid}.hd-node{border-radius:var(--radius-lg);background:var(--bg-surface-elevated);border:1px solid var(--border);animation:hd-step-in .4s var(--nav-ease) backwards;animation-delay:calc(var(--i) * 70ms);flex-direction:column;gap:.45rem;padding:1.15rem;display:flex;position:relative}.hd-node strong{font-size:1rem}.hd-node>span:last-child{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.hd-node-icon{width:42px;height:42px;color:var(--primary);background:var(--primary-alpha);border:1px solid #7fa6cc40;border-radius:12px;place-items:center;margin-bottom:.25rem;display:grid}.hd-node+.hd-node:before{content:"";background:var(--border-strong);width:1.5rem;height:2px;position:absolute;top:2.2rem;left:-1.5rem}.hd-notes{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.hd-note{border-radius:var(--radius-md);border:1px solid var(--border);background:#0f111573;padding:1rem 1.1rem}.hd-note strong{margin-bottom:.3rem;font-size:.95rem;display:block}.hd-note p{color:var(--text-secondary);font-size:.87rem;line-height:1.55}.hd-cta{align-self:flex-start}@container (width<=760px){.hd-flow{grid-template-columns:1fr;gap:1rem}.hd-node{flex-direction:column;min-height:4.5rem;padding-left:4.25rem}.hd-node-icon{position:absolute;top:1rem;left:1rem}.hd-node+.hd-node:before{width:2px;height:1rem;top:-1rem;left:2.05rem}.hd-notes{grid-template-columns:1fr}}.hd-faq{flex-direction:column;gap:.6rem;max-width:46rem;display:flex}.hd-qa{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface-elevated);transition:border-color .2s}.hd-qa[open]{border-color:var(--border-strong)}.hd-qa summary{cursor:pointer;border-radius:inherit;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;font-weight:500;list-style:none;display:flex}.hd-qa summary::-webkit-details-marker{display:none}.hd-qa summary svg{color:var(--text-muted);transition:transform .25s var(--nav-ease);flex:none}.hd-qa[open] summary svg{transform:rotate(180deg)}.hd-qa-body{color:var(--text-secondary);flex-direction:column;gap:.6rem;padding:0 1.15rem 1.1rem;font-size:.94rem;line-height:1.6;animation:.25s hd-fade;display:flex}@media (width<=900px){.hd-start{grid-template-columns:1fr;gap:1.25rem}.hd-steps{scrollbar-width:none;flex-direction:row;gap:.4rem;padding-bottom:.25rem;position:relative;overflow-x:auto}.hd-steps li+li:before{display:none}.hd-step{border-color:var(--border);border-radius:var(--radius-full);padding:.45rem .8rem .45rem .45rem}.hd-step-text .hd-where{display:none}.hd-step-title{white-space:nowrap;font-size:.82rem}.hd-step-num{width:26px;height:26px;font-size:.78rem}}@media (width<=767px){.hd{width:100vw;height:100dvh;margin:0}.hd-shell{border:0;border-radius:0}.hd-head{gap:.85rem;padding:1rem 1rem 0}.hd-badge{border-radius:12px;width:40px;height:40px}.hd-brand h2{font-size:1.25rem}.hd-brand p{font-size:.84rem}.hd-tabs{width:100%}.hd-tab{flex:1;padding:.5rem .6rem;font-size:.84rem}.hd-body{padding:1.1rem 1rem}.hd-step:not(.is-current) .hd-step-title{display:none}.hd-step:not(.is-current){padding:.3rem}.hd-panel h3{font-size:1.35rem}.hd-lead{font-size:.95rem}.hd-foot{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));gap:.75rem}.hd[open]{animation-name:hd-up}@keyframes hd-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.hd[open],.hd[open]::backdrop,.hd-panel,.hd-node,.hd-qa-body,.hv-hot,.hv-eq i,.hv-live i{animation:none}.hd-close:hover{transform:none}.hd-progress span{transition:none}}