@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&family=Noto+Serif+SC:wght@600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f2940;background:radial-gradient(circle at 12% 12%,#50c1b73d,#0000 32%),radial-gradient(circle at 88% 6%,#7cb4ff3d,#0000 36%),linear-gradient(155deg,#eef9ff 0%,#f4fbff 48%,#f7f9ff 100%);font-family:Sora,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;color:inherit;background:0 0;margin:0}#root{min-height:100vh;padding:clamp(12px,2.2vw,24px)}.ant-card{color:#15324f}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-input-number,.ant-input-number-input-wrap input,.ant-segmented,.ant-tabs-tab-btn{color:#16324f!important;background:#fff!important;border-color:#bfd2e3!important}.ant-input::placeholder,.ant-input-number input::placeholder,.ant-input-textarea textarea::placeholder{color:#6d8398!important}.ant-input:hover,.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus,.ant-select-focused .ant-select-selector,.ant-select-selector:hover,.ant-input-number:focus,.ant-input-number:hover{border-color:#2ea9a0!important;box-shadow:0 0 0 2px #2ea9a024!important}.ant-segmented{border-radius:12px}.ant-segmented-item-selected{font-weight:600;color:#0f645e!important;background:linear-gradient(120deg,#dbf7f4 0%,#c6f0ec 100%)!important}.ant-btn-primary{background:linear-gradient(122deg,#0f8b82 0%,#28b9ae 100%)!important;border-color:#0000!important;box-shadow:0 8px 20px #10887f42!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background:linear-gradient(122deg,#0f9a90 0%,#30c3b7 100%)!important}.ant-btn-default{color:#21425e;background:#fff;border-color:#b9ccdc}.ant-btn-default:hover,.ant-btn-default:focus{color:#12736c;border-color:#42b8ae}.ant-tabs-ink-bar{background:#12958b!important}.ant-tabs-tab{color:#5e7288}.ant-tabs-tab-active .ant-tabs-tab-btn{font-weight:600;color:#11405f!important}.ant-tag{border-radius:999px}@media (width<=760px){#root{padding:10px}}.studio-shell{flex-direction:column;gap:16px;max-width:1640px;margin:0 auto;display:flex;position:relative}.studio-shell>*{z-index:1;position:relative}.studio-ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.studio-ambient span{filter:blur(2px);opacity:.6;border-radius:999px;animation:18s ease-in-out infinite ambient-float;position:absolute}.studio-ambient span:first-child{background:radial-gradient(circle,#43b6ad57,#0000 64%);width:420px;height:420px;top:-150px;left:-120px}.studio-ambient span:nth-child(2){background:radial-gradient(circle,#74b0ff54,#0000 66%);width:500px;height:500px;animation-delay:4s;top:18vh;right:-160px}.studio-ambient span:nth-child(3){background:radial-gradient(circle,#69d7c03d,#0000 68%);width:430px;height:430px;animation-delay:8s;bottom:-200px;left:34vw}.hero-card{background:radial-gradient(circle at 85% 14%,#6ac6b833,#0000 36%),radial-gradient(circle at 10% 90%,#8ab5ff33,#0000 44%),linear-gradient(135deg,#fffffff2 0%,#f5fcfff2 60%,#eef8fff5 100%);border:1px solid #8ab0ce73;border-radius:24px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;padding:24px;animation:.4s ease-out both card-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 40px #225d8524,inset 0 1px #ffffffe6}.hero-card:before{content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff8a 0%,#fff0 36%),linear-gradient(#d2edff0a,#d2edff33);position:absolute;inset:0}.hero-main{z-index:1;position:relative}.hero-main h1.ant-typography{letter-spacing:.01em;color:#133752;margin:8px 0;font-family:Noto Serif SC,serif;font-size:clamp(28px,3.7vw,50px);line-height:1.15}.hero-main .ant-typography{color:#335371;max-width:960px}.iteration-roadmap{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.roadmap-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #90b7d680;border-radius:12px;padding:10px 12px}.roadmap-item span{letter-spacing:.08em;text-transform:uppercase;color:#147970;font-size:11px;font-weight:700}.roadmap-item h4{color:#1a3f60;margin:4px 0;font-size:14px}.roadmap-item p{color:#486887;margin:0;font-size:12px;line-height:1.5}.hero-metrics{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.metric-item{background:linear-gradient(160deg,#ffffffeb 0%,#f3faffe0 100%);border:1px solid #92bad985;border-radius:14px;padding:14px 16px;transition:transform .2s,border-color .22s,box-shadow .22s}.metric-item:hover{border-color:#41b1a7b3;transform:translateY(-2px);box-shadow:0 10px 24px #1c648e1f}.metric-item span{letter-spacing:.07em;text-transform:uppercase;color:#1b857d;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.metric-item strong{color:#173a57;font-weight:700}.layout-grid{grid-template-columns:minmax(320px,.74fr) minmax(580px,1.26fr);gap:14px;display:grid}.left-column,.right-column{flex-direction:column;gap:12px;display:flex}.left-column .studio-card:first-child{animation:.44s ease-out both card-rise}.left-column .studio-card:nth-child(2){animation:.51s ease-out both card-rise}.right-column .studio-card{animation:.56s ease-out both card-rise}.studio-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 110% 20%,#5fbeae21,#0000 38%),radial-gradient(circle at 8% 110%,#7dacff24,#0000 36%),#ffffffe6;border:1px solid #91b7d485;border-radius:18px;box-shadow:0 14px 28px #235f8a1c,inset 0 1px #fffffff2}.studio-card .ant-card-head{border-bottom-color:#96bcd873}.studio-card .ant-card-head-title,.studio-card .ant-card-extra{color:#153653}.compact-card .ant-card-body{padding:14px 14px 12px}.compact-card .field-grid{gap:10px}.compact-card .field-block{gap:4px}.compact-card .field-label{letter-spacing:.05em;font-size:11px}.compact-card .actions-row{margin-top:12px;padding:8px}.advanced-settings{margin-top:2px}.advanced-settings .ant-collapse-item{background:#fafeffd6;border:1px solid #8bb4d280!important;border-radius:10px!important}.advanced-settings .ant-collapse-header{color:#244666!important;padding:8px 10px!important}.advanced-settings .ant-collapse-content{border-top:1px solid #8cb6d34d!important}.advanced-settings .ant-collapse-content-box{padding:8px 2px 2px!important}.advanced-grid{margin-top:6px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.generation-grid{margin-top:8px}.field-block{flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.05em;text-transform:uppercase;color:#3d5d7c;font-size:12px;font-weight:700}.full-width{grid-column:1/-1}.actions-row{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #8cb5d385;border-radius:12px;flex-wrap:wrap;gap:10px;margin-top:16px;padding:10px;display:flex;position:sticky;bottom:10px}.tab-content{flex-direction:column;gap:10px;display:flex}.prompt-main-input textarea.ant-input{min-height:210px}.prompt-list-input textarea.ant-input{min-height:200px}.batch-control{background:#fcffffd6;border:1px solid #88b2d085;border-radius:12px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.batch-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.batch-panel,.batch-reroll{flex-direction:column;gap:8px;display:flex}.batch-reroll .ant-input-number{max-width:220px}.batch-control .ant-segmented{background:#e0f2fde6!important}.preset-strip{flex-wrap:wrap;gap:8px;display:flex}.preset-chip{transition:transform .18s,border-color .22s,color .22s,background .22s;color:#2d4e6f!important;background:#edf7ffe6!important;border:1px solid #7eafd1b3!important;border-radius:999px!important}.preset-chip:hover{transform:translateY(-1px);color:#155d58!important;border-color:#28aca0bf!important}.preset-chip.is-active{color:#0d5f59!important;background:linear-gradient(126deg,#cef4ef 0%,#bdeee8 100%)!important;border-color:#2ca79ddb!important}.upload-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.upload-button{color:#116c65;cursor:pointer;background:#ddf7f3f2;border:1px dashed #59aba3cc;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:inline-flex}.upload-button:hover{background:#cdf1ecf2;border-color:#139188e6}.upload-button input{display:none}.source-preview{background:#fbfffff2;border:1px solid #82afcf8a;border-radius:14px;overflow:hidden}.source-preview img{object-fit:contain;width:100%;max-height:250px;display:block}.status-meta{flex-direction:column;gap:10px;margin-top:14px;display:flex}.status-card{order:2}.gallery-card{order:1}.gallery-card .ant-card-body{min-height:54vh}.output-card{order:3}.status-meta .ant-typography{color:#345978;margin-bottom:0}.gallery-loading{text-align:center;background:#f0f8ffcc;border:1px dashed #81adcf9e;border-radius:12px;padding:18px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.image-card{background:#fafefff2;border:1px solid #82aece85;border-radius:14px;transition:transform .22s,border-color .22s,box-shadow .24s;position:relative;overflow:hidden}.image-card:hover{border-color:#2aac9fb3;transform:translateY(-2px)scale(1.005);box-shadow:0 12px 24px #1d689629}.image-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.image-actions{opacity:0;gap:6px;transition:all .22s;display:flex;position:absolute;bottom:8px;right:8px;transform:translateY(4px)}.image-card:hover .image-actions{opacity:1;transform:translateY(0)}.image-actions .ant-btn{color:#1c4a6b;background:#ffffffe6;border:1px solid #78a7c99e}.image-actions .ant-btn:hover{color:#0e7068;border-color:#1b9a91d1}.history-list{flex-direction:column;gap:10px;max-height:460px;padding-right:2px;display:flex;overflow:auto}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-thumb{background:#78aacd8f;border-radius:999px}.history-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:#fcffffeb;border:1px solid #82afd080;border-radius:12px;padding:10px;transition:all .2s}.history-item:hover{border-color:#2aa9a0b3;transform:translateY(-1px);box-shadow:0 10px 20px #21648f1f}.history-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-prompt.ant-typography{color:#2d4f6f;margin:8px 0 6px}.history-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.mono-area textarea.ant-input{font-family:IBM Plex Mono,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.52;color:#1c3e5f!important;background:#f9fdfff2!important}.output-main-area textarea.ant-input{min-height:240px}.model-input-box{background:#f7fdffd1;border-top:1px solid #8cb5d373;padding:8px}.prompt-helper-card .ant-card-body{padding-top:12px}.prompt-helper-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.prompt-helper-cheatsheet{background:#f7fcffeb;border:1px solid #84b1d075;border-radius:12px;margin-top:12px;padding:10px 12px}.prompt-helper-cheatsheet .ant-typography{color:#1c4464}.prompt-helper-cheatsheet ul{color:#2f5474;margin:8px 0 0;padding-left:18px;line-height:1.6}.ant-empty-description{color:#56718d!important}.ant-alert{border-radius:12px}.ant-alert-info{background:#ecf7ffd9!important;border-color:#79afd880!important}.ant-alert-success{background:#edfff6db!important;border-color:#3fb68e6b!important}.ant-alert-error{background:#fff0f0e0!important;border-color:#e572745c!important}@keyframes card-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-float{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(10px,-16px)scale(1.05)}}@media (width<=1360px){.iteration-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1280px){.layout-grid,.hero-card{grid-template-columns:1fr}.gallery-card .ant-card-body{min-height:420px}}@media (width<=780px){.field-grid,.iteration-roadmap{grid-template-columns:1fr}.history-header,.history-footer{flex-direction:column;align-items:flex-start}.actions-row{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static}.hero-card{padding:18px}}