:root{--bg:#f5f6fa;--paper:#fff;--ink:#182238;--muted:#7e8799;--line:#e8ebf1;--brand:#6659e8;--brand2:#8a7af5;--dark:#171a35;--soft:#f1efff;--green:#13a37c;--red:#d85d6a;--shadow:0 18px 50px rgba(34,40,89,.06)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.6 'DM Sans','Noto Sans SC',system-ui,sans-serif;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.app{min-height:100vh;display:flex}.sidebar{width:250px;background:#191c36;color:#d9dcef;display:flex;flex-direction:column;padding:26px 15px;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 34px;color:white}.brandmark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#8e81ff,#5e52d2);display:grid;place-items:center;font-size:19px;box-shadow:0 8px 20px rgba(105,84,255,.35)}.brand strong{font-size:18px;letter-spacing:.07em}.brand small{display:block;color:#8f94b6;letter-spacing:.17em;font-size:9px}.nav-group{font-size:10px;font-weight:700;letter-spacing:.17em;color:#797f9e;padding:0 15px;margin:14px 0 8px;text-transform:uppercase}.nav{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:11px;background:transparent;color:#b6bbd1;padding:11px 13px;text-align:left;margin:3px 0;font-weight:600}.nav:hover,.nav.active{background:#303451;color:white}.nav.active{box-shadow:inset 3px 0 #a599ff}.nav .ico{font-size:18px;width:23px;text-align:center}.side-bottom{margin-top:auto;border-top:1px solid #363a57;padding-top:15px}.profile{display:flex;gap:10px;align-items:center;padding:10px 11px}.avatar{width:36px;height:36px;border-radius:11px;background:#7164e7;color:white;display:grid;place-items:center;font-weight:700;flex-shrink:0}.profile small{display:block;color:#9298b4}.profile strong{font-size:13px}.main{min-width:0;flex:1}.topbar{height:72px;background:rgba(255,255,255,.84);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;backdrop-filter:blur(12px)}.crumb{color:var(--muted);font-size:13px}.crumb strong{color:var(--ink)}.top-actions{display:flex;gap:10px;align-items:center}.badge{background:#f1efff;color:#6555cf;border-radius:30px;padding:6px 11px;font-size:12px;font-weight:700}.content{max-width:1320px;margin:auto;padding:35px 38px 65px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:4px}.page-head h1{font-size:29px;line-height:1.3;letter-spacing:-.04em;margin:0}.page-head p{color:var(--muted);margin:7px 0 0}.button{border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:white;color:var(--ink);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.button:hover{border-color:#c8c4ee;background:#faf9ff}.button.primary{color:white;border-color:var(--brand);background:linear-gradient(135deg,var(--brand2),var(--brand));box-shadow:0 8px 20px rgba(102,89,232,.2)}.button.primary:hover{filter:brightness(1.06)}.button.danger{color:var(--red)}.button.small{font-size:12px;padding:7px 11px;min-height:32px}.button:disabled{opacity:.48;cursor:not-allowed}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1.25fr .75fr}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:23px}.card h2,.card h3{margin:0 0 15px}.card h2{font-size:17px}.card h3{font-size:14px}.muted{color:var(--muted)}.hero{background:linear-gradient(120deg,#282757,#6559b4);color:white;padding:30px;border-radius:19px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-60px;top:-130px;box-shadow:0 0 0 55px rgba(255,255,255,.04),0 0 0 115px rgba(255,255,255,.025)}.hero h1{font-size:29px;margin:5px 0}.hero p{color:#d7d4f7;margin:0 0 22px}.hero .button{position:relative}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 28px}.stat{padding:19px 22px;background:white;border:1px solid var(--line);border-radius:15px}.stat b{font-size:25px;display:block}.stat small{color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 13px}.section-title h2{margin:0;font-size:18px}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project-card{border:1px solid var(--line);background:white;padding:19px;border-radius:15px;cursor:pointer;transition:.15s}.project-card:hover{transform:translateY(-2px);border-color:#b8b0f8;box-shadow:var(--shadow)}.project-cover{height:86px;border-radius:10px;background:linear-gradient(135deg,#ebe9ff,#f4f1fa);display:grid;place-items:center;color:var(--brand);font-size:28px;margin-bottom:14px}.project-card h3{margin:0 0 5px;font-size:15px}.project-card p{color:var(--muted);font-size:12px;margin:0}.pill{display:inline-block;border-radius:30px;background:#f0f1f5;color:#687188;padding:3px 9px;font-size:11px;font-weight:700}.pill.ready{background:#e4f7f0;color:#128868}.pill.generating{background:#fff4df;color:#a36a16}.form-field{margin-bottom:16px}.form-field label{display:block;font-weight:700;margin-bottom:7px;font-size:13px}.form-field small{display:block;color:var(--muted);margin-top:5px}.input,.textarea,.select{width:100%;border:1px solid #dfe3eb;border-radius:10px;background:white;padding:11px 12px;color:var(--ink);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:#8c81ef;box-shadow:0 0 0 3px rgba(102,89,232,.11)}.textarea{resize:vertical;min-height:130px}.textarea.script{min-height:540px;line-height:1.9}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.stepper{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.step{padding:8px 13px;background:white;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-weight:700;font-size:12px}.step.current{background:var(--soft);color:var(--brand);border-color:#d8d2ff}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.style-option{border:1px solid var(--line);background:white;border-radius:12px;text-align:left;padding:16px;min-height:93px}.style-option:hover,.style-option.selected{border-color:var(--brand);background:#f8f7ff}.style-option strong{display:block;font-size:13px}.style-option small{color:var(--muted)}.style-icon{display:block;font-size:23px;margin-bottom:6px}.shot{display:grid;grid-template-columns:28px 1fr 115px;gap:12px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:13px;margin:12px 0;background:white}.shot-number{width:25px;height:25px;background:var(--soft);color:var(--brand);border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700}.shot textarea{min-height:75px}.shot .input{margin-bottom:8px}.shot-tools{display:flex;gap:7px;align-items:center;justify-content:flex-end}.shot-tools input{width:58px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.media-card{overflow:hidden;border:1px solid var(--line);background:white;border-radius:14px}.media-card video{width:100%;height:160px;background:#15182c;object-fit:cover}.media-body{padding:14px}.media-body strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-body small{color:var(--muted)}.empty{border:1px dashed #d5d9e5;border-radius:15px;padding:45px 20px;text-align:center;color:var(--muted);background:#fbfcfe}.empty .large{font-size:34px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#fafbfe;color:#768096;font-size:11px;letter-spacing:.04em}tr:last-child td{border-bottom:0}.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);height:calc(100vh - 170px);min-height:560px;gap:16px}.chat-history,.chat-panel{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.chat-history{padding:13px}.chat-item{border:0;background:transparent;text-align:left;width:100%;padding:10px;border-radius:8px;color:#515d73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item:hover,.chat-item.active{background:var(--soft);color:var(--brand)}.chat-panel{display:flex;flex-direction:column}.chat-head{padding:14px 17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-messages{flex:1;overflow:auto;padding:20px 6%;}.message{display:flex;gap:12px;margin-bottom:21px;max-width:900px}.message.user{flex-direction:row-reverse}.message .bubble{padding:12px 16px;background:#f4f5f9;border-radius:13px;white-space:pre-wrap;line-height:1.8;max-width:85%}.message.user .bubble{background:#eeeaff}.chat-input{border-top:1px solid var(--line);padding:15px 20px}.chat-input textarea{min-height:65px;max-height:180px}.proposal{border:1px solid #d9d3ff;border-radius:10px;padding:12px;margin:8px 0;background:#fbfaff}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-art{padding:7vw;background:linear-gradient(145deg,#282752,#5d54b0);color:white;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art:after{content:'✦';font-size:280px;color:rgba(255,255,255,.08);position:absolute;right:-20px;top:13%}.auth-art h1{font-size:43px;line-height:1.3;position:relative;z-index:1}.auth-art p{color:#d6d3f8;max-width:400px}.auth-box{display:grid;place-items:center;padding:30px}.auth-card{width:min(410px,100%)}.auth-card h2{font-size:28px;margin-bottom:4px}.auth-card p{color:var(--muted);margin-bottom:30px}.auth-card .button{width:100%;margin-top:5px}.auth-foot{margin-top:28px;font-size:12px;color:var(--muted)}#toast{position:fixed;right:23px;bottom:23px;background:#252846;color:white;padding:11px 17px;border-radius:10px;box-shadow:0 12px 30px rgba(25,28,54,.2);display:none;z-index:9;max-width:360px}#toast.show{display:block}.modal-cover{position:fixed;inset:0;background:rgba(19,22,45,.5);z-index:10;display:grid;place-items:center;padding:20px}.modal{background:white;border-radius:18px;width:min(560px,100%);padding:25px;max-height:90vh;overflow:auto}.modal h2{margin:0 0 16px}.notice{border-radius:10px;padding:12px 14px;background:#fff8e9;color:#8b681e;font-size:12px;margin-bottom:16px}@media(max-width:1050px){.style-grid{grid-template-columns:repeat(3,1fr)}.project-list,.media-grid{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{width:67px;padding:15px 8px}.brand{padding:0 7px 25px}.brand strong,.brand small,.nav span:not(.ico),.nav-group,.profile div:not(.avatar){display:none}.nav{justify-content:center;padding:12px}.sidebar .profile{padding:7px}.topbar{padding:0 17px}.content{padding:23px 17px 50px}.page-head h1{font-size:23px}.stats{grid-template-columns:repeat(3,1fr)}.project-list,.media-grid{grid-template-columns:1fr}.style-grid{grid-template-columns:repeat(2,1fr)}.chat-layout{grid-template-columns:1fr}.chat-history{display:none}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.shot{grid-template-columns:25px 1fr}.shot-tools{grid-column:2;justify-content:flex-start}}
@media(max-width:1050px){.chat-layout{grid-template-columns:1fr}.chat-history{display:none}.chat-conversation-picker{display:block!important}.chat-head{flex-wrap:wrap;gap:8px}.auth-art h1{font-size:35px}}