html,body{margin:0;height:100%;overflow:hidden}body{font-family:"Microsoft YaHei",sans-serif;background:#f2f4f8;color:#263249}html.dark body{background:#17181c;color:#e9eaf0}.station-bar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:inherit;border-bottom:1px solid #8883;padding:10px 18px;min-height:94px;box-sizing:border-box}.station-brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650;white-space:nowrap}.station-brand img{width:32px;height:32px;border-radius:50%}.station-bar a{color:inherit;text-decoration:none}.station-selects{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}.station-selects label{display:flex;align-items:center;gap:6px;font-size:10px}.station-selects label[hidden]{display:none}.station-selects select{background:inherit;color:inherit;border:1px solid #8885;border-radius:6px;max-width:190px;padding:5px;font:inherit}.station-selects option{background:#f2f4f8;color:#263249}.dark .station-selects option{background:#17181c;color:#e9eaf0}.station-selects a{font-size:11px}.station-bar p{margin:0;width:100%;font-size:10px;opacity:.75}#root{position:absolute;inset:94px 0 0;overflow:hidden}#root>.h-dvh{height:100%}@media(max-width:900px){.station-bar{min-height:130px;padding:8px 12px;gap:8px}.station-selects{margin-left:0;gap:7px}.station-selects select{max-width:150px}#root{top:130px}}@media(max-width:520px){.station-bar{min-height:174px}.station-selects{gap:7px}.station-selects label{font-size:9px}#root{top:174px}}

/* Keep the primary image action outside the independently scrolling settings. */
#root>.ant-app,#root .h-dvh{height:100%}
/* Match the console's readable type scale without scaling the canvas itself. */
#root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei UI','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.6}
#root .text-xs{font-size:13px;line-height:1.6}
#root :is([class~="text-[9px]"],[class~="text-[10px]"],[class~="text-[11px]"]){font-size:12px;line-height:1.5}
#root :is(.ant-form-item-label>label,.ant-select-selection-item,.ant-input,.ant-btn){font-size:14px}
@media(max-width:640px){#root :is(.ant-input,textarea){font-size:16px}}
#root .ypp-image-settings{display:flex;min-height:0;overflow:hidden!important}
#root .ypp-image-settings>div:first-child{flex-shrink:0}
#root .ypp-image-settings>div:nth-child(2){flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;margin-top:16px;padding-right:8px;padding-bottom:16px;scrollbar-width:thin}
#root .ypp-image-generate{flex-shrink:0;margin-top:0;padding-top:14px;border-top:1px solid #8883;background:inherit}
#root .ypp-image-generate .ant-btn{height:48px;border-radius:10px;font-size:15px;font-weight:650;background:#2563eb;border-color:#2563eb;color:white}
#root .ypp-image-generate .ant-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}
#root .ypp-image-generate .ant-btn:disabled{background:#2563eb26;border-color:#2563eb40;color:#64748b}
.dark #root .ypp-image-generate .ant-btn:disabled{color:#a5bce8}
@media(max-width:1023px){#root .ypp-image-settings{height:calc(100dvh - 260px);min-height:340px}}