.mini-mobile-studio,.mini-header-icon,.mini-header-topup{display:none}.studio-select{min-width:0;position:relative}.studio-select-trigger{box-sizing:border-box;color:#e4eaf9;width:100%;min-height:44px;font:inherit;cursor:pointer;background:linear-gradient(145deg,#121a2a,#0b111d);border:1px solid #323c54;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:650;display:flex}.studio-select-trigger>span:not(.mini-hd-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-select-trigger>svg{color:#a5b4d3;flex-shrink:0}.studio-select-trigger>svg:last-child{margin-left:auto;transition:transform .16s}.studio-select-trigger[aria-expanded=true]{border-color:#9b6bee;box-shadow:0 0 0 2px #8554d325}.studio-select-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.studio-select-menu{z-index:100;box-sizing:border-box;background:#111827;border:1px solid #54446f;border-radius:14px;width:max(100%,185px);max-width:calc(100vw - 32px);max-height:300px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 15px 40px #000a}.studio-select-heading{color:#8794b0;letter-spacing:.02em;padding:7px 8px 9px;font-size:10px;font-weight:600}.studio-select-menu>button{color:#dbe4f6;text-align:left;width:100%;min-height:46px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.studio-select-menu>button>span{flex-direction:column;gap:4px;display:flex}.studio-select-menu b{font-size:12px;font-weight:650}.studio-select-menu small{color:#8e9bb6;font-size:10px}.studio-select-menu>button[aria-selected=true]{color:#e2caff;background:#302044;border-color:#7851b955}.studio-select-menu>button:hover,.studio-select-menu>button:focus-visible{background:#232b40;border-color:#886bb9;outline:none}.mini-generation-settings .studio-select:first-child .studio-select-menu{left:0;right:auto}.mini-model-control .studio-select-trigger{background:0 0;border:0;justify-content:flex-start;min-height:48px}@media (max-width:800px){body:has(.mini-dashboard){background:#080c14;padding-bottom:0}body:has(.mini-dashboard) .mobile-page-title{align-items:center;gap:8px;font-size:16px;display:flex}body:has(.mini-dashboard) .mobile-page-title-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}body:has(.mini-dashboard) .mini-header-icon{object-fit:contain;flex-shrink:0;width:26px;height:26px;display:block}body:has(.mini-dashboard) .mini-header-topup{background:#28183d;border:1px solid #7642ad;border-radius:7px;place-items:center;width:24px;height:24px;margin-left:3px;display:grid}.mini-mobile-studio .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body .grok-chat-page.mini-dashboard,body .grok-chat-page.mini-dashboard.mobile-fresh-studio{box-sizing:border-box;background:radial-gradient(at 60% 0,#111a2a66,#0000 60%),#080c14;width:100%!important;max-width:100%!important;height:auto!important;min-height:calc(100dvh - 60px)!important;padding:10px 12px calc(var(--mobile-bar-height) + 22px)!important;margin:0!important;overflow:visible!important}body .mini-dashboard .grok-chat-workspace{min-height:0!important;margin:0!important}body .mini-dashboard .grok-thread,body .mini-dashboard .grok-composer-wrap,body .mini-dashboard .history-collapse,body .mini-dashboard .grok-history,body .mini-dashboard .history-mobile-backdrop{display:none!important}.mini-mobile-studio{gap:16px;max-width:720px;margin:auto;font-family:inherit;display:grid}.mini-creation-panel,.mini-results-panel{background:linear-gradient(140deg,#090e18,#080b13);border:1px solid #30364a;border-radius:20px;min-width:0;padding:14px;box-shadow:0 12px 35px #0002}.mini-studio-toprow{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;margin-bottom:14px;display:grid}.mini-mode-tabs{background:#111724;border:1px solid #1e2638;border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.mini-mode-tabs button{color:#a7afc5;min-width:0;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;padding:6px;font-size:13px;font-weight:650}.mini-mode-tabs button[aria-pressed=true]{color:#fff;background:linear-gradient(105deg,#315eff,#9626c9);border-color:#9c65ff55;box-shadow:0 4px 14px #542ae533}.mini-model-control{background:#0b101b;border:1px solid #30384b;border-radius:12px;align-items:center;min-width:0;display:flex;position:relative}.mini-model-control select{color:#e8ebf5;appearance:none;width:100%;min-height:48px;font:inherit;text-overflow:ellipsis;background:0 0;border:0;min-width:0;padding:0 28px 0 10px;font-size:12px;font-weight:650}.mini-model-control>svg{pointer-events:none;color:#aab6d1;position:absolute;right:8px}.mini-mobile-studio option{color:#fff;background:#151b2a}.mini-prompt-box{background:linear-gradient(140deg,#111826,#0d1320);border:1px solid #333c53;border-radius:15px;overflow:hidden}.mini-prompt-box textarea{resize:vertical;color:#e7ecfa;width:100%;min-height:164px;font:inherit;box-sizing:border-box;background:0 0;border:0;outline:none;padding:16px 14px 10px;font-size:14px;line-height:1.7;display:block}.mini-prompt-box textarea::placeholder{color:#737f99}.mini-prompt-box:focus-within{border-color:#8066bd;box-shadow:0 0 0 2px #7655bd18}.mini-prompt-toolbar{align-items:center;gap:7px;min-width:0;padding:10px;display:flex}.mini-icon-button{color:#b8c4de;cursor:pointer;background:#0c1220;border:1px solid #35405a;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.mini-prompt-count{color:#8190ad;white-space:nowrap;margin-left:auto;font-size:10px}.mini-prompt-assist{color:#ebd1ff;min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:#151224;border:1px solid #433758;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.mini-prompt-assist svg{color:#c582fa;flex-shrink:0}.mini-generation-settings{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.35fr);gap:5px;margin:14px 0;display:grid}.mini-generation-settings.image-settings{grid-template-columns:1fr 1fr 1.35fr}.mini-generation-settings.image-settings .mini-generation-price{grid-column:auto}.mini-generation-settings .studio-select-trigger{justify-content:center;gap:4px;min-height:44px;padding:0 5px;font-size:11px}.mini-generation-settings .studio-select-trigger>svg:last-child{width:10px;height:10px;margin-left:0}.mini-generation-settings .studio-select-trigger>span{text-overflow:clip;white-space:nowrap;flex-shrink:0;overflow:visible}.mini-generation-settings .studio-select-trigger>svg:not(:last-child){width:14px;height:14px}.mini-generation-settings>label,.mini-generation-price{color:#b5c0da;background:#0b111d;border:1px solid #303a51;border-radius:11px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:42px;padding:0 6px;display:flex}.mini-generation-settings select{appearance:none;color:#e7eaf3;min-width:0;max-width:100%;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:650}.mini-generation-settings svg{flex-shrink:0}.mini-hd-icon{border:1px solid #a6b4cf;border-radius:3px;flex-shrink:0;padding:1px 2px;font-size:8px;line-height:1}.mini-generation-price{box-sizing:border-box;color:#efd9ff;white-space:nowrap;background:linear-gradient(120deg,#211637,#281330);border-color:#9f4fe0;gap:4px;min-height:44px;padding:0 5px;font-size:10px}.mini-generation-price svg{color:#d369f5;width:16px;height:16px}.mini-generate-button{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:linear-gradient(105deg,#2a63ff,#923efa 55%,#ef3bcc);border:1px solid #ac68ff55;border-radius:13px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:16px;font-weight:700;display:flex;box-shadow:0 7px 22px #6e38db26}.mini-mobile-studio button:disabled{opacity:.5;cursor:not-allowed}.mini-mobile-studio button:focus-visible,.mini-mobile-studio a:focus-visible,.mini-mobile-studio select:focus-visible{outline-offset:3px;outline:2px solid #c89aff}.mini-advanced-panel{color:#a3adc3;border:1px solid #2b344a;border-radius:12px;margin-top:10px;padding:12px;font-size:12px;line-height:1.6}.mini-advanced-panel p{margin:0}.mini-advanced-panel label{justify-content:space-between;gap:12px;margin-top:10px;display:flex}.mini-advanced-panel select{color:#eee;background:#101624;border:1px solid #323c51;border-radius:6px;padding:5px}.mini-results-panel{padding:12px;overflow:visible}.mini-results-panel>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.mini-results-panel h2{color:#eef0f9;align-items:center;gap:7px;min-width:0;margin:0;font-size:14px;font-weight:700;line-height:1.4;display:flex}.mini-results-panel h2 img{object-fit:contain;flex-shrink:0;width:24px;height:24px}.mini-results-panel>header>a{color:#a4b0cb;white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:10px;text-decoration:none;display:inline-flex}.mini-recent-strip{scrollbar-width:thin;scrollbar-color:#3e3157 transparent;scroll-snap-type:x mandatory;gap:10px;padding-bottom:14px;display:flex;overflow-x:auto}.mini-recent-card{scroll-snap-align:start;flex:0 0 44%;min-width:135px;position:relative}.mini-media-open,.mini-completed-preview{aspect-ratio:4/3;cursor:pointer;color:#fff;background:linear-gradient(145deg,#232c40,#151a28);border:1px solid #39455c;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.mini-media-open>video,.mini-media-open>img,.mini-completed-preview>video,.mini-completed-preview>img{object-fit:cover;width:100%;height:100%;display:block}.mini-play-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#0b112bb3;border:1px solid #fff3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-duration{color:#fff;background:#03060dcc;border-radius:6px;padding:4px 6px;font-size:10px;position:absolute;bottom:6px;right:6px}.mini-result-menu{z-index:2;position:absolute;top:5px;right:5px}.mini-result-menu summary{color:#fff;cursor:pointer;background:#091020b3;border:1px solid #fff2;border-radius:8px;place-items:center;width:28px;height:28px;list-style:none;display:grid}.mini-result-menu summary::-webkit-details-marker{display:none}.mini-result-menu[open]{background:#131b2e;border:1px solid #3c4560;border-radius:10px;width:140px;padding:5px}.mini-result-menu[open] summary{margin-left:auto}.mini-result-menu>a,.mini-result-menu>button{color:#dce3f4;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 6px;font-size:12px;text-decoration:none;display:flex}.mini-completed-list{gap:10px;display:grid}.mini-completed-list>article{background:#0b101b;border:1px solid #2b354b;border-radius:13px;grid-template-columns:38% 1fr;gap:12px;padding:8px;display:grid}.mini-completed-preview{aspect-ratio:1;align-self:stretch}.mini-completed-details{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-width:0;padding:3px 0;display:flex}.mini-completed-details h3{color:#f2edf9;margin:0;font-size:13px;font-weight:650}.mini-completed-details p{color:#8898b9;margin:0;font-size:11px}.mini-completed-details>span{color:#e2beff;align-items:center;gap:5px;font-size:11px;display:flex}.mini-completed-details>a{color:#e4eaf7;background:#111828;border:1px solid #343f57;border-radius:9px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.mini-media-placeholder{color:#a9b4cd;box-sizing:border-box;background:#171e2f;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:10px;font-size:10px;display:flex}.mini-results-note{color:#909cb5;margin:0;padding:14px 6px;font-size:12px;line-height:1.6}.mini-pending-item{color:#ddd4f6;background:#141d30;border:1px solid #333550;border-radius:10px;flex-direction:column;gap:6px;margin-top:10px;padding:12px;font-size:12px;display:flex}.mini-pending-item>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mini-pending-item small{color:#ad8cef}.mini-template-notice{color:#c3a9f1;margin:0 0 12px;font-size:12px;line-height:1.6}.mini-studio-error{color:#f1a7bd;overflow-wrap:anywhere;background:#2c1620;border:1px solid #713a50;border-radius:10px;margin:12px 0 0;padding:10px;font-size:12px;line-height:1.6}.mini-attachments{gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.mini-attachments>div{flex:0 0 98px;position:relative}.mini-attachments img,.mini-attachments video{object-fit:cover;border:1px solid #39445a;border-radius:9px;width:98px;height:80px}.mini-attachments button{color:#fff;background:#060916bb;border:1px solid #fff3;border-radius:7px;place-items:center;width:23px;height:23px;padding:0;display:grid;position:absolute;top:4px;right:4px}.mini-attachments .mini-attachment-tag{cursor:pointer;background:#171e2f;border:0;border-radius:9px;width:98px;height:80px;padding:0;display:block;position:relative;top:auto;right:auto;overflow:hidden}.mini-attachment-tag>span{color:#e8d9ff;pointer-events:none;background:#060b18b8;padding:4px;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.mini-attachment-tag:hover{outline-offset:2px;outline:2px solid #9e74ef}.mini-image-mentions{background:#121929;border:1px solid #66518b;border-radius:12px;max-height:210px;margin:0 10px 8px;padding:5px;overflow-y:auto;box-shadow:0 8px 24px #0005}.mini-image-mentions>button{color:#ede6fa;text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.mini-image-mentions>button[aria-selected=true],.mini-image-mentions>button:hover{background:#2a2040;border-color:#624b8a}.mini-image-mentions img{object-fit:cover;border-radius:6px;flex-shrink:0;width:38px;height:38px}.mini-image-mentions>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.mini-image-mentions b{color:#ceb2ff;font-size:12px}.mini-image-mentions small{color:#9ea9c2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.mini-image-mentions p{color:#a9a2bb;margin:0;padding:10px;font-size:12px;line-height:1.5}.mini-attachments select{color:#c4cee5;background:#131b2b;border:1px solid #333e54;border-radius:6px;width:98px;padding:4px;font-size:10px}.mini-template-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.mini-template-slots>label{color:#c5b1e6;text-align:center;background:#171528;border:1px dashed #65528a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100px;padding:12px;font-size:12px;display:flex;position:relative;overflow:hidden}.mini-template-slots img{object-fit:cover;border-radius:7px;width:100%;height:75px}.mini-template-slots input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mini-template-slots .mini-template-tag{cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:0;display:block}.mini-template-slots .has-reference input{height:32px;inset:auto 0 0}.mini-preview-dialog{color:#f3edf8;background:#101522;border:1px solid #4c4265;border-radius:18px;width:min(600px,100vw - 24px);max-height:calc(100dvh - 24px);padding:44px 12px 12px;position:fixed;inset:0;overflow:auto}.mini-preview-dialog::backdrop{background:#030610db}.mini-preview-dialog>video,.mini-preview-dialog>img{object-fit:contain;background:#05070c;border-radius:10px;width:100%;max-height:65dvh;display:block}.mini-preview-close{color:#eee;background:#1c1d30;border:1px solid #45425c;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:10px}.mini-preview-dialog>a{color:#fff;background:#4d327e;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;margin-top:10px;font-size:13px;text-decoration:none;display:flex}}@media (max-width:360px){body:has(.mini-dashboard) .mobile-page-title{gap:5px;font-size:14px}body:has(.mini-dashboard) .mini-header-icon{width:22px;height:22px}body:has(.mini-dashboard) .mini-header-topup{display:none}.mini-creation-panel{padding:10px}.mini-studio-toprow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:7px}.mini-mode-tabs button{font-size:11px}.mini-model-control select{padding-left:7px;font-size:10px}.mini-prompt-toolbar{flex-wrap:wrap;gap:6px}.mini-prompt-assist{padding:0 7px;font-size:10px}.mini-generation-settings .studio-select-trigger{gap:3px;padding:0 3px;font-size:10px}.mini-generation-settings .studio-select-trigger>svg:last-child{display:none}.mini-generation-price{gap:3px;padding:0 3px;font-size:9px}.mini-results-panel h2{gap:5px;font-size:12px}}@media (min-width:601px) and (max-width:800px){.mini-generation-settings{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-generation-settings.image-settings{grid-template-columns:1fr 1fr 1.3fr}.mini-generation-settings.image-settings .mini-generation-price{grid-column:auto}}