.create-main{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.create-topbar{height:3.5rem;flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:0 1.5rem;border-bottom:1px solid var(--mm-slate-100);background:#fff}.create-topbar .back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--fg-2);background:transparent;border:none;cursor:pointer;padding:.375rem .5rem;border-radius:.375rem;margin-left:-.5rem;transition:background .12s,color .12s;text-decoration:none}.create-topbar .back-link:hover{background:var(--mm-slate-50);color:var(--mm-emerald-700)}.create-topbar .back-link i{font-size:.875rem}.create-topbar .title{font-size:.875rem;font-weight:600;color:var(--fg-1);display:flex;align-items:center;gap:.5rem}.create-topbar .title-divider{width:1px;height:1.125rem;background:var(--mm-slate-200)}.create-topbar .right{gap:.625rem}.create-topbar .right,.create-topbar-actions{margin-left:auto;display:flex;align-items:center}.create-topbar-actions{gap:.5rem}.topbar-share-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.125rem;padding:0 .875rem;background:#fff;color:var(--mm-emerald-700);border:1px solid var(--mm-emerald-700);border-radius:62.4375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease}.topbar-share-btn:hover{background:var(--mm-emerald-50)}.topbar-share-btn i{font-size:.9375rem}.topbar-public-btn{display:inline-flex;align-items:center;gap:.5rem;height:2.125rem;padding:0 .875rem;background:var(--mm-emerald-700);color:#fff;border:1px solid var(--mm-emerald-700);border-radius:62.4375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.topbar-public-btn:hover{background:#075f50;border-color:#075f50}.topbar-public-btn i{font-size:.9375rem}.topbar-icon-btn{width:2.125rem;height:2.125rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mm-slate-200);background:#fff;color:var(--fg-2);border-radius:62.4375rem;font-size:1rem;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.topbar-icon-btn:hover{background:var(--mm-slate-50);color:var(--fg-1);border-color:var(--mm-slate-300)}.topbar-icon-btn i{font-size:1rem}.topbar-icon-btn--danger:hover{background:#FEF2F2;color:#DC2626;border-color:#FCA5A5}.topbar-credits{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--mm-slate-50);border:1px solid var(--mm-slate-200);border-radius:62.4375rem;font-size:.875rem;color:var(--fg-1);font-weight:500;transition:transform .2s ease,background .2s ease}.topbar-credits.pulse{animation:chipPulse .4s ease}.topbar-credits .ico{width:1.125rem;height:1.125rem;border-radius:.3125rem;background:linear-gradient(135deg,#065F46,#0EA5E9);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.topbar-credits .num{font-family:var(--font-mono);letter-spacing:-.01em}.topbar-credits .lbl{color:var(--fg-3);font-size:.75rem}.topup-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--mm-emerald-700);color:#fff;border:none;border-radius:62.4375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .12s,transform .12s}.topup-btn:hover{background:#054D38}.topup-btn:active{transform:scale(.97)}.create-body{flex:1;min-height:0;display:grid;grid-template-columns:16.25rem 1fr}.create-body.create-body-no-panel{grid-template-columns:1fr}.params-panel{border-right:1px solid var(--mm-slate-100);padding:1.5rem 1.25rem;overflow-y:auto;gap:1.5rem;background:#FCFCFA;min-height:0}.params-panel,.params-section{display:flex;flex-direction:column}.params-section{gap:.5rem}.params-section .section-label{font-size:.75rem;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:.375rem}.params-section .helper{font-size:.75rem;color:var(--fg-3);line-height:1.4}.pp-model-trigger{width:100%;display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:.625rem;font-size:.875rem;color:var(--fg-1);font-weight:500;cursor:pointer;transition:border-color .12s,box-shadow .12s;text-align:left}.pp-model-trigger:hover{border-color:var(--mm-emerald-700)}.pp-model-trigger .swatch{width:1.625rem;height:1.625rem;border-radius:.4375rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;flex-shrink:0}.pp-model-trigger .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-model-trigger .chev{font-size:.875rem;color:var(--fg-3);transition:transform .15s}.pp-model-trigger.open .chev{transform:rotate(180deg)}.pp-model-pop{position:relative;margin-top:.375rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:.75rem;box-shadow:0 .75rem 1.75rem rgba(15,23,42,.1),0 .125rem .375rem rgba(15,23,42,.04);padding:.25rem;z-index:10;animation:ppFade .14s ease-out}@keyframes ppFade{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}.pp-model-opt{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem;border-radius:.5rem;cursor:pointer;transition:background .12s;position:relative}.pp-model-opt:hover{background:var(--mm-slate-50)}.pp-model-opt.active{background:var(--mm-emerald-50)}.pp-model-opt .swatch{width:1.5rem;height:1.5rem;border-radius:.375rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;flex-shrink:0;margin-top:1px}.pp-model-opt .opt-body{flex:1;min-width:0}.pp-model-opt .opt-top{display:flex;align-items:baseline;justify-content:space-between;gap:.375rem}.pp-model-opt .opt-name{font-size:.875rem;font-weight:600;color:var(--fg-1)}.pp-model-opt .opt-cost{font-size:.75rem;color:var(--fg-3);font-family:var(--font-mono);display:inline-flex;align-items:center;gap:.1875rem;flex-shrink:0}.pp-model-opt .opt-desc{font-size:.75rem;color:var(--fg-3);line-height:1.35;margin-top:.125rem}.pp-model-opt.active .check{position:absolute;right:.625rem;top:.75rem;color:var(--mm-emerald-700);font-size:.875rem}.ratio-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.375rem}.ratio-pill{height:3.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:.625rem;cursor:pointer;padding:0;transition:border-color .12s,background .12s,color .12s;color:var(--fg-2)}.ratio-pill:hover{border-color:var(--fg-3)}.ratio-pill .glyph{display:block;background:currentColor;opacity:.6;border-radius:.125rem}.ratio-pill .label{font-size:.75rem;font-family:var(--font-mono);font-weight:500}.ratio-pill.active{background:var(--mm-emerald-700);border-color:var(--mm-emerald-700);color:#fff}.ratio-pill.active .glyph{opacity:.95}.share-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:.625rem;cursor:pointer;transition:border-color .12s}.share-row:hover{border-color:var(--mm-slate-300,#cbd5e1)}.share-row .body{flex:1;min-width:0}.share-row .label{font-size:.875rem;font-weight:500;color:var(--fg-1)}.share-row .help{font-size:.75rem;color:var(--fg-3);line-height:1.4;margin-top:.1875rem}.tog{width:2.25rem;height:1.25rem;background:var(--mm-slate-200);position:relative;flex-shrink:0;transition:background .15s ease;margin-top:1px}.tog,.tog:after{border-radius:62.4375rem}.tog:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1rem;height:1rem;background:#fff;box-shadow:0 1px .1875rem rgba(0,0,0,.2);transition:transform .15s ease}.share-row.on .tog{background:var(--mm-emerald-700)}.share-row.on .tog:after{transform:translateX(1rem)}.params-panel hr.div{border:none;border-top:1px solid var(--mm-slate-100);margin:.25rem 0;height:0}.reset-btn{width:100%;padding:.5625rem .75rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:.5rem;color:var(--fg-2);font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.375rem;transition:background .12s,color .12s,border-color .12s}.reset-btn:hover{background:var(--mm-slate-50);color:var(--fg-1)}.reset-btn:active{transform:scale(.99)}.create-right{overflow-y:auto;min-width:0;min-height:0;padding:1.5rem 2rem 4rem;gap:2rem}.create-right,.stage-block{display:flex;flex-direction:column}.stage-block{width:100%;max-width:60rem;margin:0 auto;gap:.875rem}.create-right .creations-header,.create-right .time-group{width:100%;max-width:60rem;margin-left:auto;margin-right:auto}.create-right .creations-header{margin-top:.5rem}.main-stage{width:100%;min-height:22.5rem;align-items:stretch;position:relative}.main-stage,.ms-empty{display:flex;flex-direction:column}.ms-empty{min-height:30rem;border:1.5px dashed var(--mm-slate-200);border-radius:1rem;background:linear-gradient(180deg,#fff,#FAFAF7 70%);padding:2.5rem 2rem;text-align:center;gap:.75rem}.ms-empty,.ms-empty-illust{align-items:center;justify-content:center}.ms-empty-illust{position:relative;width:6.875rem;height:6.875rem;display:inline-flex;margin-bottom:.25rem}.ms-empty-illust>i{font-size:5.25rem;color:var(--mm-emerald-700);opacity:.85}.ms-empty-spark{position:absolute;color:#F59E0B;animation:msSparkle 2.4s ease-in-out infinite}.ms-empty-spark i{font-size:.875rem}.ms-empty-spark.s1{top:0;right:.5rem;animation-delay:0s}.ms-empty-spark.s2{bottom:.5rem;left:-.125rem;animation-delay:.7s;color:var(--mm-emerald-700)}.ms-empty-spark.s3{top:1.75rem;left:-.5rem;animation-delay:1.4s;color:#6B5BC9}@keyframes msSparkle{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.ms-empty-spark{animation:none;opacity:.7}}.ms-empty-title{margin:0;font-size:1.375rem;font-weight:600;color:var(--fg-1);letter-spacing:-.015em}.ms-empty-sub{margin:0 0 .375rem;font-size:.875rem;color:var(--fg-3)}.ms-empty-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.375rem;max-width:32.5rem}.ms-starter-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5625rem .875rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:62.4375rem;font-size:.875rem;color:var(--fg-1);cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.ms-starter-chip:hover{border-color:var(--mm-emerald-700);color:var(--mm-emerald-700);transform:translateY(-1px)}.ms-starter-chip i{color:var(--mm-emerald-700);font-size:.875rem}.ms-generating{display:flex;flex-direction:column;gap:.75rem;align-items:center}.ms-skeleton{width:100%;margin:0 auto;position:relative;border-radius:1rem;background:linear-gradient(90deg,#F1EFE8,#FAFAF7 50%,#F1EFE8);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;overflow:hidden;border:1px solid var(--mm-slate-100)}@media (prefers-reduced-motion:reduce){.ms-skeleton{animation:none;background:var(--mm-slate-100)}}.ms-ratio-tag{left:.75rem;padding:.25rem .5rem;font-family:var(--font-mono);font-weight:500}.ms-cancel,.ms-ratio-tag{position:absolute;top:.75rem;border-radius:.375rem;background:rgba(255,255,255,.85);backdrop-filter:blur(.5rem);font-size:.75rem;color:var(--fg-2)}.ms-cancel{right:.75rem;display:inline-flex;align-items:center;gap:.3125rem;padding:.3125rem .625rem;border:1px solid rgba(15,23,42,.08);cursor:pointer;transition:background .12s,color .12s}.ms-cancel:hover{background:#fff;color:#B91C1C}.ms-status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:linear-gradient(90deg,rgba(6,95,70,.06),rgba(14,165,233,.05));border:1px solid rgba(6,95,70,.14);border-radius:62.4375rem;font-size:.875rem;color:var(--fg-2)}.ms-status .ms-pulse-dot{width:.5rem;height:.5rem;border-radius:62.4375rem;background:var(--mm-emerald-700);animation:pulseDot 1.2s ease-in-out infinite;flex-shrink:0}.ms-status-msg{animation:msgFade .25s ease}@keyframes msgFade{0%{opacity:0;transform:translateY(.125rem)}to{opacity:1;transform:translateY(0)}}.ms-progress{width:15rem;max-width:80vw;height:.25rem;border-radius:62.4375rem;background:rgba(15,23,42,.08);overflow:hidden}.ms-progress-fill{height:100%;background:linear-gradient(90deg,var(--mm-emerald-700,#065F46) 0,var(--mm-emerald-500,#10B981) 100%);border-radius:62.4375rem}.ms-displayed{display:flex;flex-direction:column;gap:.625rem}.ms-image-wrap{width:100%;margin:0 auto;position:relative;border-radius:1rem;overflow:hidden;background:var(--mm-slate-100);box-shadow:0 .75rem 2.25rem rgba(15,23,42,.1),0 1px .1875rem rgba(15,23,42,.05)}.ms-image-trigger{position:absolute;inset:0;width:100%;height:100%;border:none;padding:0;margin:0;background:transparent;cursor:zoom-in;display:block}.ms-lightbox-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.92);z-index:150;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightboxFadeIn .18s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.ms-lightbox-stage{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.ms-lightbox-stage img{max-width:96vw;max-height:92vh;object-fit:contain;cursor:zoom-in;user-select:none}.ms-lightbox-stage.zoomed{width:100%;height:100%;overflow:auto;cursor:zoom-out}.ms-lightbox-stage.zoomed img{max-width:none;max-height:none;cursor:zoom-out}.ms-lightbox-close,.ms-lightbox-zoom{position:fixed;top:1.25rem;width:2.5rem;height:2.5rem;border-radius:62.4375rem;border:none;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;backdrop-filter:blur(.5rem);transition:background .12s ease;z-index:2}.ms-lightbox-close:hover,.ms-lightbox-zoom:hover{background:rgba(255,255,255,.28)}.ms-lightbox-close{right:1.25rem}.ms-lightbox-zoom{right:4.5rem}.ms-lightbox-close i,.ms-lightbox-zoom i{font-size:1.125rem}.ms-image-wrap.fresh{animation:msFadeIn .45s cubic-bezier(.2,.8,.2,1)}@keyframes msFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.ms-image-wrap a{position:absolute;inset:0;display:block;cursor:zoom-in}.ms-image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}.ms-image-download{position:absolute;right:.75rem;bottom:.75rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:62.4375rem;background:rgba(15,23,42,.55);color:#fff;border:0;cursor:pointer;font-size:1rem;opacity:.6;transition:opacity .15s ease,background .15s ease,transform .15s ease}.ms-image-wrap:hover .ms-image-download{opacity:1}.ms-image-download:hover{background:rgba(15,23,42,.85);transform:scale(1.05)}.ms-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem;padding:.25rem;background:rgba(255,255,255,.92);backdrop-filter:blur(.625rem);border-radius:.625rem;box-shadow:0 .25rem .875rem rgba(15,23,42,.1);z-index:2}.ms-actions button{width:2rem;height:2rem;border:none;background:transparent;color:var(--fg-2);cursor:pointer;border-radius:.4375rem;display:inline-flex;align-items:center;justify-content:center;font-size:.9375rem;transition:background .12s,color .12s,transform .12s}.ms-actions button:hover{background:var(--mm-slate-100);color:var(--fg-1);transform:scale(1.05)}.ms-actions button.on{color:var(--mm-emerald-700)}.ms-actions button.on:hover{background:var(--mm-emerald-50);color:var(--mm-emerald-700)}.ms-actions button.danger:hover{background:#FEE2E2;color:#B91C1C}.ms-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding:0 .25rem}.ms-meta-pill{display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;background:var(--mm-slate-50);border:1px solid var(--mm-slate-100);border-radius:62.4375rem;font-size:.75rem;color:var(--fg-1);font-weight:500}.ms-meta-pill.light{color:var(--fg-2);font-weight:400}.ms-swatch{width:.5rem;height:.5rem;border-radius:62.4375rem;flex-shrink:0}.ms-meta-ts{margin-left:auto;font-size:.75rem;color:var(--fg-3);font-family:var(--font-mono)}.ms-error{min-height:22.5rem;border:1.5px solid #fecaca;background:#FEF2F2;border-radius:1rem;padding:2.5rem 1.75rem;display:flex;flex-direction:column;text-align:center;gap:.625rem}.ms-error,.ms-error-icon{align-items:center;justify-content:center}.ms-error-icon{width:3.5rem;height:3.5rem;border-radius:62.4375rem;background:#FEE2E2;color:#B91C1C;display:inline-flex;font-size:1.75rem}.ms-error-title{margin:0;font-size:1.125rem;font-weight:600;color:#7F1D1D}.ms-error-body{margin:0;font-size:.875rem;color:#991B1B;max-width:26.25rem;line-height:1.5}.ms-error-actions{display:flex;gap:.5rem;margin-top:.5rem}.ms-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5625rem 1.125rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .12s,transform .12s}.ms-btn.primary{background:#B91C1C;color:#fff}.ms-btn.primary:hover{background:#991B1B}.ms-btn.ghost{background:#fff;border-color:#FCA5A5;color:#B91C1C}.ms-btn.ghost:hover{background:#FEE2E2}.ms-btn:active{transform:scale(.97)}.prompt-card{background:#fff;border:1px solid var(--mm-slate-200);border-radius:.875rem;padding:.875rem .875rem .75rem;display:flex;flex-direction:column;gap:.625rem;transition:border-color .15s ease,box-shadow .2s ease}.prompt-card:focus-within{border-color:var(--mm-emerald-700);box-shadow:0 0 0 .1875rem rgba(6,95,70,.1)}.prompt-card textarea{width:100%;border:none;outline:none;resize:none;font-family:var(--font-sans);font-size:.9375rem;line-height:1.5;color:var(--fg-1);background:transparent;padding:.25rem;min-height:3.5rem;max-height:10.5rem}.prompt-card textarea::placeholder{color:var(--fg-3)}.prompt-foot{display:flex;align-items:center;gap:.625rem;padding-top:.375rem;border-top:1px solid var(--mm-slate-100)}.prompt-foot .left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.prompt-foot .charcount{font-size:.75rem;color:var(--fg-3);font-family:var(--font-mono);margin-left:auto;padding-right:.5rem}.prompt-foot .charcount.warn{color:#C2410C}.ref-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;background:#fff;border:1px dashed var(--mm-slate-200);border-radius:62.4375rem;color:var(--fg-3);font-size:.75rem;cursor:not-allowed;position:relative}.ref-btn:hover{border-color:var(--fg-3)}.ref-btn .soon{position:absolute;top:-.5rem;right:-.375rem;font-size:.5625rem;font-weight:600;background:var(--mm-slate-100);color:var(--fg-3);padding:1px .3125rem;border-radius:62.4375rem;letter-spacing:.04em}.btn-generate-large{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--mm-emerald-700);color:#fff;border:none;border-radius:.625rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .12s,transform .12s,box-shadow .12s;min-height:2.5rem}.btn-generate-large:hover:not(:disabled){background:#054D38;transform:translateY(-1px);box-shadow:0 .375rem .875rem rgba(6,95,70,.18)}.btn-generate-large:active:not(:disabled){transform:scale(.97)}.btn-generate-large:disabled{background:var(--mm-slate-200);color:var(--fg-3);cursor:not-allowed}.btn-generate-large.success{background:var(--mm-emerald-700);animation:btnSuccess .9s ease}.btn-generate-large.shake{animation:btnShake .35s ease}@keyframes btnShake{0%,to{transform:translateX(0)}20%{transform:translateX(-.1875rem)}40%{transform:translateX(.1875rem)}60%{transform:translateX(-.125rem)}80%{transform:translateX(.125rem)}}@keyframes btnSuccess{0%{transform:scale(1)}30%{transform:scale(1.05)}to{transform:scale(1)}}.btn-generate-large .credit-tag{display:inline-flex;align-items:center;gap:.1875rem;background:rgba(255,255,255,.18);padding:.125rem .4375rem;border-radius:62.4375rem;font-size:.75rem;font-family:var(--font-mono)}.btn-generate-large .spinner{width:.875rem;height:.875rem;border:.125rem solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.gen-status-strip{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;background:linear-gradient(90deg,rgba(6,95,70,.04),rgba(14,165,233,.04));border:1px solid rgba(6,95,70,.12);border-radius:.625rem;font-size:.875rem;color:var(--fg-2)}.gen-status-strip .pulse-dot{width:.5rem;height:.5rem;border-radius:62.4375rem;background:var(--mm-emerald-700);animation:pulseDot 1.2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.gen-status-strip .msg{transition:opacity .2s ease}.creations-header{display:flex;align-items:center;gap:.75rem}.creations-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--fg-1);letter-spacing:-.01em;display:flex;align-items:baseline;gap:.5rem}.creations-header h2 .count{font-size:.875rem;color:var(--fg-3);font-weight:400;font-family:var(--font-mono)}.creations-header .rule{flex:1;height:1px;background:var(--mm-slate-100)}.creations-header .filters{display:flex;gap:.375rem}.filter-mini{display:inline-flex;align-items:center;gap:.25rem;padding:.3125rem .625rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:62.4375rem;font-size:.75rem;color:var(--fg-2);cursor:pointer;transition:background .12s,border-color .12s}.filter-mini:hover{background:var(--mm-slate-50);border-color:var(--fg-3)}.time-group{display:flex;flex-direction:column;gap:.875rem}.time-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--fg-2)}.time-label .dot{width:.375rem;height:.375rem;border-radius:62.4375rem;background:var(--mm-emerald-700);flex-shrink:0}.time-label .rule{flex:1;height:1px;background:var(--mm-slate-100)}.time-label .n{font-size:.75rem;color:var(--fg-3);font-family:var(--font-mono)}.create-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:1rem;align-items:start}.sk-card{position:relative;border-radius:.75rem;overflow:hidden;background:linear-gradient(90deg,#F1EFE8,#FAFAF7 50%,#F1EFE8);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border:1px solid var(--mm-slate-100)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.sk-card{animation:none;background:var(--mm-slate-100)}}.sk-card .ratio-tag{top:.625rem;left:.625rem;padding:.1875rem .4375rem;border-radius:.3125rem;background:rgba(255,255,255,.85);font-size:.625rem;font-family:var(--font-mono);color:var(--fg-2);font-weight:500;letter-spacing:.02em}.sk-card .ratio-tag,.sk-card .sk-status{position:absolute;backdrop-filter:blur(.5rem);z-index:1}.sk-card .sk-status{left:.75rem;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding:.4375rem .625rem;background:rgba(255,255,255,.9);border-radius:.5rem;font-size:.75rem;color:var(--fg-1)}.sk-card .sk-status .pulse-dot{width:.4375rem;height:.4375rem;border-radius:62.4375rem;background:var(--mm-emerald-700);animation:pulseDot 1.2s ease-in-out infinite;flex-shrink:0}.sk-card .sk-status .text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sk-card .sk-status .cancel{width:1.375rem;height:1.375rem;border-radius:62.4375rem;background:rgba(15,23,42,.06);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--fg-2);flex-shrink:0}.sk-card .sk-status .cancel:hover{background:rgba(15,23,42,.12);color:var(--fg-1)}.err-card{border:1px solid #fecaca;background:#FEF2F2;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.err-card .head{display:flex;align-items:center;gap:.5rem;color:#B91C1C;font-weight:600;font-size:.875rem}.err-card .head i{font-size:1rem}.err-card .body{font-size:.75rem;color:#7F1D1D;line-height:1.45}.err-card .actions{display:flex;gap:.375rem;margin-top:.25rem}.err-card .actions button{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;border:1px solid #fca5a5;background:#fff;color:#B91C1C;display:inline-flex;align-items:center;gap:.25rem}.err-card .actions button.primary{background:#B91C1C;color:#fff;border-color:#B91C1C}.err-card .actions button.primary:hover{background:#991B1B}.cc-card{position:relative;border-radius:.75rem;overflow:hidden;background:var(--mm-slate-100);cursor:pointer;border:1.5px solid var(--mm-slate-100);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cc-card:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.375rem rgba(15,23,42,.1);border-color:var(--mm-slate-200)}.cc-card.is-current{border-color:var(--mm-emerald-700);box-shadow:0 0 0 .125rem rgba(6,95,70,.18),0 .5rem 1.375rem rgba(6,95,70,.14)}.cc-card.is-current:hover{border-color:var(--mm-emerald-700);box-shadow:0 0 0 .125rem rgba(6,95,70,.22),0 .75rem 1.75rem rgba(6,95,70,.18)}.card-img.cc-on-create.is-current{outline:.125rem solid var(--mm-emerald-700);outline-offset:0;box-shadow:0 0 0 .25rem rgba(6,95,70,.18),0 .5rem 1.375rem rgba(6,95,70,.14)}.card-img.cc-on-create .current-tag{position:absolute;bottom:.625rem;left:.625rem;display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;border-radius:62.4375rem;background:var(--mm-emerald-700);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 .25rem .625rem rgba(6,95,70,.3);z-index:2}.card-img.cc-on-create .current-tag i{font-size:.75rem}.cc-card.fresh{animation:cardIn .55s cubic-bezier(.2,.8,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(.5rem) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cc-card .img-wrap{position:relative;width:100%;background:var(--mm-slate-100)}.cc-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cc-card .ratio-tag{left:.625rem;padding:.1875rem .4375rem;border-radius:.3125rem;font-size:.625rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.02em}.cc-card .lock-tag,.cc-card .ratio-tag,.cc-card .star-tag{position:absolute;top:.625rem;background:rgba(15,23,42,.55);color:#fff;backdrop-filter:blur(.375rem)}.cc-card .lock-tag,.cc-card .star-tag{width:1.5rem;height:1.5rem;border-radius:62.4375rem;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.cc-card .lock-tag{right:.625rem}.cc-card .star-tag{right:.625rem;color:#F59E0B}.cc-card .lock-tag+.star-tag,.cc-card .star-tag~.lock-tag{right:2.5rem}.cc-card .current-tag{position:absolute;bottom:.625rem;left:.625rem;display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;border-radius:62.4375rem;background:var(--mm-emerald-700);color:#fff;font-size:.65625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 .25rem .625rem rgba(6,95,70,.3);z-index:2}.cc-card .current-tag i{font-size:.625rem}.cc-card .cc-overlay{position:absolute;left:0;right:0;bottom:0;padding:2rem .75rem .75rem;background:linear-gradient(180deg,transparent,rgba(15,23,42,.78));color:#fff;opacity:0;transition:opacity .2s ease;pointer-events:none}.cc-card:hover .cc-overlay{opacity:1}.cc-card .cc-overlay .prompt{font-size:.75rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-card .cc-overlay .meta-row{display:flex;align-items:center;justify-content:space-between;margin-top:.375rem;font-size:.75rem;opacity:.85}.cc-card .cc-overlay .model-pill{display:inline-flex;align-items:center;gap:.3125rem;font-family:var(--font-mono);background:rgba(255,255,255,.18);padding:.125rem .5rem;border-radius:62.4375rem}.cc-card .cc-overlay .model-pill .dot{width:.375rem;height:.375rem;border-radius:62.4375rem}.empty-state{padding:3.5rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state .illust{width:5.5rem;height:5.5rem;border-radius:1.375rem;background:linear-gradient(135deg,var(--mm-emerald-50),#E0E7FF);display:inline-flex;align-items:center;justify-content:center;color:var(--mm-emerald-700);margin-bottom:.5rem}.empty-state .illust i{font-size:2.75rem}.empty-state h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--fg-1)}.empty-state p{margin:0;font-size:.875rem;color:var(--fg-3);max-width:26.25rem;line-height:1.5}.empty-state .chips{margin-top:.625rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.empty-state .chip{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid var(--mm-slate-200);border-radius:62.4375rem;font-size:.875rem;color:var(--fg-1);cursor:pointer;transition:background .12s,border-color .12s,transform .12s}.empty-state .chip:hover{border-color:var(--mm-emerald-700);transform:translateY(-1px)}.empty-state .chip i,.empty-state .chip:hover{color:var(--mm-emerald-700)}@media (max-width:768px){.app{grid-template-columns:1fr}.sidebar{display:none}.create-topbar{padding:0 .875rem}.create-topbar .title,.create-topbar .title-divider{display:none}.create-topbar .back-link{padding:.375rem .5rem;font-size:.8125rem}.create-topbar .back-link span{white-space:nowrap}.create-body{grid-template-columns:1fr}.params-panel{display:none}.create-right{padding:1rem .875rem 4rem;gap:1.25rem}.prompt-foot{flex-wrap:wrap}.btn-generate-large{width:100%;justify-content:center}.create-grid{grid-template-columns:1fr 1fr;gap:.625rem}.params-mobile-btn{display:inline-flex}.params-sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s ease}.params-sheet-backdrop.open{opacity:1;pointer-events:auto}.params-sheet{position:fixed;left:0;right:0;bottom:0;z-index:91;background:#fff;border-radius:1.125rem 1.125rem 0 0;box-shadow:0 -.5rem 2rem rgba(0,0,0,.22);transform:translateY(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);max-height:80vh;overflow-y:auto;padding:.5rem 1.125rem 1.5rem}.params-sheet.open{transform:translateY(0)}.params-sheet .handle{width:2.5rem;height:.25rem;border-radius:62.4375rem;background:var(--mm-slate-200);margin:.5rem auto .875rem}}@media (min-width:769px){.params-mobile-btn{display:none}.params-sheet,.params-sheet-backdrop{display:none!important}}