.yt-hero{max-width:760px;margin:0 auto var(--space-8);text-align:center}.yt-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border:1px solid rgba(255,92,0,.2);background:#ff5c0014;border-radius:999px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-primary);margin-bottom:var(--space-4);font-weight:600}.yt-eyebrow .dot{width:6px;height:6px;background:var(--color-primary);border-radius:999px;animation:yt-pulse 1.5s infinite;display:inline-block}@keyframes yt-pulse{0%,to{opacity:1}50%{opacity:.4}}.yt-hero h1{font-size:clamp(1.55rem,1.15rem + 2vw,2.55rem);font-weight:800;letter-spacing:-.02em;line-height:1.07;margin-bottom:var(--space-3)}.yt-hero h1 .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;color:#a1a1aa}.yt-hero h1 .accent{color:var(--color-primary)}.yt-hero h1 .sub{font-size:clamp(1.15rem,1rem + 1vw,1.55rem);font-weight:700;display:block;margin-top:6px;color:var(--color-text)}.yt-hero .desc{color:var(--color-text-muted);font-size:clamp(.95rem,.9rem + .3vw,1.05rem);line-height:1.6;max-width:660px;margin:0 auto}.yt-badges{margin-top:var(--space-4);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:11px}.yt-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}.yt-badge.accent{background:#ff5c0014;border-color:#ff5c002e;color:var(--color-primary)}.yt-card{max-width:1080px;margin:0 auto var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:0 8px 40px #00000059}@media (min-width:1024px){.yt-card{padding:28px}}.yt-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width:1024px){.yt-grid{grid-template-columns:400px 1fr}}.yt-panel{display:flex;flex-direction:column;gap:20px}.yt-drop{border:1.5px dashed var(--color-border);background:var(--color-bg);border-radius:calc(var(--radius) - 4px);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;min-height:176px;position:relative;overflow:hidden;transition:all .2s}.yt-drop.drag-over{border-color:var(--color-primary);background:#ff5c000f;transform:scale(1.005)}.yt-chip-btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-muted);transition:all .15s;border-radius:999px}.yt-chip-btn.active{background:#ff5c001a;border-color:#ff5c0033;color:var(--color-primary)}.yt-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:all .15s;border-radius:999px}.yt-pill.active{background:#ff5c001a;border-color:#ff5c0033;color:var(--color-primary)}.yt-safe{border:2px dashed rgba(34,197,94,.92);background:#22c55e0b;box-shadow:inset 0 0 0 1px #22c55e26}.yt-danger{background:#ef444421;border:1.5px dashed rgba(239,68,68,.33)}@keyframes ytWarn{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 8px #ef444400}}.yt-warn{animation:ytWarn 1.2s ease infinite}.yt-preview-wrap{border-radius:calc(var(--radius) - 4px);background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden;position:relative;min-height:460px;display:flex;flex-direction:column}.yt-frame{position:relative;width:100%;aspect-ratio:16/9;background:#0a0a0a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,0 8px 20px #0000004d;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.yt-input{width:100%;min-height:44px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;color:var(--color-text)}.yt-input-sm{font-size:13px;font-weight:500}.yt-input:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #ff5c001f}.yt-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}input[type=range].yt-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--color-border);border-radius:999px;width:100%}input[type=range].yt-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:999px;background:var(--color-primary);border:2px solid white;box-shadow:0 2px 8px #00000059;cursor:pointer}input[type=range].yt-range::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:var(--color-primary);border:2px solid white;cursor:pointer}.yt-features{max-width:1080px;margin:0 auto var(--space-8);display:grid;gap:var(--space-6);grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.yt-features{grid-template-columns:repeat(3,1fr)}}.yt-feat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6)}.yt-feat .icon{width:44px;height:44px;border-radius:10px;background:#ff5c001a;border:1px solid rgba(255,92,0,.18);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:var(--space-3)}.yt-faq{max-width:1080px;margin:0 auto var(--space-8)}.yt-faq h2{font-size:var(--fs-xl);font-weight:800;text-align:center;margin-bottom:var(--space-6)}.yt-faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) - 4px);margin-bottom:8px;overflow:hidden}.yt-faq summary{cursor:pointer;list-style:none;padding:16px 24px;font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}.yt-faq summary::-webkit-details-marker{display:none}.yt-faq summary:after{content:"+";font-size:18px;color:var(--color-text-muted);flex-shrink:0}.yt-faq details[open] summary:after{content:"−"}.yt-faq .ans{padding:0 24px 24px;font-size:14px;color:var(--color-text-muted);line-height:1.6}