:root{font-family:"Segoe UI",Arial,sans-serif;color-scheme:light;--bg:#faf8ff;--text:#191730;--muted:#69718b;--panel:rgba(255,255,255,.91);--field:#fdfcff;--stroke:#e4dcef;--row:#fff;--soft:#f5f2fc;--accent:#9100ed;--shadow:0 18px 60px #62238b0c}
html[data-theme=dark]{color-scheme:dark;--bg:#100e2b;--text:#f7f4ff;--muted:#b9b5dc;--panel:rgba(34,27,66,.94);--field:#1a1638;--stroke:#574579;--row:#1b173a;--soft:#292047;--accent:#b967ff;--shadow:0 18px 60px #06031544}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c474ff;outline-offset:4px}button{color:inherit}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}
.app{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100svh;isolation:isolate;background:radial-gradient(ellipse at 98% 92%,#d250ff13,transparent 30%),radial-gradient(ellipse at 80% 2%,#08cdfb0b,transparent 35%),var(--bg)}
.sidebar{position:relative;overflow:hidden;padding:20px 14px;background:radial-gradient(ellipse at 30% 0,#68019c6b,transparent 46%),linear-gradient(165deg,#35084f,#210335);color:#efe4fa;display:flex;flex-direction:column;gap:38px;z-index:1}
.sidebar::after{content:"";position:absolute;pointer-events:none;width:320px;height:440px;bottom:-200px;left:-155px;border-radius:50%;border:30px solid #be00ff44;filter:blur(16px);box-shadow:30px -22px 35px #ed24bb55,70px -55px 45px #ff982d33;transform:rotate(-28deg)}
.brand{margin:0;position:relative;z-index:1}.brand img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:14px}
.nav{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.nav button{display:flex;align-items:center;gap:20px;width:100%;min-height:56px;border:1px solid transparent;background:transparent;color:#cebbdd;text-align:left;padding:15px 20px;font-size:18px;border-radius:18px}.nav button[aria-current=page]{color:white;background:linear-gradient(110deg,#da00e8,#8700cf);box-shadow:0 4px 26px #d000e447,inset 0 1px 1px #ffaff080;border-color:#f484ff44;font-weight:650}.nav svg{width:27px;height:27px}
.main{position:relative;overflow:hidden;padding:30px 32px 42px}.main::after{content:"";position:absolute;width:580px;height:350px;right:-420px;bottom:-160px;z-index:-1;border-radius:50%;border:65px solid #aa32ee38;filter:blur(24px);box-shadow:-25px -50px 50px #f726d32a,15px -45px 20px #0398ee2d;animation:light-flow 18s ease-in-out infinite alternate;pointer-events:none}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:25px;min-height:48px}.theme{display:flex;gap:2px;padding:4px;border:1px solid var(--stroke);border-radius:24px;background:var(--soft)}.theme button{display:grid;place-items:center;width:46px;height:35px;padding:6px;border:0;border-radius:19px;background:transparent;color:var(--muted)}.theme button[aria-pressed=true]{background:var(--row);box-shadow:0 2px 8px #492f5d12;color:#f6a200}html[data-theme=dark] .theme button[aria-pressed=true]{background:linear-gradient(140deg,#ae0eed,#7714ce);color:#fff}.profile{display:flex;align-items:center;gap:11px;border:0;padding:0;background:transparent;font-size:16px;font-weight:600}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dbccff,#86d9f4);color:#382054;font-size:18px}.profile svg{width:16px}
h1{font-size:clamp(34px,4.4vw,65px);line-height:1.08;letter-spacing:-2.2px;font-weight:750;margin:34px 0 32px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(285px,1fr);gap:20px}.panel{padding:25px;border:1px solid var(--stroke);border-radius:28px;background:var(--panel);box-shadow:var(--shadow);min-width:0}.editor{display:flex;flex-direction:column;gap:19px}.formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--stroke);border-radius:17px;padding:4px;background:var(--soft)}.formats button{min-width:0;min-height:43px;border:0;background:transparent;border-radius:13px;font-size:17px;font-weight:550;color:var(--muted)}.formats button[aria-pressed=true]{color:#fff;background:linear-gradient(115deg,#cf00ed,#8400e2);box-shadow:0 3px 12px #a922e92a,inset 0 1px 2px #faabff75}
.drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:215px;padding:22px 14px;border:1.5px dashed #caa3f5;border-radius:23px;text-align:center;background:linear-gradient(150deg,var(--field),var(--soft));cursor:pointer}.drop.dragging{border-color:#c41ae9;box-shadow:inset 0 0 40px #b823ee18}.drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.drop:focus-within{outline:3px solid #bf82fa;outline-offset:4px}.cloud{width:91px;height:58px;background:radial-gradient(circle at 24% 30%,#ffaffe,transparent 63%),linear-gradient(110deg,#d371ec,#8c64f2 52%,#2ce2ec);border-radius:39px;position:relative;box-shadow:inset 0 3px 7px #ffffffab,0 4px 15px #a430db24;margin:18px 0 12px}.cloud::before{content:"";position:absolute;width:52px;height:49px;border-radius:50%;background:linear-gradient(135deg,#f7a4ff,#9f91fa 58%,#44dcf5);left:21px;top:-19px;box-shadow:inset 2px 4px 6px #ffffff8f}.cloud svg{position:absolute;z-index:1;left:26px;top:10px;width:41px;height:43px;stroke:white;stroke-width:3.5}.drop strong{font-size:clamp(18px,1.5vw,25px);line-height:1.15}.drop small{color:var(--muted);font-size:15px}.selected-file{position:relative;pointer-events:none;max-height:120px;max-width:100%;border-radius:10px;object-fit:contain}.desc-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.desc-header label{font-size:17px;font-weight:650}.ai{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 13px;border:1px solid #b171e9;border-radius:15px;background:transparent;color:var(--accent);font-size:14px;white-space:nowrap}.ai svg{width:17px;height:17px}.description{display:block;width:100%;min-height:138px;resize:vertical;border:1px solid var(--stroke);border-radius:18px;background:var(--field);color:var(--text);padding:17px;font-size:16px;line-height:1.55}.description::placeholder{color:var(--muted)}
.timing{display:flex;align-items:center;flex-wrap:wrap;gap:23px;border:1px solid var(--stroke);border-radius:25px;padding:14px 17px;align-self:flex-start;background:var(--field)}.timing label{display:flex;align-items:center;gap:9px;font-size:14px;cursor:pointer}.timing input{accent-color:#a500ed;width:19px;height:19px;margin:0}.datetime{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;color:var(--muted)}.datetime input{border:1px solid var(--stroke);border-radius:12px;padding:10px;background:var(--field);color:var(--text);max-width:100%}
.destinations{display:flex;flex-direction:column;gap:17px}.destinations h2{font-size:23px;font-weight:700;letter-spacing:-.5px;margin:0 0 5px}.platforms{display:grid;gap:11px}.platform{display:flex;align-items:center;gap:15px;border:1px solid var(--stroke);border-radius:16px;background:var(--row);padding:12px;min-height:63px;cursor:pointer;font-size:17px;font-weight:550}.platform input{margin-left:auto;width:23px;height:23px;accent-color:#a300e7;flex-shrink:0}.platform-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;flex-shrink:0;color:#fff;font-weight:800;font-family:Arial,sans-serif}.vk{background:#0676ff;font-size:20px;letter-spacing:-2px;padding-right:3px}.tg{background:#09ace6}.tg svg{stroke:white;fill:white;width:26px;height:26px}.ig{background:radial-gradient(circle at 28% 101%,#ffea77,transparent 45%),linear-gradient(36deg,#ff982c,#f81c6a 48%,#a71fd8 72%,#4948c9)}.ig svg{stroke:white;width:26px;height:26px}.yt{background:#ff1015}.yt svg{fill:#fff;stroke:#fff;width:24px;height:24px}.zen{background:#191921;font-size:36px;font-weight:400}.publish{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;margin-top:auto;min-height:69px;border:1px solid #ff8bd444;border-radius:21px;color:white;background:linear-gradient(117deg,#ff9776 -15%,#ff38b4 37%,#be00e9 88%);box-shadow:0 9px 23px #ef23cc29,inset 0 2px 2px #ffcdada6;font-size:22px;font-weight:700}.publish svg{width:27px;height:27px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 22px;border:1px solid var(--stroke);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 8px 45px #2a123a30;z-index:20;text-align:center;font-size:14px}
@keyframes light-flow{to{transform:translate(-22px,-18px) rotate(9deg);opacity:.7}}@media(prefers-reduced-motion:reduce){.main::after{animation:none}}@media(min-width:1700px){.main{padding-left:55px;padding-right:55px}.workspace{gap:25px}.panel{padding:32px}.drop{min-height:270px}.description{min-height:155px}}
@media(max-width:1150px){.app{grid-template-columns:218px minmax(0,1fr)}.main{padding:24px}.panel{padding:18px}.workspace{grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:16px}.nav button{font-size:16px;gap:15px;padding-left:14px}.sidebar{gap:30px}h1{font-size:43px;letter-spacing:-1.5px}.desc-header{gap:9px}.desc-header label{font-size:16px}.ai{font-size:12px;padding:6px 9px}.platform{font-size:15px;gap:10px}.timing{gap:13px;padding:12px}.timing label{font-size:12px}}
@media(max-width:880px){.app{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding:18px 10px}.workspace{grid-template-columns:1fr}.destinations{gap:15px}.platforms{grid-template-columns:1fr 1fr}.platform:last-child{grid-column:1/-1}.nav button{font-size:14px;padding:14px 10px;gap:10px}.nav svg{width:22px}.main{padding:20px}h1{font-size:37px}.topbar{gap:15px}.drop{min-height:205px}.publish{margin-top:7px}.desc-header label{font-size:17px}.ai{font-size:13px}}
@media(max-width:570px){.app{display:block}.sidebar{padding:12px;gap:14px}.brand{max-width:245px;margin:0 auto}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.nav button{min-height:66px;justify-content:center;gap:5px;flex-direction:column;padding:9px 2px;font-size:11px;border-radius:13px}.nav svg{width:21px;height:21px}.sidebar::after{display:none}.main{padding:20px 14px 30px}.topbar{min-height:40px;gap:18px}.theme button{width:39px;height:31px}.profile{font-size:14px}.avatar{width:37px;height:37px}h1{font-size:34px;letter-spacing:-1px;margin:26px 0 24px}.panel{padding:16px;border-radius:23px}.formats button{font-size:15px}.drop strong{font-size:21px}.drop small{font-size:13px}.desc-header label{font-size:15px}.ai{font-size:12px;padding:7px 9px}.timing{gap:16px}.platforms{grid-template-columns:1fr}.platform:last-child{grid-column:auto}.platform{font-size:16px}.description{min-height:145px}.toast{width:calc(100% - 28px)}}