.desktop-mockup{--dm-bg:#0f1419;--dm-sidebar:rgba(12,17,24,.96);--dm-panel:rgba(21,28,39,.88);--dm-border:#243044;--dm-text:#e8edf5;--dm-muted:#9aa8bc;--dm-hint:#7d8ea6;--dm-gold:#f5c842;--dm-gold-dim:rgba(245,200,66,.12);--dm-blue:#2563eb;font-family:Segoe UI,system-ui,sans-serif;font-size:11px;line-height:1.45;color:var(--dm-text);background:radial-gradient(circle at top,#1a2433,var(--dm-bg) 55%);border-radius:0;overflow:hidden;user-select:none;pointer-events:none}.desktop-mockup .dm-frame{display:grid;grid-template-columns:168px minmax(0,1fr);min-height:360px}.desktop-mockup .dm-sidebar{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .65rem;border-right:1px solid var(--dm-border);background:var(--dm-sidebar)}.desktop-mockup .dm-brand{display:flex;align-items:center;gap:.45rem;padding:.25rem .35rem .65rem;border-bottom:1px solid var(--dm-border);margin-bottom:.25rem}.desktop-mockup .dm-wordmark{font-size:.95rem;font-weight:700;letter-spacing:-.02em;color:#f5f7fb}.desktop-mockup .dm-version{margin-left:auto;font-size:.62rem;color:#6b7d96}.desktop-mockup .dm-nav-item{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;width:100%;padding:.5rem .55rem;border:1px solid transparent;border-radius:10px;background:transparent;color:#c5d0e0;text-align:left}.desktop-mockup .dm-nav-item.active{background:var(--dm-gold-dim);border-color:rgba(245,200,66,.35);color:#fff}.desktop-mockup .dm-nav-label{font-size:.78rem;font-weight:600}.desktop-mockup .dm-nav-hint{font-size:.62rem;color:var(--dm-hint)}.desktop-mockup .dm-sidebar-foot{margin-top:auto;padding-top:.55rem;border-top:1px solid var(--dm-border);font-size:.6rem;color:var(--dm-muted);word-break:break-all}.desktop-mockup .dm-main{padding:.85rem 1rem 1rem;min-width:0}.desktop-mockup .dm-title{margin:0;font-size:1.05rem;font-weight:600;color:#f5f7fb}.desktop-mockup .dm-lead{margin:.2rem 0 .65rem;font-size:.72rem;color:var(--dm-muted)}.desktop-mockup .dm-panel{padding:.75rem .85rem;border-radius:12px;border:1px solid var(--dm-border);background:var(--dm-panel);margin-bottom:.55rem}.desktop-mockup .dm-panel-title{margin:0 0 .25rem;font-size:.82rem;font-weight:600;color:#eef2f8}.desktop-mockup .dm-row{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.desktop-mockup .dm-input{flex:1;min-width:0;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--dm-border);background:rgba(8,12,18,.65);color:#dce4f0;font-size:.68rem}.desktop-mockup .dm-btn{padding:.45rem .7rem;border-radius:8px;border:none;background:linear-gradient(180deg,#f5c842,#d4a82e);color:#1a1408;font-size:.68rem;font-weight:600;white-space:nowrap}.desktop-mockup .dm-btn.secondary{background:rgba(36,48,68,.85);color:#e8edf5;border:1px solid var(--dm-border)}.desktop-mockup .dm-btn.ghost{background:transparent;color:#7eb8ff;border:none;padding:.2rem .35rem;font-weight:500}.desktop-mockup .dm-check{display:flex;align-items:center;gap:.35rem;font-size:.65rem;color:var(--dm-muted);margin-top:.45rem}.desktop-mockup .dm-check-box{width:.75rem;height:.75rem;border-radius:3px;border:1px solid var(--dm-border);background:rgba(245,200,66,.25);display:flex;align-items:center;justify-content:center;color:var(--dm-gold);font-size:.55rem}.desktop-mockup .dm-preview{display:grid;grid-template-columns:120px minmax(0,1fr);gap:.65rem;padding:.65rem;border-radius:12px;border:1px solid var(--dm-border);background:var(--dm-panel)}.desktop-mockup .dm-thumb{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#1e293b,#334155);overflow:hidden;position:relative}.desktop-mockup .dm-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:hsla(0,0%,100%,.85)}.desktop-mockup .dm-badge{display:inline-block;padding:.12rem .4rem;border-radius:999px;font-size:.58rem;font-weight:600}.desktop-mockup .dm-badge,.desktop-mockup .dm-badge.yt{background:rgba(239,68,68,.2);color:#fca5a5}.desktop-mockup .dm-badge.pro{background:rgba(245,200,66,.15);color:var(--dm-gold)}.desktop-mockup .dm-meta{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.62rem;color:var(--dm-muted);margin-top:.25rem}.desktop-mockup .dm-quality{display:flex;gap:.35rem;margin-top:.45rem}.desktop-mockup .dm-quality span{padding:.2rem .45rem;border-radius:6px;border:1px solid var(--dm-border);font-size:.62rem;color:var(--dm-muted)}.desktop-mockup .dm-quality span.on{border-color:rgba(245,200,66,.45);background:var(--dm-gold-dim);color:var(--dm-gold)}.desktop-mockup .dm-notice{padding:.45rem .6rem;border-radius:8px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);color:#86efac;font-size:.65rem;margin-bottom:.55rem}.desktop-mockup .dm-job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;padding:.55rem 0;border-bottom:1px solid rgba(36,48,68,.65)}.desktop-mockup .dm-job:last-child{border-bottom:none}.desktop-mockup .dm-progress{height:4px;border-radius:999px;background:rgba(36,48,68,.85);margin-top:.35rem;overflow:hidden}.desktop-mockup .dm-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--dm-gold),#fde68a)}.desktop-mockup .dm-status{font-size:.62rem;color:var(--dm-gold);font-weight:600}.desktop-mockup .dm-video-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.45rem;align-items:center;padding:.35rem 0;border-bottom:1px solid rgba(36,48,68,.5)}.desktop-mockup .dm-video-row:last-child{border-bottom:none}.desktop-mockup .dm-mini-thumb{width:48px;height:27px;border-radius:4px;background:linear-gradient(135deg,#312e81,#4c1d95)}.desktop-mockup .dm-aspect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.45rem}.desktop-mockup .dm-aspect{padding:.45rem;border-radius:8px;border:1px solid var(--dm-border);text-align:center;font-size:.6rem;color:var(--dm-muted)}.desktop-mockup .dm-aspect.on{border-color:rgba(245,200,66,.45);background:var(--dm-gold-dim);color:var(--dm-gold)}.desktop-mockup .dm-license-key{font-family:Consolas,Monaco,monospace;letter-spacing:.06em;color:#22d3ee}.desktop-mockup .dm-stack{display:flex;flex-direction:column;gap:.55rem}.desktop-mockup .dm-select-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}.desktop-mockup .dm-pill{padding:.22rem .5rem;border-radius:999px;border:1px solid var(--dm-border);font-size:.62rem;color:var(--dm-muted)}.desktop-mockup .dm-pill.on{border-color:rgba(245,200,66,.45);background:var(--dm-gold-dim);color:var(--dm-gold)}.desktop-mockup--export,.desktop-mockup--export .dm-frame{min-height:720px}.desktop-mockup--export .dm-sidebar{padding:1.1rem .85rem}.desktop-mockup--export .dm-main{padding:1.1rem 1.25rem}.desktop-mockup--export{font-size:13px}.desktop-mockup--export .dm-title{font-size:1.35rem}.desktop-mockup--export .dm-lead{font-size:.88rem}