#assistant.companion-dialog{position:fixed;inset:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:#000;box-shadow:none;color:#e7e7eb;padding:0;overscroll-behavior:contain;--ai-body:17px;font-family:-apple-system,BlinkMacSystemFont,Arial,'Noto Sans Arabic',system-ui,sans-serif}
#assistant.companion-dialog::backdrop{background:#000}body:has(#assistant[open]){overflow:hidden}#assistantBody{height:100%;min-width:0;overflow:hidden}.companion-dialog .assistant-head{padding:calc(13px + env(safe-area-inset-top)) 20px 12px;align-items:center;border-bottom:0;background:#000}.companion-dialog .assistant-head h3{font:700 18px/1.3 Arial,system-ui,sans-serif;margin:0}.companion-dialog .assistant-head .eyebrow{font-size:9px;color:#b5a0d7}.companion-dialog .assistant-head small{font-size:10px;color:#96939e}.companion-dialog #closeChat{height:42px;width:42px;min-width:42px;border:1px solid #ffffff20;background:#171719;font-size:23px;padding:0}.companion-tabs{padding:0 14px 10px;gap:6px;border-bottom:1px solid #ffffff15;overflow:auto;flex-shrink:0}.companion-tabs button{font:600 12px Arial,system-ui,sans-serif;border-radius:22px;min-width:65px;white-space:nowrap;min-height:38px;padding:9px 13px}.companion-tabs button[aria-pressed=true]{background:#b49de222;border-color:#b49de255}.companion-dialog .companion-context{padding:9px 20px;font-size:12px;background:#0c0c0e;border-bottom:1px solid #ffffff10;gap:6px}.companion-context .check{font-size:12px}.companion-context .check input{width:19px;height:19px;min-height:19px}.companion-context small{font-size:10px}.companion-context select{font-size:16px;max-width:100%}.companion-dialog .companion-log{padding:22px 22px 28px;scroll-behavior:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}.companion-message{padding:0;border:0;margin:0 0 29px}.companion-message.user{max-width:85%;margin-inline-start:auto;width:fit-content;background:#19191c;border:0;border-radius:24px;padding:12px 18px}.companion-message-meta{font-size:10px;color:#aa9cbf;margin-bottom:12px}.companion-message.user .companion-message-meta{display:none}.companion-message-text{font-size:var(--ai-body);font-weight:400;line-height:1.53;white-space:normal;color:#e5e5e7;letter-spacing:-.018em;overflow-wrap:anywhere}.companion-message-text p{margin:0 0 17px}.companion-message-text h2{font-size:21px;line-height:1.4;margin:23px 0 15px;color:#f0f0f2}.companion-message-text h3{font-size:19px;line-height:1.4;margin:22px 0 13px;color:#f0f0f2}.companion-message-text h4{font-size:17px;margin:20px 0 12px}.companion-message-text strong{font-weight:700}.companion-message-text li{margin:10px 0 14px;padding-inline-start:5px;line-height:1.55}.companion-message-text ul,.companion-message-text ol{padding-inline-start:29px;margin:12px 0 20px}.companion-message-text code{font-size:.88em;background:#ffffff12;padding:2px 5px;border-radius:5px}.companion-answer-mode{font-size:10px;color:#89828f}.companion-message-tools button{min-height:36px;font-size:12px;padding:8px 12px;background:#151517;border-radius:18px}.companion-dialog .companion-compose{padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:#000;border-top:0}.companion-compose textarea{font:400 17px/1.5 -apple-system,BlinkMacSystemFont,Arial,'Noto Sans Arabic',system-ui,sans-serif;background:#19191c;border:1px solid #ffffff1c;border-radius:24px;padding:16px 19px;min-height:58px;max-height:110px;resize:none}.companion-compose-actions{margin-top:8px;gap:7px;flex-wrap:wrap}.companion-compose-actions button{min-height:40px;font-size:12px;padding:8px 12px}.companion-compose-actions .primary{border-radius:20px}.companion-welcome{padding:12px 0}.companion-welcome h2{font-size:27px;color:#f0edf5}.companion-welcome p{font-size:16px;font-weight:400;color:#aca9b2;line-height:1.65}.companion-prompts{gap:9px}.companion-prompts button{font-size:14px;font-weight:500;padding:15px;border-radius:15px;background:#141416;min-height:52px}.companion-symbol{width:54px;height:54px;border-radius:18px;box-shadow:0 0 50px #b593e526}.companion-error{padding:10px 18px;margin:0;font-size:13px}.companion-history,.companion-glossary{background:#000}.companion-glossary input{font-size:16px!important}.ai-attachment-list{display:flex;gap:7px;overflow-x:auto;max-width:100%;padding:5px 0 8px}.ai-attachment-chip{display:flex;align-items:center;gap:7px;background:#201d29;border:1px solid #c2a4f23b;border-radius:12px;font-size:12px;padding:7px 9px;max-width:200px}.ai-attachment-chip img{width:28px;height:28px;object-fit:cover;border-radius:6px}.ai-attachment-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-attachment-chip button{min-height:28px!important;padding:0 8px!important}
.ai-cosmos{isolation:isolate;position:relative;min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:12px 0 20px;overflow:hidden;border-radius:25px;background:#03030a}.ai-cosmos strong{font-size:14px;z-index:1;color:#ded9f5;font-weight:500;margin-top:42px}.ai-cosmos small{font-size:8px;color:#a9a2c6;z-index:1;margin-top:10px}.ai-nebula{position:absolute;inset:0;overflow:hidden}.ai-nebula i{position:absolute;left:12%;top:15%;width:50%;height:70%;filter:blur(22px);border-radius:50%;background:radial-gradient(ellipse,#7255f0ab,transparent 65%);animation:ai-cloud 5s ease-in-out infinite alternate}.ai-nebula i:nth-child(2){left:45%;top:4%;background:radial-gradient(ellipse,#247ff28c,transparent 68%);animation-delay:-2s;animation-direction:alternate-reverse}.ai-nebula i:nth-child(3){left:30%;top:20%;width:40%;background:radial-gradient(ellipse,#d758bc6e,transparent 68%);animation-delay:-3s}.ai-nebula span{position:absolute;top:24%;left:21%;font-size:19px;color:#f0eaff;text-shadow:0 0 12px #b7a3ff;animation:ai-star 2.8s ease-in-out infinite}.ai-nebula span:nth-of-type(2){left:65%;top:35%;font-size:12px;animation-delay:-1.2s}.ai-nebula span:nth-of-type(3){left:45%;top:8%;font-size:25px;animation-delay:-.8s}.ai-nebula span:nth-of-type(4){left:80%;top:18%;font-size:12px;animation-delay:-1.8s}.ai-nebula span:nth-of-type(5){left:36%;top:43%;font-size:11px;animation-delay:-2s}.ai-nebula span:nth-of-type(6){left:9%;top:51%;font-size:18px;animation-delay:-.4s}@keyframes ai-cloud{from{transform:translate(-10%,-4%) scale(.85) rotate(-12deg);opacity:.55}to{transform:translate(12%,8%) scale(1.25) rotate(16deg);opacity:1}}@keyframes ai-star{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}
.ai-studio{flex:1;min-height:0;overflow:auto;padding:22px 20px 35px;color:#e9e5f0;min-width:0}.ai-studio h2{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:8px 0 12px}.ai-studio p{font-size:14px;line-height:1.6;color:#a7a3b1;font-weight:400}.ai-studio input,.ai-studio textarea,.ai-studio select{font-size:16px;width:100%;background:#151417;color:#eee;border:1px solid #ffffff20;border-radius:14px;padding:12px;min-width:0}.ai-studio label{font-size:12px;display:block;color:#bbb4cc;margin:10px 0}.ai-studio button{font-size:13px;border-radius:16px;min-height:42px}.studio-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-folder{min-width:0;position:relative;background:linear-gradient(145deg,#1d1927,#0e0d12);border:1px solid #c8b0ee2b;border-radius:20px;padding:18px;text-align:start;box-shadow:inset 0 1px #ffffff09}.studio-folder i{display:block;font-style:normal;font-size:25px;color:#d1b6f2;margin-bottom:18px}.studio-folder strong{display:block;font-size:15px;overflow-wrap:anywhere}.studio-folder small{display:block;font-size:10px;color:#9b93ad;margin-top:9px}.studio-file{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;border:1px solid #ffffff12;background:#111114;padding:14px;border-radius:16px;margin:9px 0;text-align:start}.studio-file>span{font-size:24px;color:#d3bdf5}.studio-file strong{font-size:13px;display:block;overflow-wrap:anywhere}.studio-file small{font-size:10px;display:block;color:#9d97a8;margin-top:4px}.studio-file img{width:44px;height:44px;border-radius:9px;object-fit:cover}.studio-file button{padding:5px 10px;font-size:12px}.studio-hero{display:flex;align-items:center;gap:16px;margin-bottom:22px}.studio-hero>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;color:#efe0ff;background:linear-gradient(150deg,#473557,#212641);font-size:28px;flex-shrink:0}.studio-breadcrumb{color:#b9a1db;font-size:12px;cursor:pointer}.studio-project-notes{min-height:95px}.studio-chart{background:#101013;border-radius:18px;border:1px solid #ffffff1c;padding:17px;margin:15px 0}.studio-chart dl{font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-chart dt{color:#a49bac}.studio-chart dd{margin:0}.studio-chart-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.studio-chart-form label:first-child{grid-column:1/-1}.studio-media-preview{max-width:100%;border-radius:20px;margin:14px auto;display:block}.studio-create-form textarea{min-height:110px}.studio-empty{padding:25px 0;color:#8d8796;font-size:14px}.studio-status{font-size:13px;color:#d3b6ef;padding:12px 0;line-height:1.6}.studio-error{background:#c647681d;border:1px solid #ec8aa044;border-radius:12px;color:#f5afc2;padding:12px;font-size:13px}.studio-meta{font-size:11px;color:#aaa1b9;line-height:1.6}.studio-generation-choice{display:flex;gap:9px;margin-bottom:16px}.studio-generation-choice button[aria-pressed=true]{border-color:#d5b7fc;background:#bd98ef22}.studio-project-chart-wheel svg{max-width:100%;height:auto}.studio-media-tools{display:flex;gap:8px;flex-wrap:wrap}
.studio-reader{display:flex;flex:1;min-height:0;flex-direction:column;background:#000}.reader-topbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-block:1px solid #ffffff13;background:#09090b;flex-wrap:wrap;flex-shrink:0}.reader-topbar button,.reader-topbar select,.reader-topbar input{min-height:39px;font-size:16px;border-radius:12px;background:#17171b;border:1px solid #ffffff24;color:#eee;padding:7px 10px}.reader-topbar input[type=number]{width:62px}.reader-topbar strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-controls{display:flex;gap:7px;padding:8px 12px;overflow-x:auto;flex-shrink:0;border-bottom:1px solid #ffffff15}.reader-controls button,.reader-controls select{font-size:12px;white-space:nowrap;min-height:37px;border-radius:16px;padding:7px 11px}.reader-controls select{font-size:16px;max-width:115px;background:#111;color:#ddd}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0;overflow:hidden;position:relative}.reader-viewport{overflow:auto;min-width:0;min-height:0;padding:14px;overscroll-behavior:contain;position:relative;background:#151416}.reader-page{position:relative;margin:0 auto;background:white;box-shadow:0 4px 35px #0008;width:fit-content;max-width:none}.reader-page canvas{display:block}.reader-page .textLayer{opacity:1;line-height:1;position:absolute;inset:0;overflow:hidden;text-align:initial;transform-origin:0 0;z-index:2}.reader-page .textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0 0}.reader-page .textLayer span::selection{background:#8e63e888}.reader-reflow{max-width:780px;margin:auto;min-height:100%;padding:22px 18px 70px;background:var(--reader-bg,#08080b);color:var(--reader-ink,#e7e4e9);font-size:var(--reader-size,19px);font-weight:400;line-height:1.85;font-family:var(--reader-font,Arial),sans-serif;overflow-wrap:anywhere;white-space:pre-wrap}.reader-reflow p{font:inherit;color:inherit;margin:0 0 1.2em}.reader-reflow mark{background:#b59a532e;color:inherit}.reader-ai{display:none;background:#0b0a10;border-top:1px solid #ad86de36;overflow:auto;padding:18px;max-height:48dvh;min-height:100px}.reader-layout.with-ai{grid-template-rows:minmax(100px,1fr) auto}.reader-layout.with-ai .reader-ai{display:block}.reader-ai h3{font-size:18px;color:#e5d8f6;margin:0 0 8px}.reader-ai .companion-message-text{--ai-body:16px}.reader-ai .ai-cosmos{min-height:120px}.reader-ai-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.reader-ai button{font-size:12px;min-height:38px;padding:8px 12px;border-radius:16px}.reader-ai textarea{width:100%;font-size:16px;background:#17131e;color:#eee;border:1px solid #ffffff28;border-radius:13px;padding:12px;min-height:65px}.reader-ai select{font-size:16px;background:#16121d;border:1px solid #ffffff24;color:#eee;border-radius:12px;padding:8px}.reader-progress{font-size:11px;color:#9e94ae;padding:7px 15px;background:#0b090e;flex-shrink:0}.reader-search{padding:12px;max-height:170px;overflow:auto}.reader-search button{display:block;width:100%;text-align:start;font-size:12px;border-radius:9px;margin:6px 0;padding:8px}.reader-selection-note{color:#bba3de;font-size:12px;margin:8px 0;max-height:65px;overflow:auto}.reader-together{background:linear-gradient(110deg,#6d4793,#305b75)!important;border-color:#c6a9e866!important;color:#fff}.studio-reading-scope{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.reader-notes{font-size:12px;max-height:160px;overflow:auto}.reader-note{border-top:1px solid #ffffff15;padding:10px 0}
@media(min-width:800px){#assistant.companion-dialog{width:min(1200px,94vw);height:94dvh;border-radius:28px;border:1px solid #ffffff22}.companion-dialog .companion-log{padding:28px max(28px,calc((100% - 780px)/2))}.companion-dialog .companion-compose{padding-inline:max(28px,calc((100% - 800px)/2))}.companion-dialog .assistant-head{padding:20px 30px}.companion-tabs{padding-inline:28px}.companion-tabs button{flex:initial;min-width:90px}.ai-studio{padding:28px 35px}.studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-layout.with-ai{grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:1fr}.reader-ai{max-height:none;border-top:0;border-inline-start:1px solid #ad86de36}.studio-chart-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ai-nebula i,.ai-nebula span{animation:none!important}.ai-nebula i{opacity:.45}.companion-thinking{animation:none}}

.companion-tabs{scrollbar-width:none}.companion-tabs::-webkit-scrollbar{display:none}.companion-tabs button{flex:0 0 auto;min-width:unset}.reader-controls{scrollbar-width:none}.reader-controls::-webkit-scrollbar{display:none}
.reader-ai{max-height:38dvh}.studio-reading-scope select{width:auto;flex:1;min-width:95px;max-width:100%;font-size:16px}.studio-reading-scope button{min-width:36px;padding:5px}.reader-page .textLayer span,.reader-page .textLayer span *{color:transparent!important;text-shadow:none!important}.reader-reflow .astarro-wordmark{font:inherit!important;letter-spacing:inherit!important;color:inherit!important}
@media(min-width:800px){.reader-ai{max-height:none}}