@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root {--page:#f6e8f5;--page2:#fbeff4;--surface:rgba(255,255,255,.77);--surface2:#fff8fc;--surface3:#f4dfed;--text:#39243e;--muted:#917991;--primary:#95528e;--primary2:#c982af;--border:rgba(159,97,154,.17);--shadow:0 16px 42px rgba(112,68,118,.11);--nav:#ffffffdd;--positive:#3b966e;--warning:#b37b36;--pink:#edbbd4;--flower:#d899be;--radius:23px}
[data-theme="night"] {--page:#201a31;--page2:#31233e;--surface:rgba(56,41,70,.87);--surface2:#3c2d4d;--surface3:#483454;--text:#fff0fa;--muted:#bca8ca;--primary:#d4a0df;--primary2:#dca2c8;--border:rgba(244,213,254,.11);--shadow:0 15px 50px rgba(10,2,18,.28);--nav:#2b223cdc;--positive:#7addba;--warning:#ebbf78;--pink:#80527a;--flower:#d5a1cc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;direction:rtl;background:radial-gradient(circle at 95% 6%,rgba(231,170,210,.42) 0,transparent 32%),radial-gradient(circle at 14% 40%,rgba(178,147,225,.22) 0,transparent 38%),linear-gradient(160deg,var(--page),var(--page2));color:var(--text);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:14px;transition:background .3s,color .3s}button,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}input,textarea,select{outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}.svgicon{width:20px;height:20px;display:inline-flex;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;vertical-align:middle;flex-shrink:0}.app-shell{display:flex;min-height:100vh;position:relative}.side{width:266px;flex:none;position:sticky;top:0;height:100vh;padding:25px 15px 18px;display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--border);background:var(--nav);backdrop-filter:blur(25px);z-index:20}.side-brand{display:flex;align-items:center;gap:12px;padding:9px 8px 20px;border-bottom:1px solid var(--border)}.brand-symbol{width:50px;height:50px;background:linear-gradient(145deg,#9f60a4,#d78bb6);border-radius:19px;display:grid;place-items:center;color:white;font-size:31px;box-shadow:0 9px 19px rgba(157,80,155,.23)}.side-brand b{font-weight:900;font-size:13.5px;line-height:1.7;display:block}.side-brand small{font-size:10px;color:var(--muted)}.side-label{font-size:11px;padding:8px 14px 0;color:var(--muted);font-weight:700}.nav-list{overflow-y:auto;scrollbar-width:thin;flex:1;display:flex;flex-direction:column;gap:5px}.nav-item{background:transparent;border:0;width:100%;display:flex;align-items:center;gap:12px;border-radius:15px;padding:12px 14px;color:var(--muted);font-weight:700;text-align:right;transition:.2s}.nav-item:hover{background:var(--surface3);color:var(--text)}.nav-item.active{background:linear-gradient(100deg,rgba(194,131,184,.26),rgba(240,184,210,.26));color:var(--primary);box-shadow:inset -3px 0 var(--primary)}.nav-item .svgicon{width:18px;height:18px}.side-bottom{border-top:1px solid var(--border);padding-top:13px}.profile-mini{display:flex;align-items:center;gap:10px;padding:11px;border-radius:17px;background:var(--surface2);border:1px solid var(--border)}.avatar{display:grid;place-items:center;border-radius:16px;width:42px;height:42px;flex:none;font-weight:900;color:white;background:linear-gradient(145deg,#b27ac1,#d99db9);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-mini b{display:block;font-size:12px}.profile-mini small{color:var(--muted);font-size:10px}.main{width:calc(100% - 266px);padding:28px clamp(18px,4vw,58px) 80px;min-width:0;position:relative}.main::before{content:'✿';position:fixed;left:26px;top:56px;font-size:142px;color:var(--flower);opacity:.075;pointer-events:none;transform:rotate(-14deg)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;position:relative;z-index:2;margin-bottom:27px}.crumb{display:flex;align-items:center;gap:11px;font-size:13px;color:var(--muted)}.crumb b{font-size:17px;color:var(--text)}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid var(--border);color:var(--text);background:var(--surface);width:42px;height:42px;border-radius:15px;display:grid;place-items:center;position:relative}.notice-dot:after{content:'';background:#df75a8;position:absolute;right:9px;top:8px;width:7px;height:7px;border:2px solid var(--surface2);border-radius:100%}.theme-switch{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:15px;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:6px 11px;font-size:10px;font-weight:800;color:var(--primary)}.pill.green{color:var(--positive);background:rgba(73,174,126,.09)}.pill.orange{color:var(--warning);background:rgba(224,161,79,.1)}.pill.gray{color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.page-head h1{font-size:clamp(23px,3vw,31px);font-weight:900}.page-head p{color:var(--muted);font-size:12px;margin-top:6px}.hero{border:1px solid rgba(255,255,255,.27);min-height:232px;border-radius:30px;position:relative;padding:30px;overflow:hidden;background:linear-gradient(115deg,#9f6da9 0%,#b87aa9 48%,#df9ebd 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 22px 45px rgba(153,84,147,.17);margin-bottom:21px}.hero:before,.hero:after{position:absolute;content:'✿';font-size:230px;color:rgba(255,255,255,.12);line-height:1;pointer-events:none}.hero:before{left:10%;top:-72px;transform:rotate(30deg)}.hero:after{left:-72px;bottom:-112px;transform:rotate(-33deg)}.hero-content{position:relative;z-index:1;max-width:490px}.hero .eyebrow{font-weight:800;color:#ffe5f5;font-size:12px}.hero h2{font-size:clamp(23px,3.5vw,34px);font-weight:900;line-height:1.65;margin:7px 0}.hero p{color:#ffe5f3;max-width:440px;font-size:12px}.hero-flower{font-size:120px;line-height:1;color:#fff;opacity:.55;transform:rotate(-20deg);margin-left:6%;filter:drop-shadow(0 8px 15px #7f4e8348)}.hero-buttons{display:flex;gap:10px;margin-top:19px;flex-wrap:wrap}.btn{border:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;font-weight:800;font-size:12px;min-height:40px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(120deg,var(--primary),var(--primary2));color:white;box-shadow:0 8px 20px rgba(137,82,143,.16)}.btn.white{background:#fff;color:#9e6099}.btn.ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn.soft{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.35)}.btn.danger{background:rgba(208,84,114,.11);color:#c65376}.btn.sm{padding:7px 11px;min-height:32px;font-size:11px}.btn .svgicon{width:17px;height:17px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}.stat{border-radius:21px;padding:19px 19px 16px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:700}.stat-icon{width:37px;height:37px;border-radius:12px;background:var(--surface3);display:grid;place-items:center;color:var(--primary)}.stat strong{display:block;font-size:29px;margin-top:7px;font-weight:900}.stat small{font-size:10px;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:18px}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:23px;padding:20px;margin-bottom:19px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.panel-head h3{font-weight:900;font-size:15px}.muted{color:var(--muted)}.tiny{font-size:11px}.link{font-size:11px;font-weight:800;color:var(--primary);background:none;border:0;padding:4px}.episode-list{display:flex;flex-direction:column;gap:10px}.episode-item{border:1px solid var(--border);background:var(--surface2);border-radius:16px;display:flex;align-items:center;gap:12px;padding:11px}.episode-thumb{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,#e7bbd5,#b49bd7);color:white;position:relative;overflow:hidden}.episode-thumb:before{content:'✿';font-size:35px;opacity:.8}.episode-thumb[data-tone="1"]{background:linear-gradient(135deg,#ac93d9,#e5a2c7)}.episode-thumb[data-tone="2"]{background:linear-gradient(135deg,#c4a0de,#8e7fbd)}.episode-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.episode-info{flex:1;min-width:0}.episode-info b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-info small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.episode-time{font-weight:800;font-size:11px;white-space:nowrap}.section-title{font-weight:900;font-size:19px;margin-bottom:15px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.quick{border:1px solid var(--border);background:var(--surface2);border-radius:16px;padding:15px;cursor:pointer;text-align:right;color:var(--text)}.quick .svgicon{color:var(--primary);margin-bottom:8px;width:23px;height:23px}.quick b{display:block;font-size:12px}.quick small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.owner-card{display:flex;align-items:center;gap:12px;padding:13px;border-radius:17px;background:linear-gradient(100deg,rgba(206,155,200,.18),rgba(230,181,209,.16));border:1px solid var(--border)}.owner-card .avatar{width:51px;height:51px;font-size:21px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.chip{border:1px solid var(--border);background:var(--surface);border-radius:99px;padding:8px 13px;color:var(--muted);font-size:11px;font-weight:700}.chip.on{background:var(--primary);color:white;border-color:var(--primary)}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.show-card{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:23px;box-shadow:var(--shadow)}.show-cover{height:136px;background:linear-gradient(135deg,#c595c6,#e7adcb);position:relative;display:grid;place-items:center;overflow:hidden}.show-cover:before{content:'✿';font-size:128px;opacity:.3;color:white;position:absolute;transform:rotate(-28deg)}.show-cover b{z-index:1;color:#fff;font-size:19px;text-shadow:0 3px 12px #8c528c80;text-align:center;max-width:90%;line-height:1.6}.show-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.show-content{padding:16px}.show-content h3{font-size:14px;margin:10px 0 4px;line-height:1.6}.show-content p{color:var(--muted);font-size:11px;line-height:1.9;min-height:43px}.show-meta{display:flex;gap:12px;color:var(--muted);font-size:10px;margin:12px 0}.show-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px}.searchline{width:100%;max-width:330px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:15px;padding:0 12px;background:var(--surface);height:43px}.searchline input{border:0;background:none;color:var(--text);min-width:0;flex:1;width:100%}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-weight:800;font-size:11px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--surface2);color:var(--text);min-height:42px;padding:10px 13px;font-size:12px}.field textarea{min-height:105px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:520px;text-align:right}.data-table th{font-size:10px;color:var(--muted);font-weight:800;padding:12px;border-bottom:1px solid var(--border)}.data-table td{padding:11px 12px;font-size:11px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border:0}.inline-person{display:flex;align-items:center;gap:8px}.inline-person .avatar{width:34px;height:34px;border-radius:11px}.inline-person b{font-size:11px}.empty{border:1px dashed var(--border);background:var(--surface2);border-radius:19px;padding:30px;text-align:center;color:var(--muted)}.empty .svgicon{width:35px;height:35px;margin-bottom:10px}.empty b{display:block;color:var(--text)}.number-machine{background:linear-gradient(135deg,#a174b4,#d995be);color:white;border-radius:24px;padding:24px;text-align:center;position:relative;overflow:hidden}.number-machine:before{content:'✿';position:absolute;font-size:175px;left:-37px;top:-40px;opacity:.12}.drawn-number{font-size:76px;font-weight:900;line-height:1.5}.challenge{padding:17px;border:1px solid var(--border);background:var(--surface2);border-radius:18px;margin-top:13px}.stage{border-right:3px solid var(--primary2);padding:11px 14px;margin:9px 0;background:var(--surface2);border-radius:13px}.stage b{font-size:12px}.stage p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:4px}.studio{display:grid;grid-template-columns:1fr .9fr;gap:18px}.upload{border:1.5px dashed var(--primary2);border-radius:17px;background:var(--surface2);min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;cursor:pointer;color:var(--muted);font-size:11px}.upload input{display:none}.uploads-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.uploads-preview img{width:80px;height:80px;object-fit:cover;border-radius:12px;border:1px solid var(--border)}.image-result{aspect-ratio:1;background:linear-gradient(145deg,rgba(199,149,212,.35),rgba(240,178,208,.28));border-radius:22px;display:grid;place-items:center;text-align:center;border:1px solid var(--border);padding:17px;min-height:230px;overflow:hidden}.image-result .svgicon{width:54px;height:54px;color:var(--primary2)}.image-result img{width:100%;height:100%;object-fit:contain;max-height:400px}.image-result h3{font-size:15px}.image-result p{color:var(--muted);font-size:11px;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#24162cb5;backdrop-filter:blur(8px);z-index:60;display:flex;align-items:center;justify-content:center;padding:18px}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--page2);border:1px solid var(--border);border-radius:25px;box-shadow:0 22px 75px #13091d61;padding:23px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.modal-head h2{font-size:18px}.modal section{padding:14px 0;border-bottom:1px solid var(--border)}.modal section:last-child{border:0}.modal section h3{font-size:13px;margin-bottom:8px}.modal section p{font-size:12px;line-height:2;color:var(--muted)}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.preview-notice{display:flex;align-items:center;gap:9px;padding:10px 14px;background:rgba(195,141,194,.16);border:1px solid var(--border);border-radius:13px;font-size:11px;color:var(--text);margin-bottom:18px}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.image-tile{aspect-ratio:1;border-radius:14px;background:var(--surface2);overflow:hidden;border:1px solid var(--border);display:grid;place-items:center;color:var(--primary2)}.image-tile img{width:100%;height:100%;object-fit:cover}.developer-hero{text-align:center;padding:38px 20px;position:relative;border-radius:28px;background:linear-gradient(125deg,#ad78b7,#dfa1c1);color:white;overflow:hidden}.developer-hero:before{content:'✿';position:absolute;font-size:210px;left:-30px;top:-60px;color:#fff3;transform:rotate(-20deg)}.developer-badge{width:94px;height:94px;border-radius:26px;margin:auto;display:grid;place-items:center;background:#fff2;border:1px solid #fff5;box-shadow:0 9px 22px #512f5c29;font-size:35px;font-weight:900}.developer-hero h2{font-weight:900;font-size:26px;margin-top:14px}.developer-hero p{font-size:12px;color:#fff2f8;margin-top:3px}.footer{text-align:center;color:var(--muted);font-size:11px;margin-top:25px}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.small-select{border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:6px;border-radius:11px;font-size:10px}.grow{flex:1}.bottom-nav{display:none}.startup{height:95vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.startup .brand-mark{width:82px;height:82px;border-radius:27px;background:linear-gradient(135deg,#a775b4,#e1a5bc);color:white;display:grid;place-items:center;font-size:54px}.startup h1{font-size:22px}.startup p{color:var(--muted)}#toast-area{position:fixed;bottom:22px;left:24px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:420px}.toast{border-radius:14px;background:#34233f;color:white;box-shadow:0 12px 29px #1d0d2740;padding:13px 17px;font-size:12px;animation:toast-in .2s ease}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-note{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.divider{height:1px;background:var(--border);margin:14px 0}.flower-float{position:fixed;pointer-events:none;color:var(--flower);opacity:.08;z-index:0;font-size:35px;animation:float 9s ease-in-out infinite}.flower-float:nth-child(1){top:23%;left:4%}.flower-float:nth-child(2){top:73%;left:25%;animation-delay:-3s;font-size:21px}.flower-float:nth-child(3){top:48%;left:56%;animation-delay:-7s;font-size:18px}@keyframes float{50%{transform:translateY(-22px) rotate(30deg)}}
@media(max-width:1120px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}
@media(max-width:780px){.side{display:none}.main{width:100%;padding:17px 15px 100px}.topbar{margin-bottom:17px}.hero{padding:23px;min-height:205px}.hero-flower{font-size:80px;margin:0}.bottom-nav{display:flex;position:fixed;z-index:40;left:10px;right:10px;bottom:9px;background:var(--nav);backdrop-filter:blur(22px);padding:9px 5px calc(6px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:23px;justify-content:space-around;box-shadow:0 12px 38px #41234726}.bottom-nav button{border:0;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;font-weight:800;min-width:44px}.bottom-nav button.active{color:var(--primary)}.bottom-nav .svgicon{width:21px;height:21px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head h1{font-size:23px}.studio{grid-template-columns:1fr}.studio-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.hero{padding:22px;min-height:195px}.hero h2{font-size:23px}.hero-flower{font-size:57px;position:absolute;left:7px;top:14px}.hero p{max-width:250px}.stat{padding:14px}.stat strong{font-size:23px}.stat-icon{width:31px;height:31px}.stats-grid{gap:10px}.cards-grid{grid-template-columns:1fr}.show-cover{height:145px}.topbar .crumb{font-size:11px}.topbar .crumb b{font-size:13px}.theme-switch span{display:none}.form-row{grid-template-columns:1fr}.page-head{align-items:flex-start}.panel{padding:15px}.quick-grid{gap:8px}.hero-buttons .btn{font-size:11px}#toast-area{left:12px;right:12px;bottom:86px}.modal{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* V1.0 conversational authoring / F90 image studio: optimized for 360px phone width */
.chat-layout{max-width:940px;margin:auto}.conversation-panel{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:25px;background:var(--surface);box-shadow:0 16px 52px #72476d16;min-height:72vh;overflow:hidden;backdrop-filter:blur(22px)}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;background:linear-gradient(120deg,#ffeff8aa,#d5b8e844);border-bottom:1px solid var(--border)}[data-theme="night"] .chat-head{background:linear-gradient(120deg,#463456,#2c2444)}
.chat-head>div:first-child{display:flex;gap:10px;align-items:center}.chat-head b{font-size:14px;display:block}.chat-head small{display:block;font-size:10px;color:var(--muted);line-height:1.65}.chat-app-icon,.chat-assistant-icon{width:37px;height:37px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#b77bb7,#e5aacb);color:white;flex-shrink:0}.chat-app-icon .svgicon{width:21px;height:21px}.chat-history{display:flex;gap:7px;padding:10px 16px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--border)}
.history-chip{flex:none;border:1px solid var(--border);border-radius:30px;color:var(--muted);padding:8px 12px;background:var(--surface2);cursor:pointer;font:700 11px Cairo,Tahoma,sans-serif;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-chip.selected{background:var(--surface3);border-color:var(--primary);color:var(--text)}
.chat-messages{display:flex;flex-direction:column;flex:1;overflow:auto;min-height:350px;max-height:62vh;padding:26px 23px;scroll-behavior:smooth}.chat-welcome{margin:auto;max-width:450px;text-align:center;padding:15px 0}.welcome-flower{display:grid;place-items:center;width:68px;height:68px;border-radius:21px;margin:auto auto 16px;background:linear-gradient(130deg,#a875b4,#e2aecb);color:white;font-size:40px;box-shadow:0 9px 25px #af6f9b49}.chat-welcome h2{font-size:21px;margin-bottom:9px}.chat-welcome p{font-size:12px;line-height:2;color:var(--muted)}.suggestions{display:grid;gap:8px;margin-top:20px}.suggestions button{background:var(--surface2);border:1px solid var(--border);color:var(--text);text-align:right;border-radius:14px;padding:10px 14px;cursor:pointer;font:700 12px Cairo,Tahoma,sans-serif}.suggestions button:hover{border-color:var(--primary)}
.chat-line{display:flex;gap:9px;margin:9px 0;align-items:flex-start;max-width:100%;width:100%}.chat-line.user{justify-content:flex-start}.chat-line.assistant{justify-content:flex-end}.bubble{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:linear-gradient(130deg,#ac77b3,#9b65aa);color:#fff;padding:11px 15px;border-radius:18px 18px 5px 18px;max-width:min(80%,520px)}.bubble.assistant{padding:15px 17px;background:var(--surface2);border:1px solid var(--border);border-radius:18px 18px 18px 5px;max-width:min(86%,640px);flex:1}.chat-assistant-icon{width:27px;height:27px;border-radius:10px;font-size:20px}.bubble.assistant>p:first-child{margin:0}.draft-tile{border-top:1px solid var(--border);padding-top:12px;margin-top:10px}.draft-tile h3{margin:8px 0 3px;font-size:17px}.draft-tile p{font-size:12px;margin:7px 0 9px}.draft-tile .row-actions{margin:8px 0;gap:6px}.chat-generated img{max-width:100%;border-radius:16px;margin:12px 0;max-height:550px;object-fit:contain}
.chat-compose{border-top:1px solid var(--border);background:var(--surface2);padding:13px 17px 15px}.chat-compose textarea{width:100%;resize:vertical;min-height:75px;max-height:155px;border-radius:16px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:12px 15px;font:500 13px Cairo,Tahoma,sans-serif;line-height:1.9;outline:none}.chat-compose textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #b18fc332}.compose-options{display:flex;align-items:center;gap:8px;margin:8px 0}.reference-button{display:inline-flex;align-items:center;gap:6px;position:relative;cursor:pointer;border:1px solid var(--border);border-radius:12px;padding:6px 10px;background:var(--surface);font-size:11px}.reference-button input{position:absolute;inset:0;opacity:0;cursor:pointer;max-width:100%}.compose-options select{margin:0;border:1px solid var(--border);border-radius:12px;padding:8px;background:var(--surface);color:var(--text);font-family:inherit}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.compose-footer span{font-size:10px;color:var(--muted);line-height:1.6;max-width:490px}.compose-footer .btn{flex-shrink:0}.chat-compose .uploads-preview{display:flex;gap:7px;max-width:100%;overflow:auto}.chat-compose .uploads-preview img{width:48px;height:48px;object-fit:cover;border-radius:10px}
.chat-readonly{margin:15px;padding:15px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}
.presenter-reading{display:grid;gap:14px;font-size:14px}.reader-top{display:flex;gap:9px;align-items:center;background:var(--surface3);padding:12px 14px;border-radius:13px}.reader-top strong,.reader-top small{display:block}.reader-top small{font-size:10px;color:var(--muted)}.reader-step{display:grid;gap:8px}.reader-divider{text-align:center;padding:9px 7px;border-bottom:1px solid var(--border);font-weight:800;color:var(--primary)}.reader-line{max-width:92%;padding:14px 17px;border-radius:16px;line-height:2.2}.reader-line span{font-weight:900;display:block;font-size:11px;margin-bottom:5px}.reader-line p{white-space:pre-wrap;margin:3px 0 0}.reader-line.narrator{background:linear-gradient(145deg,#efd8eecc,#f9e3f1dd);color:#422b49;margin-right:auto;border-radius:17px 17px 17px 5px;box-shadow:0 4px 17px #8c5c7f13}.reader-line.instruction{background:var(--surface3);margin-left:auto;border-radius:17px 17px 5px 17px}.reader-line.questions{background:var(--surface2);border:1px solid var(--border)}[data-theme="night"] .reader-line.narrator{background:#594063;color:#fff0ff}.reader-fallback{font-size:11px;padding:8px 14px;border-radius:12px;background:var(--surface2);color:var(--muted)}.reader-fallback summary{cursor:pointer;font-weight:700}
@media(max-width:780px){.chat-layout{max-width:100%}.conversation-panel{min-height:calc(100dvh - 240px);border-radius:18px}.chat-messages{max-height:calc(100dvh - 380px);min-height:290px;padding:17px 12px}.chat-head{padding:12px}.chat-head small{font-size:9px}.chat-head .btn{font-size:10px}.chat-compose{padding:11px}.bubble.user{max-width:89%}.bubble.assistant{max-width:92%;padding:12px}.reader-line{max-width:98%;padding:12px}}
@media(max-width:390px){.chat-head small{display:none}.compose-footer span{font-size:9px}.compose-footer .btn{padding:9px}.chat-messages{max-height:49dvh}.history-chip{font-size:10px}}

@media(max-width:780px){.conversation-panel{padding-bottom:78px}.chat-compose{background:var(--surface2)}.chat-messages{max-height:53dvh}.compose-footer{align-items:flex-start}.compose-footer .btn{min-height:40px}}
/* v1.1: phone notifications / recipient-specific administrative composer */
.push-panel{border:1px solid var(--border);background:linear-gradient(125deg,var(--surface),var(--surface2));}
.push-panel .panel-head{flex-wrap:wrap;gap:10px}
.push-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0}
.push-actions button{min-height:43px}
.push-panel button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:480px){.push-actions{display:grid;grid-template-columns:1fr}.push-actions button{width:100%;justify-content:center}.modal select[name="target"]{max-width:100%}}