:root{color-scheme:dark;--bg:#111216;--bg-2:#171a20;--surface:#1b1f27;--surface-2:#222833;--surface-3:#2b3240;--border:#3a4353;--border-strong:#566176;--text:#f7f8fb;--muted:#aab3c2;--muted-2:#788397;--purple:#8b2ce3;--pink:#f21476;--red:#ff174d;--green:#26d07c;--cyan:#38d8e9;--amber:#f7b94c;--danger:#ff6b75;--shadow:0 24px 80px rgba(0,0,0,0.34)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:linear-gradient(180deg,#17111e,#111216 360px),linear-gradient(135deg,#111216,#171a20 52%,#101116);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.app-shell{width:min(1260px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:44px 0 64px}.hero-panel{margin-bottom:28px}.topbar{justify-content:space-between;gap:24px;margin-bottom:22px}.brand,.topbar{display:flex;align-items:center}.brand{gap:16px;min-width:0}.brand-mark{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(135deg,rgba(242,20,118,.92),rgba(139,44,227,.95)),#6f25cf;box-shadow:0 18px 48px rgba(139,44,227,.28);color:white;font-size:30px;font-weight:900}.brand h1,.brand p,.eyebrow,.form-title,.section-title{margin:0;letter-spacing:0}.brand h1{margin-top:2px;font-size:clamp(30px,4vw,44px);line-height:1.02}.eyebrow{color:#d7c2ff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.profile-chip{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:6px 8px 6px 16px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.045);color:var(--muted);white-space:nowrap}.profile-chip strong{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#075d4b;color:white}.connection-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.connection-card{display:grid;grid-gap:4px;gap:4px;min-height:74px;padding:15px 16px;border:1px solid var(--border);border-radius:12px;background:rgba(27,31,39,.76);color:var(--muted)}.connection-card span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.connection-card strong{overflow-wrap:anywhere;color:var(--text)}.connection-card.on{border-color:rgba(38,208,124,.5);background:rgba(38,208,124,.08)}.tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:6px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.04)}.tab{min-height:52px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:800}.tab.active{background:var(--surface-2);color:var(--text)}.workflow-card{padding:22px;border:1px solid var(--border);border-radius:14px;background:rgba(27,31,39,.84);box-shadow:var(--shadow)}.panel-header,.section-heading,.workflow-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.workflow-head{margin-bottom:20px;color:var(--muted)}.workflow-head span{color:#e8d9ff;font-weight:900}.workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:12px;gap:12px}.workflow-step{display:grid;justify-items:center;grid-gap:8px;gap:8px;color:var(--muted-2);text-align:center;min-width:0}.workflow-step span{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:var(--surface-3);color:var(--muted);font-size:13px;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}.workflow-step strong{max-width:100%;overflow-wrap:anywhere;font-size:13px}.workflow-step.active{color:#ecdfff}.workflow-step.active span{background:linear-gradient(135deg,var(--purple),var(--pink));color:white;transform:translateY(-2px)}.workflow-progress{height:8px;margin-top:18px;overflow:hidden;border-radius:999px;background:#3a4353}.workflow-progress span{display:block;width:52%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--pink),var(--red));background-size:220% 100%;animation:progress-shift 2.6s ease-in-out infinite}.workspace{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}.platform-panel,.upload-panel{border:1px solid var(--border);border-radius:14px;background:rgba(27,31,39,.88);box-shadow:var(--shadow)}.platform-panel{padding:22px}.section-heading{margin-bottom:18px}.section-heading>span{color:var(--muted);font-size:13px;font-weight:800}.form-title,.section-title{margin-top:4px;font-size:24px}.platform-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.platform-card{position:relative;min-height:154px;padding:18px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:rgba(20,23,30,.92);transition:border-color .18s ease,transform .18s ease,background .18s ease}.platform-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.platform-card.selected{border-color:rgba(242,20,118,.72);background:rgba(242,20,118,.08)}.platform-card.active:after{content:"";position:absolute;inset:0;border:1px solid rgba(38,208,124,.36);border-radius:inherit;pointer-events:none}.platform-select{position:absolute;inset:0;z-index:1;border:0;background:transparent}.platform-card>:not(.platform-select){position:relative;z-index:2}.platform-icon{display:grid;width:48px;height:40px;place-items:center;margin-bottom:22px;border-radius:10px;color:white;font-weight:900}.platform-icon.youtube{background:var(--red)}.platform-icon.instagram{background:linear-gradient(135deg,#f7b94c,#f21476 55%,#6b4df5)}.platform-icon.tiktok{background:#050507;color:var(--cyan)}.platform-card h3{margin:0 0 7px;font-size:19px}.platform-card p{min-height:20px;margin:0 0 14px;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.platform-action{position:relative;z-index:3;display:inline-flex;border:0;background:transparent;color:#e4d2ff;font-weight:900;text-decoration:underline;text-underline-offset:4px}.platform-action:hover{color:white}.danger-text{color:#ffd5da}.upload-panel{padding:26px}.panel-header{margin-bottom:20px}.target-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid rgba(242,20,118,.5);border-radius:999px;background:rgba(242,20,118,.1);color:#ffe1ee;font-size:13px;font-weight:900;white-space:nowrap}.upload-form{display:grid;grid-gap:18px;gap:18px}.field,.file-drop{display:grid;grid-gap:8px;gap:8px}.field label,.file-drop label{color:#e8edf7;font-weight:800}.field-hint,.file-drop span{color:var(--muted);font-size:13px;line-height:1.45}.file-drop{padding:18px;border:1px dashed var(--border-strong);border-radius:12px;background:rgba(17,20,27,.74)}.field input,.field select,.field textarea,.file-drop input{width:100%;border:1px solid var(--border);border-radius:10px;background:#11151d;color:var(--text);outline:none;padding:12px}.field textarea{min-height:136px;resize:vertical}.file-drop input{padding:10px}.field input:focus,.field select:focus,.field textarea:focus,.file-drop input:focus{border-color:rgba(242,20,118,.9);box-shadow:0 0 0 3px rgba(242,20,118,.16)}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,260px);grid-gap:16px;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--pink));color:white;font-weight:900;text-decoration:none;transition:transform .18s ease,filter .18s ease}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.button.full{width:100%}.message{border:1px solid var(--border);border-radius:10px;padding:13px 14px;line-height:1.45;overflow-wrap:anywhere}.message.success{border-color:rgba(38,208,124,.45);background:rgba(38,208,124,.1);color:#dcffeb}.message.error{border-color:rgba(255,107,117,.5);background:rgba(255,107,117,.1);color:#ffe1e4}.message a{color:white;font-weight:900}.legal-shell{width:min(900px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:32px 0 56px}.legal-back{display:inline-flex;margin-bottom:18px;color:#e4d2ff;font-weight:800;text-decoration:none}.legal-back:hover{color:white}.legal-page{border:1px solid var(--border);border-radius:14px;background:rgba(27,31,39,.92);padding:32px;line-height:1.65}.legal-page h1,.legal-page h2,.legal-page p{margin-top:0}.legal-page h1{margin-bottom:6px;font-size:34px;line-height:1.12}.legal-page h2{margin:28px 0 8px;color:#e4d2ff;font-size:18px}.legal-page p{color:#e7ebf2}.legal-kicker,.legal-muted{color:var(--muted)}.legal-kicker{margin-bottom:8px;font-weight:900;text-transform:uppercase}@keyframes progress-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:920px){.app-shell{width:min(100% - 24px,720px);padding-top:24px}.panel-header,.section-heading,.topbar,.workflow-head{align-items:flex-start;flex-direction:column}.connection-strip,.two-column,.workspace{grid-template-columns:1fr}.workflow-steps{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto;padding-bottom:4px}}@media (max-width:560px){.brand h1{font-size:28px}.brand-mark{width:48px;height:48px;flex-basis:48px}.legal-page,.platform-panel,.upload-panel,.workflow-card{padding:18px}.tabs{grid-template-columns:1fr}.profile-chip,.target-badge{width:100%;justify-content:space-between}}