#app,body,html{min-height:100%;margin:0}body{color:#1f2933;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7fb}*{box-sizing:border-box}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f4f6f8}.login-panel{width:100%;max-width:380px;padding:36px 32px 32px;background:#fff;border:1px solid #ebeef5;border-radius:6px;box-shadow:0 8px 24px rgba(31,45,61,.08)}.brand{margin-bottom:28px;color:#303133;font-size:24px;font-weight:600;text-align:center}.login-button{width:100%;margin-top:8px}.studio-shell{min-height:100vh}.studio-header{display:flex;align-items:center;gap:28px;min-height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e7eaf0}.studio-brand{color:#1f2933;font-size:18px;font-weight:600;white-space:nowrap}.studio-nav{display:flex;gap:20px}.studio-nav a{color:#667085;text-decoration:none}.studio-nav a.router-link-exact-active{color:#1677ff;font-weight:600}.studio-account{display:flex;align-items:center;gap:14px;margin-left:auto;color:#667085;white-space:nowrap}.account-name{max-width:180px;overflow:hidden;color:#344054;font-weight:600;text-overflow:ellipsis}.balance-summary{color:#667085;white-space:nowrap}.balance-summary strong{margin-left:6px;color:#1677ff}.studio-main{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;padding:16px}.studio-panel,.table-panel{background:#fff;border:1px solid #e7eaf0;border-radius:6px;padding:20px}.studio-content{display:grid;gap:16px;align-content:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.full-width,.generate-button{width:100%}.generate-button{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.generate-button-label{line-height:1}.generate-button-price{font-size:12px;font-weight:400;line-height:1}.reference-image-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.active-task-list{display:grid;gap:12px}.active-task-item{padding-bottom:12px;border-bottom:1px solid #f0f2f5}.active-task-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-title{color:#344054}.history-meta,.panel-actions,.panel-heading,.recent-item,.result-actions{display:flex;align-items:center}.panel-heading{justify-content:space-between;margin-bottom:14px}.panel-actions{gap:8px}.panel-actions .el-button--text{padding:0}.panel-heading h2{margin:0;font-size:16px}.panel-heading a{color:#1677ff;text-decoration:none}.task-error,.task-id{color:#667085;font-size:13px;word-break:break-all}.task-error{color:#f56c6c}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.result-image{overflow:hidden;border:1px solid #edf0f5;border-radius:4px}.result-image .el-image{display:block;width:100%;height:220px}.result-actions{gap:8px;padding:8px}.recent-list{display:grid;gap:10px}.recent-item{gap:10px;min-height:54px;padding-bottom:10px;border-bottom:1px solid #f0f2f5}.recent-thumb{width:48px;height:48px;flex:0 0 48px;cursor:zoom-in}.recent-copy{display:grid;min-width:0;flex:1;gap:4px;font-size:12px;color:#667085}.recent-copy strong{overflow:hidden;color:#344054;text-overflow:ellipsis;white-space:nowrap}.page-main{max-width:1280px;margin:0 auto;padding:24px 16px}.page-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.history-card{overflow:hidden;cursor:pointer;background:#fff;border:1px solid #e7eaf0;border-radius:6px;transition:border-color .2s}.history-card:hover{border-color:#91caff}.history-image{display:block;width:100%;height:180px;background:#f3f5f8}.history-empty{display:flex;align-items:center;justify-content:center;color:#98a2b3}.history-body{padding:12px}.history-meta{justify-content:space-between;gap:8px;color:#1677ff;font-size:13px}.history-specs{margin-top:8px;color:#667085;font-size:12px}.history-body p{display:-webkit-box;min-height:40px;margin:10px 0;overflow:hidden;color:#344054;font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.history-body time{color:#98a2b3;font-size:12px}.detail-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.detail-images .el-image{display:block;width:100%;height:180px}.el-pagination{margin-top:20px;text-align:right}@media (max-width:900px){.studio-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.studio-nav{order:3;width:100%;justify-content:space-between}.studio-account{margin-left:auto}.studio-main{grid-template-columns:1fr;padding:12px}.page-main{padding:16px 12px}}@media (max-width:480px){.form-grid,.reference-image-row{grid-template-columns:1fr}.studio-panel,.table-panel{padding:14px}.studio-nav{gap:10px;font-size:13px}}