.metric.is-loading{position:relative;min-width:132px;color:#bca98f;border-color:rgba(242,198,109,.16);overflow:hidden}.metric.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 18%,rgba(255,192,112,.08) 48%,transparent 78%);transform:translateX(-110%);animation:yagna-sweep 1.9s ease-in-out infinite}.engine-state.preparing{color:#e5c795;border-color:rgba(242,198,109,.22);background:rgba(31,22,14,.76)}.engine-state.preparing i{background:#f2c66d;box-shadow:0 0 18px rgba(242,198,109,.7);animation:yagna-pulse 1.8s ease-in-out infinite}.model-grid.is-loading{display:grid}.engine-skeleton{min-height:246px;border:1px solid rgba(242,198,109,.13);border-radius:16px;background:linear-gradient(155deg,rgba(29,22,17,.96),rgba(12,10,9,.98));overflow:hidden;position:relative}.engine-skeleton:before{content:"";display:block;height:150px;background:radial-gradient(circle at 50% 48%,rgba(255,130,35,.22),transparent 23%),linear-gradient(145deg,#20150e,#0d0b0a)}.engine-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,218,157,.07) 48%,transparent 72%);transform:translateX(-110%);animation:yagna-sweep 1.9s ease-in-out infinite}.engine-skeleton span,.engine-skeleton i{position:absolute;left:14px;height:9px;border-radius:99px;background:rgba(242,198,109,.13)}.engine-skeleton span{bottom:46px;width:52%}.engine-skeleton i{bottom:26px;width:34%}.stage-status.ready-state{color:#f2c66d;border-color:rgba(242,198,109,.24);background:rgba(24,17,12,.72)}.polished-empty{border:1px solid rgba(242,198,109,.16);background:radial-gradient(circle at 50% 0,rgba(255,112,25,.08),transparent 42%),rgba(17,13,10,.78)}@keyframes yagna-sweep{to{transform:translateX(110%)}}@keyframes yagna-pulse{0%,100%{opacity:.65;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:720px){
 body{padding-bottom:170px;background:radial-gradient(circle at 50% -8%,rgba(255,115,24,.12),transparent 29%),#070605}
 .topbar{height:58px;padding:0 14px;border-bottom-color:rgba(255,211,139,.09)}
 .brand{gap:9px}.brand-mark{width:30px;height:30px}.brand-mark:before{width:21px;height:21px}.brand strong{font-size:13px;letter-spacing:.02em;text-transform:none}.brand small{display:none}.avatar{width:34px;height:34px}
 .shell{display:flex!important;flex-direction:column;min-height:auto}
 .studio{order:1;padding:12px 12px 0!important}
 .forge{order:2;position:relative!important;top:auto!important;height:auto!important;padding:8px 12px 120px!important;border:0!important;background:transparent!important}
 .studio-head,.studio>.view-tabs,.studio>.panel-view{display:none!important}
 .stage{min-height:286px!important;margin:0!important;border-radius:19px!important;background:radial-gradient(circle at 76% 18%,rgba(255,138,38,.25),transparent 30%),linear-gradient(145deg,#1a1009,#080605 68%)!important}
 .stage:after{width:220px!important;height:220px!important;right:-75px!important;top:-76px!important}
 .stage-copy{left:16px!important;right:16px!important;top:15px!important;max-width:none!important}
 .stage-copy .engine-tag{font-size:6px!important;padding:5px 8px!important}
 .stage-copy h2{font-size:27px!important;max-width:270px!important;margin:12px 0 7px!important;line-height:.98!important}
 .stage-copy p{font-size:8px!important;max-width:280px!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .stage-status{top:14px!important;right:14px!important;font-size:6px!important;padding:5px 7px!important}
 .stage-output{left:14px!important;right:14px!important;top:130px!important;bottom:43px!important;width:auto!important;aspect-ratio:auto!important;border-radius:13px!important}
 .output-caption{left:15px!important;right:15px!important;bottom:13px!important;max-width:none!important;display:flex;justify-content:space-between;gap:10px;align-items:end}
 .output-caption b{font-size:9px!important}.output-caption p{font-size:7px!important;margin:0!important;max-width:62%;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .engine-banner{display:none!important}
 .mode-tabs{margin:0 0 8px!important;border-radius:13px!important;padding:4px!important}.mode-tabs button{height:36px!important}
 .reference-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:8px!important;margin-bottom:8px!important;border-style:solid!important}
 .reference-card label{gap:8px}.ref-icon{width:34px!important;height:34px!important}.reference-card b{font-size:9px!important}.reference-card small{display:none!important}.reference-card input{height:34px!important;margin:0!important;font-size:9px!important}
 .field-title{margin:9px 2px 5px!important;font-size:9px!important}
 .prompt{min-height:102px!important;max-height:140px!important;padding:11px 11px 35px!important;border-radius:13px!important;font-size:10px!important;line-height:1.45!important}
 .enhance{bottom:7px!important;left:7px!important;height:25px!important}.count{bottom:11px!important}
 .model-select{height:40px!important;font-size:10px!important}
 .controls{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}.control.full{grid-column:auto!important}.control label{font-size:7px!important;margin-bottom:4px!important}.control select{height:39px!important;padding:0 7px!important;font-size:8px!important;text-overflow:ellipsis}
 .toggle-row{padding:8px 9px!important;margin-top:7px!important;font-size:8px!important}.toggle-row input{width:16px!important;height:16px!important}
 .advanced,.generate-meta{display:none!important}
 .generate{position:sticky!important;bottom:80px!important;z-index:86;height:54px!important;margin-top:10px!important;border-radius:15px!important;font-size:14px!important;box-shadow:0 16px 46px rgba(255,81,16,.32),0 0 0 1px rgba(255,210,132,.14)!important}
 .message{margin:7px 3px 0!important;min-height:12px!important}
 .mobile-dock{left:12px!important;right:12px!important;bottom:10px!important;height:61px!important;border-radius:20px!important;background:rgba(15,10,7,.94)!important;box-shadow:0 22px 60px rgba(0,0,0,.62)!important}
 .mobile-dock button{font-size:7px!important}.mobile-dock button span{font-size:15px!important}
 .engine-skeleton{min-height:170px}.engine-skeleton:before{height:98px}.metric.is-loading{min-width:auto}
}
@media(max-width:380px){.stage-copy h2{font-size:24px!important}.controls{grid-template-columns:repeat(3,minmax(0,1fr))!important}.control select{font-size:7px!important;padding:0 5px!important}.reference-card{grid-template-columns:1fr}.reference-card label{display:none}.reference-card input{width:100%}}