:root{--bg: #050505;--bg-card: #101010;--bg-card-alt: #181818;--border: #2a2a2a;--accent: #ffffff;--accent-soft: rgba(255, 255, 255, .06);--text: #f5f5f5;--muted: #a0a0a0;--error: #ff4b4b;--radius-xl: 18px;--transition-fast: .15s ease-out;--shadow-soft: 0 18px 60px rgba(0, 0, 0, .8)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#151515 0,#050505 55%,#000);color:var(--text)}.app{width:100%;max-width:1300px;margin:24px auto 32px;padding:0 24px}.app-header{margin-bottom:20px}.app-header-inner{display:flex;align-items:center;gap:14px}.app-logo{width:70px;height:70px;object-fit:contain}.app-title-block h1{margin:0 0 4px;font-size:1.6rem;font-weight:600}.app-title-block p{margin:0;color:var(--muted);font-size:.95rem}.app-main{background:linear-gradient(145deg,var(--bg-card),var(--bg-card-alt));border-radius:var(--radius-xl);padding:24px 20px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.app-footer{margin-top:18px;display:flex;justify-content:flex-end}.step-section+.step-section{margin-top:18px}.drop-zone{position:relative;border-radius:var(--radius-xl);border:1px dashed rgba(255,255,255,.25);background:radial-gradient(circle at top left,var(--accent-soft),transparent 60%),#0b0b0b;padding:32px 20px;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.drop-zone:hover{border-color:var(--accent);box-shadow:0 12px 30px #000000b3;transform:translateY(-1px)}.drop-zone.dragover{border-style:solid;border-color:var(--accent);box-shadow:0 18px 40px #000000e6;background:radial-gradient(circle at top,var(--accent-soft),transparent 65%),#111}.drop-zone-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drop-zone-content{pointer-events:none}.drop-zone-icon{font-size:2.4rem;margin-bottom:12px}.drop-zone h2,.drop-zone h3{margin:0 0 6px;font-size:1.3rem;font-weight:600}.drop-zone p{margin:0;color:var(--muted);font-size:.95rem}.drop-zone-hint{margin-top:8px;font-size:.8rem;opacity:.9}.drop-zone-secondary{margin-top:4px}.file-info{margin-top:18px;padding:12px 14px;border-radius:10px;background:#0c0c0c;border:1px solid #2d2d2d}.file-info h3{margin:0 0 4px;font-size:.95rem;font-weight:600}#file-name{margin:0;font-size:.9rem;color:var(--muted);word-break:break-all}.collider-section{border-top:1px solid var(--border);padding-top:18px}.collider-title{margin:0 0 6px;font-size:1.1rem;font-weight:600}.collider-text{margin:0 0 12px;font-size:.9rem;color:var(--muted)}.collider-list{list-style:none;padding-left:0;margin:4px 0 0;font-size:.9rem}.collider-list li{display:flex;align-items:center;gap:8px;color:var(--muted)}.collider-list li span.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#4caf50}.collider-list li.missing span.status-dot{background:#ff4b4b}.meta-section{border-top:1px solid var(--border);padding-top:18px}.meta-title{margin:0 0 6px;font-size:1.1rem;font-weight:600}.meta-text{margin:0 0 12px;font-size:.9rem;color:var(--muted)}.field-group{margin-bottom:12px}.field-label{display:block;font-size:.85rem;margin-bottom:6px;color:var(--muted)}.text-input{width:100%;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#050505;color:var(--text);font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.text-input::placeholder{color:#a0a0a099}.text-input:focus{border-color:#fff;box-shadow:0 0 0 1px #ffffff1a;background:#080808}.meta-drop-zone .drop-zone-icon{font-size:2rem}.bg-preview-row{display:flex;align-items:center;gap:10px}.bg-preview-image{width:64px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #2d2d2d}.hidden{display:none!important}.primary-button{padding:10px 18px;border-radius:999px;border:1px solid #ffffff;background:linear-gradient(135deg,#fff,#e9e9e9);color:#000;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 10px 26px #000000b3;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),opacity var(--transition-fast)}.primary-button:hover:enabled{transform:translateY(-1px);box-shadow:0 14px 34px #000000d9;filter:brightness(.98)}.primary-button:disabled{opacity:.35;cursor:default;box-shadow:none}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;z-index:9999}.mobile-overlay-inner{max-width:360px}.mobile-logo{width:56px;height:56px;object-fit:contain;margin-bottom:12px}.mobile-overlay h1{margin:0 0 8px;font-size:1.5rem}.mobile-overlay p{margin:0;font-size:.95rem;color:#ddd}@media (max-width: 480px){.app{padding:0 16px}.app-main{padding:20px 16px}.drop-zone{padding:24px 14px}.app-header-inner{align-items:flex-start}.app-logo{width:32px;height:32px}}.editor-shell{margin-top:2rem;border-radius:16px;border:1px solid #2a2a2a;padding:1.5rem;background:#050505}.editor-header h2{margin:0 0 .25rem;font-size:1.1rem}.editor-header p{margin:0 0 1rem;font-size:.9rem;color:#aaa}.editor-iframe-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden}.editor-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:#000}.secondary-button{border-radius:999px;padding:.5rem 1rem;font-size:.9rem;border:1px solid #555;background:#111;color:#fff;cursor:pointer;opacity:.8;transition:background .15s ease,opacity .15s ease,transform .05s ease}.secondary-button:hover:not(:disabled){background:#222;opacity:1}.secondary-button:disabled{cursor:default;opacity:.4}.app-title-block a{color:#4dabf7;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.app-title-block a:hover{color:#82c0ff}