@property --mn-electric-angle{syntax:"<angle>";inherits:false;initial-value:0deg}

@keyframes mnElectricTravel{to{--mn-electric-angle:360deg}}
@keyframes mnElectricPulse{0%,100%{box-shadow:0 0 0 3px rgba(101,91,232,.24),0 0 18px 2px rgba(102,93,245,.27),0 0 34px rgba(63,202,216,.16)}50%{box-shadow:0 0 0 5px rgba(101,91,232,.34),0 0 25px 4px rgba(102,93,245,.38),0 0 52px rgba(63,202,216,.28)}}
@keyframes mnElectricSpark{0%,100%{opacity:.48;filter:brightness(1)}38%{opacity:1;filter:brightness(1.55)}43%{opacity:.56;filter:brightness(1.08)}49%{opacity:1;filter:brightness(1.65)}}
@keyframes mnSparkTravel{to{offset-distance:100%}}
@keyframes mnAuroraSweep{0%,100%{background-position:0% 40%}50%{background-position:100% 60%}}
@keyframes mnArtSweep{0%,18%{transform:translateX(-105%) rotate(-7deg);opacity:0}30%{opacity:.8}64%{opacity:.62}82%,100%{transform:translateX(105%) rotate(-7deg);opacity:0}}
@keyframes mnButtonShine{0%{transform:translateX(-100%) skewX(-22deg);opacity:0}24%{opacity:.9}100%{transform:translateX(500%) skewX(-22deg);opacity:0}}
@keyframes mnFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes mnProgressRush{to{background-position:-200% 0}}
@keyframes mnHaloPulse{0%,100%{opacity:.32;transform:scale(.82)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes mnToastEnter{from{opacity:0;transform:translate3d(0,16px,0) scale(.98)}to{opacity:1;transform:translate3d(0,var(--mn-swipe-y,0px),0) scale(1)}}
@keyframes mnToastFuse{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes mnToastExit{to{opacity:0;transform:translate3d(0,24px,0) scale(.97)}}
@keyframes mnOrbit{to{transform:rotate(1turn)}}
@keyframes mnSpark{0%,100%{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1.12)}}

/* An always-visible electric signature makes the effect apparent on the landing page. */
.visual-stage{isolation:isolate}
.visual-stage>.mn-electric-frame,.composer-card>.mn-electric-frame,.canvas>.mn-electric-frame{position:absolute;z-index:5;inset:1px;display:block;border-radius:inherit;opacity:.9;pointer-events:none;filter:drop-shadow(0 0 8px rgba(92,119,255,.55)) drop-shadow(0 0 16px rgba(68,207,222,.42))}
.mn-electric-frame:before{position:absolute;inset:0;padding:3px;border-radius:inherit;background:conic-gradient(from var(--mn-electric-angle),#6558ff 0deg,#57e4fa 31deg,#fff 43deg,transparent 65deg,transparent 171deg,#b455ff 208deg,#56f0f0 258deg,#fff 277deg,transparent 300deg,#6558ff 360deg);content:"";opacity:.8;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mnElectricTravel 1.55s linear infinite,mnElectricSpark 2.1s steps(1,end) infinite}
.mn-electric-frame:after{position:absolute;top:0;left:0;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff 0 12%,#baffff 25%,#52e2f2 48%,rgba(99,84,255,.8) 66%,transparent 78%);box-shadow:0 0 9px 2px #fff,0 0 19px 4px rgba(74,227,241,.9),0 0 30px 7px rgba(112,89,255,.72);content:"";opacity:.96;offset-path:inset(3px round 20px);animation:mnSparkTravel 2.8s linear infinite,mnSpark 1.3s ease-in-out infinite}
.visual-stage>.mn-electric-frame{inset:2px;filter:drop-shadow(0 0 11px rgba(92,119,255,.62)) drop-shadow(0 0 19px rgba(68,207,222,.5))}
.visual-stage>.mn-electric-frame:before{padding:3px;opacity:.9}
.visual-stage>.mn-electric-frame:after{offset-path:inset(3px round 28px);animation-duration:2.2s,1.15s}
.composer-card>.mn-electric-frame,.canvas>.mn-electric-frame{inset:0;opacity:0;transition:opacity .2s ease}
.composer-card>.mn-electric-frame:before{opacity:0}
.composer-card>.mn-electric-frame:after{opacity:0}
.composer-card:focus-within>.mn-electric-frame{opacity:1;filter:drop-shadow(0 0 10px rgba(92,119,255,.65)) drop-shadow(0 0 20px rgba(68,207,222,.54))}
.composer-card:focus-within>.mn-electric-frame:before{opacity:1;animation:mnElectricTravel .85s linear infinite,mnElectricSpark 1.25s steps(1,end) infinite}
.composer-card:focus-within>.mn-electric-frame:after{opacity:1;animation-duration:1.5s,.75s}
.canvas>.mn-electric-frame:before,.canvas>.mn-electric-frame:after{opacity:0}
.canvas.is-generating>.mn-electric-frame{opacity:1;filter:drop-shadow(0 0 13px rgba(92,119,255,.74)) drop-shadow(0 0 24px rgba(68,207,222,.66))}
.canvas.is-generating>.mn-electric-frame:before{opacity:1;animation:mnElectricTravel .72s linear infinite,mnElectricSpark .9s steps(1,end) infinite}
.canvas.is-generating>.mn-electric-frame:after{opacity:1;width:12px;height:12px;animation-duration:1.5s,.7s}
.mock-art{background-size:180% 180%;animation:mnAuroraSweep 7s ease-in-out infinite alternate}
.mn-art-sweep{position:absolute;z-index:3;inset:-18% -22%;display:block;background:linear-gradient(108deg,transparent 39%,rgba(255,255,255,.68) 48%,rgba(118,237,243,.34) 51%,rgba(255,255,255,.5) 54%,transparent 63%);mix-blend-mode:screen;pointer-events:none;animation:mnArtSweep 5.8s ease-in-out infinite}
.floating-card.one{animation:mnFloat 4.4s ease-in-out infinite}
.floating-card.two{animation:mnFloat 5.2s ease-in-out -1.8s infinite}
.primary-btn{position:relative;isolation:isolate;overflow:hidden}
.primary-btn:after{position:absolute;z-index:-1;top:-80%;bottom:-80%;left:-32%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);content:"";transform:skewX(-22deg);transition:none}
.primary-btn:hover:after{animation:mnButtonShine .75s ease-out both}

body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=search]):focus,
body textarea:focus,
body select:focus{
  border-width:3px!important;
  border-color:transparent!important;
  outline:2px solid rgba(106,94,243,.22)!important;
  outline-offset:2px;
  background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--mn-electric-angle),#6558ff 0deg,#57e4fa 32deg,#fff 45deg,transparent 68deg,transparent 180deg,#ba5cff 220deg,#56eff2 273deg,#fff 286deg,transparent 310deg,#6558ff 360deg) border-box!important;
  box-shadow:0 0 0 4px rgba(100,91,232,.18),0 0 24px 3px rgba(102,93,245,.32),0 0 42px rgba(63,202,216,.22)!important;
  animation:mnElectricTravel 1s linear infinite,mnElectricPulse 1.15s ease-in-out infinite;
}
body input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=search]):hover:not(:focus),body textarea:hover:not(:focus),body select:hover:not(:focus){border-color:#b2adf6;box-shadow:0 0 0 2px rgba(100,91,232,.07)}

.matrix-search{position:relative;isolation:isolate;display:flex;align-items:center;gap:9px;width:min(340px,48%);min-width:210px;height:40px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:#8994aa;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e4e8f1,#e4e8f1) border-box;box-shadow:0 4px 14px rgba(45,59,91,.04);transition:box-shadow .2s ease,transform .2s ease}
.matrix-search svg{flex:0 0 auto;width:16px;height:16px}
.matrix-search input{width:100%;min-width:0;height:36px;padding:0;border:0!important;outline:0;color:#29324a;background:transparent!important;box-shadow:none!important;font-size:12px}
.matrix-search input::placeholder{color:#9aa4b7}
.matrix-search:before{position:absolute;z-index:2;inset:-2px;padding:2px;border-radius:14px;background:conic-gradient(from var(--mn-electric-angle),#6558ff 0deg,#57e4fa 32deg,#fff 45deg,transparent 68deg,transparent 180deg,#ba5cff 220deg,#56eff2 273deg,#fff 286deg,transparent 310deg,#6558ff 360deg);content:"";opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 8px rgba(80,149,244,.55)) drop-shadow(0 0 15px rgba(83,219,223,.34));transition:opacity .2s ease}
.matrix-search:after{position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#fff 0 14%,#baffff 28%,#4de1f0 52%,rgba(99,84,255,.85) 68%,transparent 79%);box-shadow:0 0 9px 2px #fff,0 0 19px 4px rgba(74,227,241,.88),0 0 27px 5px rgba(112,89,255,.68);content:"";opacity:0;pointer-events:none;offset-path:inset(1px round 11px)}
.matrix-search:focus-within{border-color:transparent;background:#fff;box-shadow:0 0 0 4px rgba(100,91,232,.16),0 0 24px rgba(69,187,197,.22),0 9px 24px rgba(57,79,137,.09);animation:mnElectricPulse 1.15s ease-in-out infinite}
.matrix-search:focus-within:before{opacity:1;animation:mnElectricTravel .95s linear infinite,mnElectricSpark 1.3s steps(1,end) infinite}
.matrix-search:focus-within:after{opacity:1;animation:mnSparkTravel 1.75s linear infinite,mnSpark .76s ease-in-out infinite}
.matrix-search-empty{padding:22px 12px;color:#8994aa;font-size:12px;text-align:center}

#toast{position:fixed;z-index:1100;right:22px;bottom:22px;display:flex;align-items:center;min-width:190px;max-width:min(390px,calc(100vw - 32px));min-height:56px;padding:14px 19px 15px 51px;overflow:hidden;border:2px solid transparent;border-radius:16px;color:#29324a;background:linear-gradient(rgba(255,255,255,.98),rgba(255,255,255,.98)) padding-box,conic-gradient(from var(--mn-electric-angle),#7166e8,#61dcf1,#fff 22%,#ae63fa 48%,#55e5e9 73%,#7166e8) border-box;box-shadow:0 18px 48px rgba(40,53,85,.17),0 0 22px rgba(87,126,244,.18),0 3px 12px rgba(49,64,100,.07);font-size:12px;line-height:1.5;opacity:0;pointer-events:none;touch-action:pan-x;transform:translate3d(0,10px,0);transition:opacity .22s ease,transform .22s ease,border-color .2s ease;backdrop-filter:blur(14px)}
#toast:before{position:absolute;left:15px;top:50%;display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:#16845f;background:#e7f7ef;content:"✓";font-size:13px;font-weight:800;transform:translateY(-50%)}
#toast:after{position:absolute;right:0;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#7065e8,#53c7c8,#77f1ed);box-shadow:0 0 12px rgba(79,207,218,.9);content:"";opacity:0}
#toast.show{opacity:1;pointer-events:auto;transform:translate3d(0,var(--mn-swipe-y,0px),0);animation:mnToastEnter .34s cubic-bezier(.2,.8,.2,1) both,mnElectricTravel 2.2s linear infinite}
#toast.show:after{opacity:1;transform-origin:left;animation:mnToastFuse 2.8s linear both,mnElectricSpark 1.4s steps(1,end) infinite}
#toast.toast-error{border-color:#f0d3da}
#toast.toast-error:before{color:#bd455e;background:#fff0f2;content:"!"}
#toast.toast-warning:before{color:#a56a20;background:#fff5df;content:"!"}
#toast.toast-info:before{color:#514ba2;background:#efedff;content:"i"}
#toast.toast-dismissed{animation:mnToastExit .18s ease both}

.canvas-progress{position:relative;isolation:isolate}
.canvas-progress:before{position:absolute;z-index:-1;top:50%;left:50%;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(104,91,244,.18),rgba(68,213,222,.09) 38%,transparent 70%);content:"";transform:translate(-50%,-54%);animation:mnHaloPulse 1.7s ease-in-out infinite}
.canvas-progress .spinner{width:72px;height:72px;position:relative;isolation:isolate;border-width:5px;border-color:rgba(104,91,232,.12);border-top-color:#665bff;border-right-color:#46dce9;filter:drop-shadow(0 0 13px rgba(100,91,232,.40)) drop-shadow(0 0 22px rgba(59,196,209,.26));animation:spin .78s linear infinite}
.canvas-progress .spinner:before{position:absolute;inset:-15px;border:2px solid transparent;border-top-color:#49dfea;border-right-color:#9a63ff;border-bottom-color:rgba(92,102,236,.22);border-radius:50%;content:"";filter:drop-shadow(0 0 7px rgba(73,219,231,.72));animation:mnOrbit 1.15s linear infinite}
.canvas-progress .spinner:after{inset:13px;border-width:3px;border-top-color:#61f0e7;border-left-color:#885cff;box-shadow:0 0 19px rgba(92,184,255,.45);animation:spin .56s linear infinite reverse}
.canvas.is-generating .canvas-progress strong{color:#5148ce;text-shadow:0 0 18px rgba(104,91,244,.18)}
.progress-bar{background:linear-gradient(100deg,#6458e8 0%,#9865f5 34%,#5de4e8 48%,#fff 52%,#57dce9 58%,#6458e8 100%);background-size:200% 100%;box-shadow:0 0 12px rgba(86,196,216,.28);animation:mnProgressRush 1.15s linear infinite}
.progress-stages i.active{box-shadow:0 0 0 3px rgba(101,91,232,.1),0 0 12px rgba(70,211,221,.32);animation:mnHaloPulse 1.2s ease-in-out infinite}
.canvas.is-generating .canvas-progress{animation:progressReveal .42s cubic-bezier(.2,.8,.2,1) both}
.canvas.is-generating .canvas-progress strong{letter-spacing:.01em}

@media(max-width:700px){.matrix-search{width:100%;min-width:0}.history-toolbar{flex-wrap:wrap}.history-toolbar>div:first-child{flex:1 1 auto}#toast{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.visual-stage>.mn-electric-frame:before,.visual-stage>.mn-electric-frame:after,.mn-art-sweep,.floating-card.one,.floating-card.two,.matrix-search:focus-within,.matrix-search:focus-within:before,.matrix-search:focus-within:after,body input:focus,body textarea:focus,body select:focus,#toast.show,#toast.show:after,.canvas-progress:before,.canvas-progress .spinner,.canvas-progress .spinner:before,.canvas-progress .spinner:after,.progress-bar,.progress-stages i.active,.composer-card:focus-within>.mn-electric-frame:before,.composer-card:focus-within>.mn-electric-frame:after,.canvas.is-generating>.mn-electric-frame:before,.canvas.is-generating>.mn-electric-frame:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Prompt-first workspace, inspired by the user's airy reference layout. */
.studio-view{background:#f8f9fc!important}
.studio-sidebar{background:#f1f2f5!important;border-right:1px solid #e9ebf0!important;box-shadow:8px 0 32px rgba(44,54,77,.025)}
.studio-sidebar>.brand{padding:8px 10px 26px}
.studio-sidebar .sidebar-label{margin:2px 10px 10px;color:#9aa0ad;letter-spacing:.12em;font-size:10px}
.studio-sidebar .side-nav{gap:5px}
.studio-sidebar .nav-item{position:relative;min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:#596173;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.studio-sidebar .nav-item:hover{color:#323a4c;background:rgba(255,255,255,.7);transform:translateX(2px)}
.studio-sidebar .nav-item.active{color:#453aa8;background:#fff;border-color:#e8e6fb;box-shadow:0 5px 18px rgba(53,54,105,.07)}
.studio-sidebar .nav-count{color:#7770cf;background:#f0efff}
.usage-card{border:1px solid #e7e7f0!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#f7f7ff)!important;box-shadow:0 8px 24px rgba(44,54,77,.035)}
.usage-bar{overflow:hidden;border-radius:99px!important;background:#e7e7f0!important}
.usage-bar i{border-radius:inherit;background:linear-gradient(90deg,#7165e8,#61cdd7)!important;box-shadow:0 0 12px rgba(103,102,222,.3)}
.sidebar-user{border-top-color:#e4e6ec!important}
.sidebar-user .avatar{background:linear-gradient(145deg,#7165e8,#58c8cc)!important;box-shadow:0 5px 14px rgba(100,94,208,.23)}
.studio-main{min-width:0;padding:0 clamp(18px,3.2vw,54px) 44px!important}
.studio-topbar{max-width:1320px;margin-inline:auto!important;border-bottom-color:#eceef3!important}
.studio-topbar .breadcrumb{color:#8a91a1!important}
.studio-topbar .breadcrumb strong{color:#384154!important}
.studio-heading{max-width:1320px;margin:24px auto 22px!important}
body.mn-workbench-empty .studio-heading{display:none!important}
.mn-workbench-intro{position:relative;isolation:isolate;max-width:850px;margin:clamp(28px,6vh,66px) auto 22px;text-align:center;animation:mnIntroIn .55s cubic-bezier(.2,.75,.25,1) both}
.mn-workbench-intro:before{position:absolute;z-index:-1;top:-48px;left:50%;width:min(620px,85vw);height:220px;border-radius:50%;background:radial-gradient(ellipse,rgba(129,120,246,.09),rgba(104,224,224,.045) 42%,transparent 72%);content:"";transform:translateX(-50%);pointer-events:none}
.mn-intro-mark{display:grid;width:42px;height:42px;margin:0 auto 12px;place-items:center;border:1px solid #e7e5fc;border-radius:14px;color:#655bd0;background:linear-gradient(145deg,#fff,#f0efff);box-shadow:0 6px 19px rgba(103,91,211,.10)}
.mn-intro-mark svg{width:23px;height:23px}
.mn-intro-kicker,.mn-gallery-eyebrow{color:#8983c8;font-size:9px;font-weight:750;letter-spacing:.2em}
.mn-workbench-intro h1{margin:8px 0 8px;color:#262e41;font-size:clamp(30px,3.2vw,43px);font-weight:680;letter-spacing:-.045em;line-height:1.18}
.mn-workbench-intro p{margin:0;color:#858c9b;font-size:14px;line-height:1.7}
.composer-card{position:relative;isolation:isolate;max-width:850px;width:100%;margin:0 auto!important;padding:22px 23px 16px!important;overflow:visible;border:1px solid #e0e2e9!important;border-radius:22px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 14px 40px rgba(40,51,79,.075),0 2px 8px rgba(42,47,73,.035)!important;transition:box-shadow .25s ease,transform .25s ease!important}
.composer-card:focus-within{transform:translateY(-2px);box-shadow:0 20px 58px rgba(76,72,153,.12),0 3px 14px rgba(42,47,73,.04)!important}
.composer-card textarea{min-height:112px!important;resize:vertical!important;color:#30394c!important;font-size:16px!important;line-height:1.65!important}
.composer-card textarea::placeholder{color:#b5bac5!important}
.composer-tools{min-height:36px!important;align-items:center!important}
.composer-left{gap:8px!important}
.composer-card .upload-btn{min-height:36px!important;border-color:#ececf3!important;border-radius:11px!important;background:#fafaff!important;transition:all .2s ease}
.composer-card .upload-btn:hover{border-color:#c9c5f2!important;color:#5b51c1!important;background:#f4f2ff!important;box-shadow:0 0 0 3px rgba(106,94,243,.07)}
.composer-card .composer-foot{align-items:center!important;margin-top:13px!important;padding-top:13px!important;border-top:1px solid #f0f1f5!important}
.composer-card .primary-btn{min-height:42px!important;padding:0 19px!important;border-radius:13px!important;background:linear-gradient(110deg,#6457d8,#7a68e8 52%,#57c7cb)!important;box-shadow:0 8px 19px rgba(104,91,212,.22)!important}
.composer-card>.mn-electric-frame{inset:-1px!important;border-radius:23px!important}
.composer-card>.mn-electric-frame{opacity:.52!important;filter:drop-shadow(0 0 6px rgba(92,119,255,.30)) drop-shadow(0 0 12px rgba(68,207,222,.24))!important}
.composer-card>.mn-electric-frame:before{opacity:.56!important;animation:mnElectricTravel 3.8s linear infinite,mnElectricSpark 2.4s steps(1,end) infinite!important}
.composer-card>.mn-electric-frame:after{opacity:.82!important;animation:mnSparkTravel 4.2s linear infinite,mnSpark 1.1s ease-in-out infinite!important}
.composer-card:focus-within>.mn-electric-frame{opacity:1!important}
.composer-card:focus-within>.mn-electric-frame:before{opacity:1!important}
.composer-card:focus-within>.mn-electric-frame:after{opacity:1!important}
.mn-quick-actions{display:flex;max-width:850px;margin:14px auto 0;align-items:center;gap:9px;flex-wrap:wrap}
.mn-quick-actions button{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 12px;border:1px solid #eceef3;border-radius:11px;color:#596274;background:#fff;box-shadow:0 3px 10px rgba(35,46,72,.025);font:inherit;font-size:11px;cursor:pointer;transition:all .2s ease}
.mn-quick-actions button:hover{color:#544bb4;border-color:#d5d1f7;background:#faf9ff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(91,80,184,.08)}
.mn-quick-actions svg{width:16px;height:16px;color:#7770d3}
.mn-action-note{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:#9ba2b0;font-size:10px}
.mn-action-note i{width:6px;height:6px;border-radius:50%;background:#58caa9;box-shadow:0 0 0 4px rgba(88,202,169,.12)}
.mn-prompt-gallery{max-width:850px;margin:30px auto 0;animation:mnIntroIn .65s .08s cubic-bezier(.2,.75,.25,1) both}
.mn-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 2px 12px}
.mn-gallery-heading h2{margin:4px 0 0;color:#323a4b;font-size:16px;font-weight:650;letter-spacing:-.02em}
.mn-gallery-heading>span{padding-bottom:2px;color:#9aa0ad;font-size:10px}
.mn-prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mn-prompt-card{position:relative;display:flex;min-height:146px;flex-direction:column;align-items:stretch;gap:12px;padding:15px 15px 13px;overflow:hidden;border:1px solid #e9ebf1;border-radius:16px;color:#485164;background:linear-gradient(155deg,#fff,#fcfcfe);text-align:left;box-shadow:0 5px 18px rgba(36,47,75,.035);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.mn-prompt-card:before{position:absolute;inset:0;background:radial-gradient(circle at 90% 0,rgba(112,99,228,.085),transparent 42%);content:"";opacity:0;transition:opacity .22s ease}
.mn-prompt-card:hover{transform:translateY(-4px);border-color:#d5d1f5;box-shadow:0 14px 28px rgba(68,61,139,.10)}
.mn-prompt-card:hover:before{opacity:1}
.mn-prompt-card-top,.mn-prompt-card-cta{position:relative;z-index:1;display:flex;align-items:center;gap:8px}
.mn-prompt-card-top{color:#535c6c;font-size:11px;font-weight:650}
.mn-prompt-card-top i{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;color:#6960c8;background:#f0efff;font-size:9px;font-style:normal;font-weight:750}
.mn-prompt-card-top b{margin-left:auto;color:#aaa7d0;font-size:15px;font-weight:500;transition:transform .2s ease}
.mn-prompt-card:hover .mn-prompt-card-top b{transform:translate(2px,-2px)}
.mn-prompt-card-copy{position:relative;z-index:1;display:-webkit-box;overflow:hidden;color:#858c99;font-size:11px;line-height:1.7;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mn-prompt-card-cta{margin-top:auto;color:#7770c7;font-size:10px}
.mn-prompt-card-cta b{font-size:13px;font-weight:500;transition:transform .2s ease}
.mn-prompt-card:hover .mn-prompt-card-cta b{transform:translateX(3px)}
.studio-page:not(.has-output) .work-grid{display:block;max-width:850px;margin:25px auto 0!important}
.studio-page:not(.has-output) .canvas-card{display:none!important}
.studio-page:not(.has-output) .right-stack{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}
.studio-page:not(.has-output) .control-card,.studio-page:not(.has-output) .recent-card{border:1px solid #e9ebf1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 18px rgba(36,47,75,.035)!important}
.studio-page:not(.has-output) .control-card .card-head,.studio-page:not(.has-output) .recent-card .card-head{padding:14px 15px 0!important}
.studio-page:not(.has-output) .control-card .card-head h2,.studio-page:not(.has-output) .recent-card .card-head h2{font-size:12px!important}
.studio-page:not(.has-output) .control-body{padding:12px 15px 14px!important}
.studio-page:not(.has-output) .control-note{padding:8px 9px!important;font-size:10px!important;line-height:1.5}
.studio-page:not(.has-output) .recent-list{padding:10px 13px 12px!important}
.studio-page:not(.has-output) .recent-item{padding:7px!important;border-radius:11px!important}
.studio-page:not(.has-output) .recent-item:hover{background:#f8f8ff!important}
.studio-page:not(.has-output) .recent-thumb{width:38px!important;height:38px!important;border-radius:9px!important}
.studio-page.has-output .mn-workbench-intro,.studio-page.has-output .mn-quick-actions,.studio-page.has-output .mn-prompt-gallery{display:none!important}
.studio-page.has-output>.composer-card{max-width:1100px;margin:22px auto 16px!important}
.studio-page.has-output>.work-grid{max-width:1180px;margin:0 auto!important;grid-template-columns:minmax(0,1fr) 300px;align-items:start}
.studio-page.has-output .canvas-card{min-width:0;border:1px solid #e8eaf0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 34px rgba(36,47,75,.055)!important}
.studio-page.has-output .canvas{min-height:360px!important;border-radius:16px!important;background:radial-gradient(ellipse at 50% 40%,#fbfbff,#f6f7fb 74%)!important}
.studio-page.has-output .canvas-result img{max-height:min(68vh,760px)!important}
.studio-page.has-output .right-stack{gap:14px}
.studio-page.has-output .control-card,.studio-page.has-output .recent-card{border:1px solid #e8eaf0!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 26px rgba(36,47,75,.045)!important}
.studio-page.has-output .canvas>.mn-electric-frame{inset:0}
.studio-page .alert-box:not(:empty){max-width:850px;margin:12px auto 0}
.history-page{max-width:1320px;margin:0 auto}
@keyframes mnIntroIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.studio-main{padding-inline:22px!important}.mn-workbench-intro{margin-top:36px}.mn-prompt-gallery{margin-top:24px}.studio-page.has-output>.work-grid{grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:760px){.studio-main{padding:0 14px 28px!important}.mn-workbench-intro{margin:28px auto 18px}.mn-workbench-intro h1{font-size:31px}.mn-workbench-intro p{max-width:330px;margin-inline:auto;font-size:12px}.composer-card{padding:17px 16px 13px!important;border-radius:18px!important}.composer-card textarea{min-height:98px!important;font-size:14px!important}.mn-action-note{width:100%;margin:2px 0 0 4px}.mn-prompt-gallery{margin-top:24px}.mn-gallery-heading{align-items:flex-start;flex-direction:column;gap:4px}.mn-prompt-grid{grid-template-columns:1fr;gap:9px}.mn-prompt-card{min-height:124px}.studio-page:not(.has-output) .work-grid{margin-top:20px!important}.studio-page:not(.has-output) .right-stack{grid-template-columns:1fr}.studio-page.has-output>.composer-card{margin:16px auto!important}.studio-page.has-output>.work-grid{grid-template-columns:1fr;gap:12px}.studio-page.has-output .right-stack{grid-template-columns:1fr}.studio-page.has-output .canvas{min-height:260px!important}.studio-topbar{min-height:56px}.studio-topbar .breadcrumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){.mn-workbench-intro,.mn-prompt-gallery,.studio-sidebar .nav-item,.mn-quick-actions button,.mn-prompt-card,.mn-prompt-card:before,.composer-card,.composer-card>.mn-electric-frame:before,.composer-card>.mn-electric-frame:after{animation:none!important;transition:none!important}}