.xiaota-page{min-height:100vh;background:#f3f6f2;padding:32px 16px;color:#1d2420}.xiaota-shell{display:flex;width:100%;max-width:1152px;min-height:calc(100vh - 64px);flex-direction:column;align-items:center;margin:0 auto}.xiaota-page-header{width:100%}.xiaota-top-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px}.ai-nav,.user-chip{display:flex;align-items:center;gap:8px}.nav-pill{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid #d9e2dc;border-radius:999px;background:rgba(255,255,255,.85);padding:0 15px;color:#34423a;font-size:14px;font-weight:650;box-shadow:0 8px 24px rgba(31,45,37,.05)}.nav-pill.active{border-color:#9ab6aa;color:#2f7d68}.user-chip{min-height:44px;border:1px solid #d8e3dc;border-radius:999px;background:#fff;padding:4px 8px 4px 4px;box-shadow:0 8px 24px rgba(31,45,37,.06)}.user-chip>span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:999px;background:#e4f1eb;color:#2f7d68;font-weight:760}.user-chip strong{font-size:14px;font-weight:700}.user-chip small{color:#6f7a73;font-size:13px}.history-panel header button,.queue-panel header button,.user-chip button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:#65736b;cursor:pointer}.hero-title{text-align:center}.hero-title p{margin:34px 0 0;color:#6f7a73;font-size:14px;font-weight:650}.hero-title h1{margin:32px 0 0;color:#1d2420;font-size:38px;font-weight:650;letter-spacing:0}.hero-title h1 span{color:#2f7d68}.hero-title small{display:block;margin-top:16px;color:#68746d;font-size:14px}.generation-composer{position:relative;width:100%;margin-top:48px;overflow:visible;border:1px solid #dfe7df;border-radius:32px;background:#fff;box-shadow:0 24px 80px rgba(31,45,37,.1)}.composer-main{position:relative;padding:22px}.upload-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.ghost-trigger,.select-pill,.tool-button,.upload-trigger{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe7df;border-radius:999px;background:#fff;color:#34423a;cursor:pointer;font-size:14px;font-weight:650}.ghost-trigger,.upload-trigger{padding:0 15px}.upload-trigger{border-color:#b8d9ce;color:#2f7d68}.upload-trigger input{display:none}.reference-preview{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.reference-preview article{position:relative;width:78px;height:78px;overflow:hidden;border:1px solid #dfe7df;border-radius:16px;background:#edf3ef}.reference-preview img{width:100%;height:100%;object-fit:cover}.reference-preview button{position:absolute;top:5px;right:5px;display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(24,35,30,.84);color:#fff;cursor:pointer}.composer-main textarea{display:block;width:100%;min-height:178px;max-height:320px;border:0;outline:none;resize:vertical;color:#1d2420;font-size:16px;line-height:1.7}.composer-main textarea::placeholder{color:#a0aaa4}.composer-toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid #edf1ee;padding-top:16px}.tool-button{padding:0 13px}.tool-button.subtle{border-color:transparent;color:#748078}.tool-button:disabled{cursor:not-allowed;opacity:.58}.prompt-limit{color:#87928b;font-size:13px}.toolbar-spacer{flex:1 1 auto}.menu-wrap{position:relative}.select-pill{max-width:240px;padding:0 13px;white-space:nowrap}.send-button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:999px;background:#2f7d68;color:#fff;cursor:pointer;box-shadow:0 12px 28px rgba(47,125,104,.26)}.send-button:disabled{cursor:not-allowed;opacity:.55}.dropdown-menu{position:absolute;z-index:20;right:0;bottom:calc(100% + 10px);width:280px;overflow:hidden;border:1px solid #dfe7df;border-radius:18px;background:#fff;box-shadow:0 20px 54px rgba(31,45,37,.16)}.dropdown-menu button{width:100%;border:0;background:transparent;padding:12px 14px;color:#34423a;cursor:pointer;text-align:left}.dropdown-menu button.selected,.dropdown-menu button:hover{background:#f1f7f3;color:#2f7d68}.dropdown-menu span,.dropdown-menu strong{display:block}.dropdown-menu strong{font-size:14px}.dropdown-menu span{margin-top:4px;color:#748078;font-size:12px;line-height:1.45}.model-menu,.scenario-menu{width:360px;max-height:460px;overflow-y:auto}.compact-menu{width:300px;padding:12px}.option-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:12px}.option-group>span{grid-column:1/-1;margin-bottom:2px;color:#68746d;font-size:12px;font-weight:700}.option-group button{border:1px solid #dfe7df;border-radius:10px;padding:8px 6px;text-align:center}.count-menu{width:160px}.history-picker,.schedule-panel{margin-top:16px;border:1px solid #dfe7df;border-radius:20px;background:#fbfcfa;padding:14px}.slot-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.schedule-panel button,.slot-tabs button{min-height:34px;border:1px solid #dfe7df;border-radius:999px;background:#fff;padding:0 12px;color:#34423a;cursor:pointer;font-size:13px;font-weight:650}.schedule-panel button,.slot-tabs button.selected{border-color:#a9cebf;color:#2f7d68}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:10px;gap:10px}.recent-grid button{overflow:hidden;border:1px solid #dfe7df;border-radius:14px;background:#fff;padding:0;cursor:pointer;text-align:left}.recent-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.recent-grid span{display:block;overflow:hidden;padding:8px;color:#58655d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.schedule-panel strong{display:block;color:#34423a}.schedule-panel p{margin:6px 0 12px;color:#68746d;font-size:13px}.workspace-panels{display:grid;width:100%;grid-template-columns:.86fr 1.14fr;grid-gap:16px;gap:16px;margin-top:18px}.history-panel,.metrics-panel,.queue-panel,.result-panel{border:1px solid #dfe7df;border-radius:24px;background:#fff;padding:18px;box-shadow:0 14px 46px rgba(31,45,37,.06)}.history-panel header,.queue-panel header,.result-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-panel h2,.metrics-panel h2,.queue-panel h2,.result-panel h2{margin:0;color:#34423a;font-size:16px;font-weight:760}.result-actions{display:inline-flex;align-items:center;gap:8px}.result-panel header span{border-radius:999px;background:#eef6f2;padding:5px 10px;color:#2f7d68;font-size:12px;font-weight:700}.result-actions button,.result-grid button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid #b8d9ce;border-radius:10px;background:#fff;color:#2f7d68;cursor:pointer;font-size:12px;font-weight:700}.result-actions button{padding:0 12px}.queue-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.queue-list button{display:grid;grid-gap:4px;gap:4px;border:1px solid #dfe7df;border-radius:12px;background:#fbfcfa;padding:10px;cursor:pointer;text-align:left}.queue-list button.selected{border-color:#9ec6b5;background:#f0f7f3}.queue-list span,.queue-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-list strong{color:#34423a;font-size:13px}.queue-list span{color:#68746d;font-size:12px}.empty-copy{margin:14px 0 0;color:#6f7a73;font-size:13px}.queue-panel small{display:block;margin-top:8px;color:#929c96;font-size:12px}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.history-list button{min-width:0;overflow:hidden;border:1px solid #dfe7df;border-radius:14px;background:#fbfcfa;padding:0;color:#58655d;cursor:pointer;text-align:left}.history-list img,.history-list svg{display:block;width:100%;aspect-ratio:1;background:#edf3ef;object-fit:cover}.history-list span{display:block;overflow:hidden;padding:8px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.result-panel{grid-row:span 2}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-top:14px}.result-grid article{overflow:hidden;border:1px solid #dfe7df;border-radius:16px;background:#fbfcfa}.result-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.result-grid a,.result-grid button{display:inline-flex;align-items:center;gap:7px;margin:10px 0 0 10px;padding:0 10px;color:#2f7d68;font-size:13px;font-weight:700}.result-grid button{margin-bottom:10px}.empty-result{display:grid;min-height:260px;place-items:center;grid-gap:10px;gap:10px;margin-top:14px;border:1px dashed #c8d4cc;border-radius:18px;background:#fbfcfa;color:#6f7a73;text-align:center}.metrics-panel{display:grid;grid-gap:10px;gap:10px}.metrics-panel div{display:flex;justify-content:space-between;gap:12px;border:1px solid #edf1ee;border-radius:12px;background:#fbfcfa;padding:10px;color:#68746d;font-size:12px}.metrics-panel strong{color:#34423a}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:960px){.workspace-panels,.xiaota-top-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.ai-nav{flex-wrap:wrap}.toolbar-spacer{display:none}.hero-title h1{font-size:32px}.dropdown-menu{right:auto;left:0}.result-panel{grid-row:auto}}@media (max-width:640px){.xiaota-page{padding:22px 12px}.nav-pill{min-height:36px;padding:0 12px;font-size:13px}.generation-composer{border-radius:24px}.composer-main{padding:16px}.composer-main textarea{min-height:154px}.compact-menu,.model-menu,.scenario-menu{width:min(86vw,360px)}.user-chip{width:100%}}