:root{color:#101820;background:#e8eef1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:1180px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{height:100vh;padding:22px;overflow:hidden;background:linear-gradient(155deg,rgb(224 245 242 / 72%) 0%,transparent 34%),linear-gradient(315deg,rgb(255 239 203 / 54%) 0%,transparent 28%),linear-gradient(135deg,#f8fbfb,#ebf2f3)}.login-screen,.auth-screen,.workspace-screen{overflow:hidden;position:relative;width:min(1440px,calc(100vw - 44px));margin:0 auto;border:1px solid rgb(206 218 223 / 82%);background:#f7fafb;box-shadow:0 34px 110px #1b2d3924,0 1px #ffffffeb inset}.workspace-screen{width:min(1680px,calc(100vw - 44px))}.login-screen{display:grid;grid-template-columns:430px 1fr;min-height:calc(100vh - 44px);background:linear-gradient(90deg,#fff,#fbfdfd 39%,#eff6f6)}.auth-screen{display:grid;min-height:calc(100vh - 44px);place-items:center;background:radial-gradient(circle at 50% 15%,rgb(132 221 211 / 18%),transparent 30%),radial-gradient(circle at 80% 80%,rgb(237 202 129 / 14%),transparent 26%),linear-gradient(135deg,#fbfdfd,#eef4f5)}.login-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 255 255 / 94%) 0 39%,transparent 39%),linear-gradient(142deg,transparent 0 54%,rgb(120 211 205 / 16%) 54% 68%,transparent 68%),radial-gradient(circle at 72% 20%,rgb(114 211 203 / 18%),transparent 27%),radial-gradient(circle at 89% 78%,rgb(237 200 125 / 16%),transparent 28%)}.login-screen:after{content:"";position:absolute;top:0;bottom:0;left:430px;width:1px;background:linear-gradient(180deg,transparent,rgb(196 211 218 / 70%),transparent)}.brand-block,.login-copy,.login-card,.preview-panel{position:relative;z-index:1}.home-screen .login-card{display:none}.brand-block{display:grid;place-items:center;grid-column:1;width:240px;height:296px;margin:46px 0 0 72px;border:1px solid rgb(226 235 238 / 88%);border-radius:30px;background:linear-gradient(180deg,#fffffff0,#f8fdfcd6);box-shadow:0 26px 70px #1f303a1a,0 1px #ffffffe5 inset}.brand-logo-full,.brand-logo-mark{display:block;width:188px;height:auto;object-fit:contain;margin:auto}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:transparent;box-shadow:none}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand-mark.small{width:40px;height:40px;border-radius:0;font-size:20px}.brand-name{font-size:26px;font-weight:800;letter-spacing:0}.brand-en{margin-top:3px;color:#647482;font-size:14px;font-weight:600}.login-copy{grid-column:1;width:320px;margin:50px 0 0 72px}.soft-badge,.status-dot,.user-pill{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgb(157 216 211 / 55%);background:#edf8f6d1;color:#08736f;font-size:13px;font-weight:700}.soft-badge.blue{background:#eaf0ff;color:#2f6bff}.login-copy h1{margin:0;max-width:360px;font-size:40px;line-height:1.04;letter-spacing:0;color:#101a21}.login-copy p{width:300px;margin:13px 0 0;color:#526473;font-size:16px;line-height:1.65;font-weight:700}.login-card{grid-column:1;width:430px;margin:64px 0 0 70px;padding:28px;border:1px solid rgb(218 231 236 / 86%);border-radius:28px;background:linear-gradient(180deg,#ffffffd6,#fafdfdb8);box-shadow:0 28px 70px #1f303a1c,0 1px #ffffffe5 inset;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-brand{position:absolute;top:42px;left:50%;z-index:1;display:grid;width:142px;height:176px;place-items:center;border:1px solid rgb(226 235 238 / 88%);border-radius:24px;background:linear-gradient(180deg,#fffffff0,#f8fdfcd6);box-shadow:0 18px 42px #1f303a14,0 1px #ffffffe5 inset;transform:translate(-50%)}.auth-card{grid-column:auto;width:430px;margin:218px 0 0;padding:26px 28px 28px}.auth-brand .brand-logo-full{width:112px}.login-card h2{margin:0;font-size:25px;letter-spacing:0}.login-card p{margin:7px 0 22px;color:#647482;font-size:14px;font-weight:700}.login-card label{display:grid;gap:9px;margin-top:15px;color:#526473;font-size:13px;font-weight:900}input,textarea{border:1px solid #dce5ea;border-radius:12px;background:#fff;color:#17212b;outline:none}input{height:48px;padding:0 16px}.code-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;height:54px;padding:6px;border:1px solid rgb(208 223 229 / 95%);border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdfd);box-shadow:0 12px 28px #1f303a0d,0 1px #ffffffe5 inset}.login-input{height:54px;border-radius:17px;border-color:#d0dfe5f2;background:linear-gradient(180deg,#fff,#fbfdfd);font-weight:700;box-shadow:0 12px 28px #1f303a0d,0 1px #ffffffe5 inset;transition:border-color .18s ease,box-shadow .18s ease}.login-input:focus,.code-row:focus-within{border-color:#5ccbc4c7;box-shadow:0 0 0 4px #4dcdc61a,0 14px 32px #1f303a12}.code-row .code-input{height:44px;border:0;background:transparent;box-shadow:none}.send-code-button{height:44px;min-width:118px;padding:0 14px;border:1px solid rgb(117 211 202 / 54%);border-radius:14px;background:linear-gradient(135deg,#defbf7f5,#eff7ffeb 52%,#fff4daf5);color:#08736f;font-size:13px;font-weight:900;box-shadow:0 10px 22px #37a39e17,0 1px #ffffffdb inset}.login-message{margin-top:14px;color:#0b7d79;font-size:13px;font-weight:800}.home-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;min-width:158px;margin-top:34px;padding:0 24px;border:1px solid rgb(117 211 202 / 54%);border-radius:18px;background:linear-gradient(135deg,#d1f7f4f5,#e6f4ffeb 52%,#ffefc8f5);color:#102027;font-size:15px;font-weight:900;box-shadow:0 20px 42px #48aaa526,0 1px #ffffffe5 inset}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:800}.primary-button{position:relative;overflow:hidden;border:0;background:linear-gradient(105deg,#39c9c5,#8fd8bd 52%,#e9bd6b);color:#102027;box-shadow:0 16px 34px #2fb8b22e,inset 0 1px #ffffff75}.primary-button:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / 34%) 48%,transparent 70%);transform:translate(-140%);animation:shimmer 3.2s ease-in-out infinite}.primary-button>*{position:relative;z-index:1}.ghost-button{border-color:#dce5ea;background:#ffffffd6;color:#17212b}.login-card .primary-button{width:100%;height:54px;margin-top:24px;border-radius:18px}.preview-panel{position:absolute;top:56px;right:62px;width:668px;height:574px;padding:28px 30px;border:1px solid rgb(232 239 242 / 88%);border-radius:30px;background:linear-gradient(180deg,#ffffffc7,#f8fcfc8a);box-shadow:0 36px 88px #1f303a21,0 1px #ffffffe5 inset;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.panel-head,.topbar,.composer-footer{display:flex;align-items:center;justify-content:space-between}.panel-head strong{color:#111a21;font-size:22px}.status-dot{background:#edf8f3;color:#12805a}.prompt-preview{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-top:24px;padding:14px 14px 14px 20px;border:1px solid rgb(226 234 238 / 80%);border-radius:22px;background:#ffffffd6;box-shadow:0 18px 40px #1d303c12}.prompt-preview p{margin:0;color:#17212b;font-size:16px;font-weight:800;line-height:1.48}.prompt-preview button{width:78px;height:42px;border:0;border-radius:14px;background:linear-gradient(105deg,#bcefe9,#edf5ff 48%,#f8dfa6);color:#102027;font-weight:800;box-shadow:0 12px 26px #2ba29c24}.preview-grid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:172px 172px;gap:16px;margin-top:30px}.preview-image,.result-image,.session-thumb{background:linear-gradient(135deg,#e2f4f2,#dfeaff)}.preview-image{display:flex;align-items:flex-end;height:auto;padding:16px;border-radius:18px;color:#40505d;font-size:12px;font-weight:700;box-shadow:0 18px 34px #1d303c14,0 1px #ffffffd1 inset}.preview-image:first-child{grid-row:span 2}.preview-image.blue,.result-image.blue{background:linear-gradient(135deg,#edf4ff,#f6f2ff)}.preview-image.warm,.result-image.warm{background:linear-gradient(135deg,#fff5df,#e9f7f2)}.preview-meta{display:flex;gap:10px;margin-top:16px}.preview-meta span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid rgb(205 219 225 / 70%);border-radius:999px;background:#ffffff9e;color:#647482;font-size:12px;font-weight:800}.workspace-screen{display:grid;grid-template-columns:292px minmax(0,1fr);height:calc(100vh - 44px);min-height:0;background:linear-gradient(90deg,#fff 0 292px,#f4f8f9 292px 100%),#f4f8f9}.workspace-screen:has(.asset-page){grid-template-columns:292px 1fr}.sidebar,.topbar{background:#fff}.sidebar{position:relative;min-height:0;overflow:hidden;padding:24px;border-right:1px solid #ecf1f4;background:#ffffffeb}.mini-brand{display:grid;place-items:center;height:104px;border:1px solid #edf3f4;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fcfb);box-shadow:0 14px 34px #1f303a0f}.mini-brand-logo{display:block;width:82px;height:auto;object-fit:contain}.new-session{width:100%;margin-top:24px;height:44px}.sidebar-title{margin:28px 0 12px;color:#647482;font-size:13px;font-weight:800}.session-list{max-height:calc(100vh - 272px);overflow-y:auto;display:grid;gap:10px;padding-bottom:104px}.session-item{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;height:72px;padding:0 14px;border:1px solid #ecf1f4;border-radius:16px;background:#ffffffd1;text-align:left}.session-item.active{border-color:#cce9e6;background:linear-gradient(135deg,#e9f7f5,#f5fbfa);box-shadow:inset 0 0 0 1px #ffffff94}.session-thumb{width:44px;height:44px;border-radius:10px}.thumb-1{background:linear-gradient(135deg,#eaf0ff,#f6efff)}.thumb-2{background:linear-gradient(135deg,#fff4dd,#e6f7f2)}.session-item strong{display:block;overflow:hidden;color:#17212b;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.session-item em{display:block;margin-top:7px;color:#8a99a6;font-size:12px;font-style:normal}.asset-library-entry{position:absolute;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;min-height:66px;padding:12px;border:1px solid #d8e8e6;border-radius:18px;background:linear-gradient(135deg,#fff,#f3faf8);color:#0b7d79;text-align:left;box-shadow:0 14px 34px #1f303a12}.asset-library-entry.active{border-color:#80d3cdb3;background:linear-gradient(135deg,#eaf9f7,#fff)}.asset-library-entry>svg{padding:9px;width:38px;height:38px;border-radius:11px;background:#e8f7f4}.asset-library-entry strong,.asset-library-entry em{display:block}.asset-library-entry strong{color:#17212b;font-size:14px}.asset-library-entry em{margin-top:4px;color:#8a99a6;font-size:12px;font-style:normal}.workspace-main{display:grid;grid-template-rows:72px 1fr;position:relative;min-height:0;overflow:hidden;background:#f4f8f9}.topbar{position:relative;z-index:30;padding:0 32px;border-bottom:1px solid #e7eef1;background:#ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h2{margin:0;font-size:20px}.session-title-editor>span{display:block;margin-top:3px;color:#18a56e;font-size:12px;font-weight:700}.session-title-editor input{width:280px;height:38px;padding:0 12px;border-radius:12px;font-size:18px;font-weight:900}.title-edit-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#17212b}.title-edit-button svg{color:#8a99a6;transition:color .16s ease,transform .16s ease}.title-edit-button.active svg{color:#0b7d79;transform:rotate(180deg)}.title-menu-wrap{position:relative;display:inline-flex}.title-action-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:28;width:128px;padding:8px;border:1px solid rgb(226 234 238 / 90%);border-radius:12px;background:#fffffff5;box-shadow:0 18px 44px #182a3624;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96);transform-origin:calc(100% - 18px) -8px;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;visibility:hidden}.title-action-popover.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s ease,visibility 0s;visibility:visible}.title-action-popover button{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#17212b;font-size:13px;font-weight:800;text-align:left}.title-action-popover button:hover:not(:disabled){background:#f1f6f7;color:#0b7d79}.title-action-popover button.danger{color:#c85f52}.title-action-popover button.danger:hover:not(:disabled){background:#fff6f4;color:#c85f52}.title-action-popover button:disabled{opacity:.68;cursor:wait}.title-action-popover button:disabled svg{animation:spin 1.1s linear infinite}.topbar-actions{display:flex;align-items:center;gap:12px}.key-status-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border:1px solid #dce5ea;border-radius:999px;background:#ffffffb8;color:#647482;font-size:13px;font-weight:800}.key-status-button.configured{border-color:#95d7d27f;background:linear-gradient(135deg,#ebfbf8f5,#fffcf3f5);color:#08736f}.user-pill{border:1px solid #dce5ea;background:#ffffffb8;color:#647482}.conversation{--composer-safe-space: 260px;position:relative;overflow-y:auto;min-height:0;padding:46px clamp(64px,6vw,112px) calc(var(--composer-safe-space) + 52px);background:radial-gradient(circle at 50% 16%,rgb(255 255 255 / 92%),transparent 34%),#f4f8f9}.conversation.dragging{background:radial-gradient(circle at 50% 2%,rgb(255 255 255 / 94%),transparent 30%),linear-gradient(135deg,#e9faf7e0,#fff9ecc7)}.message-card,.result-card,.loading-card,.workspace-empty-card,.composer{border:1px solid #ecf1f4;background:#ffffffeb;box-shadow:0 18px 46px #1f303a12}.message-card{width:min(960px,100%);min-height:118px;padding:22px 24px;border-radius:22px}.eyebrow{color:#0b7d79;font-size:13px;font-weight:800}.message-card p{margin:12px 0 0;line-height:1.55}.result-row{display:grid;grid-template-columns:repeat(3,204px);gap:26px;margin-top:28px}.task-record-list{display:grid;gap:30px;width:min(1120px,100%);margin:28px auto 0;padding-bottom:24px}.history-loading{width:fit-content;margin:4px auto 18px;padding:8px 14px;border:1px solid rgb(214 225 230 / 80%);border-radius:999px;background:#ffffffd1;color:#7a8a96;font-size:12px;font-weight:800}.task-record.pending{padding-bottom:0}.task-record.pending .loading-card{margin:12px 0 0 78px}.task-record.pending.no-reference .loading-card{margin-left:0}.task-record{padding:0}.task-record-head{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:start}.task-record-head.no-reference{display:block}.task-record.no-reference .reference-fold.empty{display:none}.reference-fold{position:relative;width:72px;height:48px;border:0;background:transparent}.reference-fold.empty{width:0;height:1px}.task-copy-block{min-width:0}.reference-fold img{position:absolute;top:4px;width:42px;height:36px;border:2px solid #fff;border-radius:4px;object-fit:cover;box-shadow:0 6px 14px #1d303c24;transform:rotate(-7deg)}.reference-fold img:nth-child(2){transform:rotate(4deg)}.reference-fold img:nth-child(3){transform:rotate(10deg)}.reference-fold span{position:absolute;right:4px;bottom:2px;display:grid;min-width:18px;height:18px;place-items:center;border-radius:999px;background:#ffffffeb;color:#647482;font-size:11px;font-weight:900}.task-prompt-summary{display:-webkit-box;overflow:hidden;min-height:0;padding:0;border:0;background:transparent;color:#17212b;font-size:14.5px;font-weight:800;line-height:1.46;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-top:10px}.task-meta,.task-detail-button{color:#8a99a6;font-size:13px;white-space:nowrap}.task-detail-button{padding:0;border:0;background:transparent;cursor:pointer}.task-error-text{color:#cf5f55;font-size:13px;font-weight:900;white-space:nowrap}.task-detail-button:before,.task-meta+.task-meta:before,.task-error-text:before{content:"|";margin:0 12px;color:#c8d3d8}.task-result-mosaic{display:grid;grid-template-columns:minmax(340px,1.55fr) minmax(230px,1fr);gap:16px;margin-left:78px;margin-top:18px;max-width:760px}.task-record.no-reference .task-result-mosaic,.task-record.no-reference .task-result-empty,.task-record.no-reference .task-record-actions{margin-left:0}.task-result-mosaic.count-1{display:block;max-width:520px}.task-main-image,.task-side-images button{overflow:hidden;display:block;padding:0;border:0;border-radius:4px;background:#f4f8f9;box-shadow:0 14px 34px #1d303c12;cursor:zoom-in}.task-main-image img,.task-side-images img{display:block;width:100%;height:100%;object-fit:contain}.task-main-image{position:relative;aspect-ratio:16 / 9}.task-result-mosaic.count-1 .task-main-image{max-width:430px}.task-main-image span{position:absolute;right:10px;bottom:9px;padding:3px 9px;border-radius:999px;background:#121b2294;color:#fff;font-size:11px;font-weight:800}.task-side-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-side-images button{position:relative;aspect-ratio:16 / 9}.task-side-images span{position:absolute;right:8px;bottom:6px;padding:2px 8px;border-radius:999px;background:#121b2294;color:#fff;font-size:11px;font-weight:800}.image-preview-backdrop{padding:46px;background:#0d141a6b}.image-preview-modal{position:relative;display:grid;max-width:min(1120px,calc(100vw - 92px));max-height:calc(100vh - 92px);place-items:center}.image-preview-modal img{display:block;max-width:100%;max-height:calc(100vh - 92px);border-radius:8px;background:#fff;box-shadow:0 30px 90px #00000047}.image-preview-actions{position:absolute;top:14px;right:14px;z-index:2;display:flex;gap:8px}.image-download-button,.image-delete-button{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgb(255 255 255 / 72%);border-radius:12px;background:#ffffffe0;color:#17212b;box-shadow:0 12px 30px #10181e2e}.image-delete-button{color:#cf6b5b}.image-delete-button:disabled{opacity:.68;cursor:wait}.task-result-empty{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0 78px;color:#8a99a6;font-size:13px;font-weight:800}.task-record-actions{display:flex;gap:8px;margin:18px 0 0 78px}.task-record-actions>button,.task-more-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border:0;border-radius:8px;background:#f1f4f5;color:#17212b;font-size:13px;font-weight:800}.task-more-button{width:36px;padding:0}.task-more-button.active{background:#e8f5f4;color:#08736f}.task-action-menu-wrap{position:relative}.task-action-popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:8;width:132px;padding:8px;border:1px solid rgb(226 234 238 / 90%);border-radius:12px;background:#fffffff5;box-shadow:0 18px 44px #182a3624;opacity:0;pointer-events:none;transform:translateY(6px) scale(.96);transform-origin:16px calc(100% + 8px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;visibility:hidden}.task-action-popover.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s ease,visibility 0s;visibility:visible}.task-action-popover a,.task-action-popover button{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#17212b;font-size:13px;font-weight:800;text-decoration:none}.task-action-popover a:hover,.task-action-popover button:hover:not(:disabled){background:#f1f6f7;color:#0b7d79}.task-action-popover button.danger{color:#c85f52}.task-action-popover button.danger:hover:not(:disabled){background:#fff6f4;color:#c85f52}.task-action-popover button:disabled{color:#a2afb9;cursor:not-allowed}.task-action-popover button.danger:disabled{color:#d6a29c}.task-action-popover button.danger:disabled svg{animation:spin 1.1s linear infinite}.prompt-modal{width:min(720px,calc(100vw - 64px));padding:24px;border:1px solid rgb(218 231 236 / 86%);border-radius:22px;background:#fff;box-shadow:0 26px 78px #12222d2e}.prompt-modal pre{max-height:58vh;overflow:auto;margin:18px 0 0;white-space:pre-wrap;color:#17212b;font:14px/1.7 inherit}.result-card{padding:9px;border-radius:20px}.result-image{overflow:hidden;display:grid;height:178px;place-items:center;border-radius:16px;color:#0b7d79;text-align:center}.result-meta{min-height:62px;padding:12px 2px 0}.result-meta strong,.result-meta span{display:block}.result-meta strong{color:#17212b;font-size:13px;font-weight:900}.result-meta span{display:-webkit-box;overflow:hidden;margin-top:6px;color:#647482;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.result-actions{display:flex;gap:8px;padding:10px 2px 0}.result-actions button{display:grid;width:32px;height:32px;place-items:center;border:1px solid #dce5ea;border-radius:10px;background:#ffffffd6;color:#647482}.workspace-empty-card{display:grid;width:min(960px,100%);min-height:150px;margin:28px auto 0;place-items:center;border-radius:22px;color:#0b7d79;text-align:center}.workspace-empty-card strong,.workspace-empty-card span{display:block}.workspace-empty-card strong{margin-top:8px;color:#17212b;font-size:16px}.workspace-empty-card span{margin-top:8px;color:#8a99a6;font-size:13px}.loading-card{display:flex;align-items:center;gap:14px;width:min(960px,100%);min-height:86px;margin-top:34px;padding:20px 24px;border-radius:20px;color:#d99b36}.loading-card.failed{color:#cf6b5b}.loading-card.succeeded{color:#12805a}.loading-card>svg{animation:spin 1.1s linear infinite}.loading-card strong,.loading-card span{display:block}.loading-card strong{color:#17212b;font-size:14px}.loading-card span{margin-top:6px;color:#8a99a6;font-size:13px}.loading-card .task-warning-text{color:#c57b1f;font-weight:800}.flow-progress{position:relative;overflow:hidden;width:340px;height:5px;margin-top:13px;border-radius:999px;background:#e8eff1}.flow-progress i{position:absolute;inset:0 auto 0 0;width:48%;border-radius:inherit;background:linear-gradient(90deg,#39c9c5,#a8dbc2,#e9bd6b,#39c9c5);background-size:220% 100%;animation:flow 1.8s linear infinite}.composer{position:absolute;right:clamp(64px,6vw,112px);bottom:24px;left:clamp(64px,6vw,112px);z-index:5;padding:18px 20px 20px;border-color:#d9e4e8;border-radius:24px;box-shadow:0 24px 64px #1f303a1f}.composer:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:25px;background:linear-gradient(105deg,#39c9c5,#e9bd6b);opacity:.22}.mode-indicator{display:inline-flex;align-items:center;flex:0 0 auto;height:34px;padding:0 12px;border:1px solid rgb(205 219 225 / 82%);border-radius:12px;background:#f7fafbdb;color:#7a8a96;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 1px #ffffffe0 inset}.mode-indicator.image-to-image{border-color:#95d7d2a3;background:#eefafa;color:#08736f}.composer textarea{display:block;width:100%;height:70px;margin-top:14px;padding:0;border:0;resize:none;color:#17212b;font-size:16px;line-height:1.5}.composer-main{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:start;margin-top:14px}.composer-mode-badge{position:absolute;top:0;right:0}.composer-main textarea{min-height:72px;margin-top:0}.reference-stack{position:relative;width:104px;height:88px;align-self:center}.reference-stack.empty{display:grid;place-items:center;gap:4px;border:0;background:transparent;color:#9aa8b3;transform:translate(-4px,-4px)}.reference-stack.empty:before{content:"";position:absolute;inset:8px 22px;border:1px solid rgb(213 223 229 / 88%);border-radius:7px;background:linear-gradient(180deg,#ffffffd6,#eff4f6e5);box-shadow:0 10px 24px #1d303c14;transform:rotate(-6deg)}.reference-stack.empty svg,.reference-stack.empty span{position:relative;z-index:1}.reference-stack.empty span{width:44px;font-size:11px;font-weight:800;line-height:1.15}.reference-stack.has-items{z-index:4;transition:width .2s ease}.reference-stack.has-items:hover{width:min(650px,68vw)}.reference-card{--stack-index: 0;position:absolute;top:8px;left:calc(var(--stack-index) * 8px);width:62px;height:70px;overflow:hidden;border:2px solid #fff;border-radius:8px;background:#f7fafb;box-shadow:0 12px 24px #1d303c24;transform:rotate(calc(-8deg + var(--stack-index) * 5deg));transform-origin:50% 100%;transition:left .22s ease,transform .22s ease,box-shadow .22s ease}.reference-stack:hover .reference-card{left:calc(var(--stack-index) * 64px);transform:rotate(0) translateY(-3px);box-shadow:0 16px 30px #1d303c29}.reference-card img,.reference-cell img,.asset-thumb img,.result-image img{width:100%;height:100%;object-fit:contain;background:#f7fafb}.reference-card span{position:absolute;top:0;left:0;max-width:100%;padding:3px 7px;border-radius:999px;background:#121b22d1;color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}.reference-stack:hover .reference-card span{opacity:1;transform:translateY(0)}.reference-card button,.reference-cell button{position:absolute;top:3px;right:3px;display:grid;width:20px;height:20px;place-items:center;border:0;border-radius:999px;background:#121b22ad;color:#fff;opacity:0;transition:opacity .16s ease}.reference-stack:hover .reference-card button{opacity:1}.reference-card.uploaded{border-color:#87d2b8c7}.reference-card.failed,.reference-cell.failed{border-color:#e29180c7}.reference-card.uploading:after,.reference-card.queued:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgb(255 255 255 / 56%),transparent);animation:shimmer 1.4s linear infinite}.reference-more{position:absolute;right:1px;bottom:5px;display:grid;min-width:22px;height:22px;place-items:center;border:2px solid #fff;border-radius:999px;background:#eef6f7;color:#667783;font-size:11px;font-weight:900;box-shadow:0 8px 18px #1d303c1f}.reference-add-button{position:absolute;left:48px;bottom:8px;z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:28px;height:28px;line-height:1;overflow:hidden;padding:0;border:1px solid rgb(218 226 231 / 92%);border-radius:999px;background:#fffffff0;color:#667783;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px #1d303c1f;transition:left .22s ease,width .2s ease,padding .2s ease,color .2s ease,background .2s ease,border-color .2s ease}.reference-add-button svg{flex:0 0 14px;width:14px;height:14px;display:block}.reference-add-button span{display:inline-block;max-width:0;opacity:0;overflow:hidden;line-height:1;transition:max-width .2s ease,opacity .16s ease}.reference-add-button:hover,.reference-stack:hover .reference-add-button{left:70px;width:112px;padding:0 10px;border-color:#cddbe1eb;background:#fffffff5;color:#667783}.reference-stack.count-2:hover .reference-add-button{left:132px}.reference-stack.count-3:hover .reference-add-button{left:196px}.reference-stack.count-4:hover .reference-add-button{left:260px}.reference-stack.count-5:hover .reference-add-button{left:324px}.reference-stack.count-6:hover .reference-add-button{left:388px}.reference-stack.count-7:hover .reference-add-button{left:452px}.reference-stack.count-8:hover .reference-add-button{left:516px}.reference-add-button:hover span,.reference-stack:hover .reference-add-button span{max-width:76px;opacity:1}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.composer-left-actions{position:relative;z-index:24;display:flex;align-items:center;gap:6px;min-width:0}.composer-right-actions{position:relative;z-index:22;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.composer-left-actions>*,.composer-right-actions>*{flex:0 0 auto}.size-menu-wrap,.reference-menu-wrap,.quality-menu-wrap,.fidelity-menu-wrap,.format-menu-wrap{position:relative}.size-menu-trigger,.reference-menu-trigger,.quality-menu-trigger,.fidelity-menu-trigger,.format-menu-trigger{gap:6px;height:34px;padding:0 10px;border-radius:12px;font-size:13px;font-weight:800}.size-menu-trigger{min-width:158px}.reference-menu-trigger{min-width:106px}.quality-menu-trigger,.fidelity-menu-trigger,.format-menu-trigger{min-width:88px}.size-menu-trigger,.quality-menu-trigger,.reference-menu-trigger,.fidelity-menu-trigger,.format-menu-trigger{white-space:nowrap}.size-menu-trigger.active,.reference-menu-trigger.active,.quality-menu-trigger.active,.fidelity-menu-trigger.active,.format-menu-trigger.active{border-color:#95d7d299;background:#eefafa;color:#08736f}.size-menu-trigger.active svg:last-child,.reference-menu-trigger.active svg:last-child,.quality-menu-trigger.active svg:last-child,.fidelity-menu-trigger.active svg:last-child,.format-menu-trigger.active svg:last-child{transform:rotate(180deg)}.size-popover,.reference-popover,.quality-popover,.fidelity-popover,.format-popover{position:absolute;bottom:calc(100% + 10px);left:0;z-index:12;width:184px;padding:10px;border:1px solid rgb(226 234 238 / 86%);border-radius:14px;background:#fff;box-shadow:0 18px 46px #182a3624;transform-origin:18px calc(100% + 8px);opacity:0;pointer-events:none;transform:translateY(6px) scale(.96);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;visibility:hidden}.size-popover{display:grid;gap:4px;width:244px;max-height:min(560px,calc(100vh - 190px));overflow-y:auto;overscroll-behavior:contain}.quality-popover{width:124px}.fidelity-popover{width:136px}.format-popover{width:128px}.size-popover.open,.reference-popover.open,.quality-popover.open,.fidelity-popover.open,.format-popover.open{background:#fff;box-shadow:0 22px 54px #182a362e,0 1px #ffffffeb inset}.size-popover.open,.reference-popover.open,.quality-popover.open,.fidelity-popover.open,.format-popover.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s ease,visibility 0s;visibility:visible}.size-popover>span,.reference-popover>span,.quality-popover>span,.fidelity-popover>span,.format-popover>span{display:block;padding:4px 8px 8px;color:#8a99a6;font-size:12px;font-weight:800}.size-popover button,.reference-popover button,.quality-popover button,.fidelity-popover button,.format-popover button{display:flex;align-items:center;gap:9px;width:100%;height:36px;padding:0 9px;border:0;border-radius:10px;background:transparent;color:#17212b;font-size:13px;font-weight:800;text-align:left}.size-popover button{justify-content:space-between;gap:12px}.size-popover button strong{color:inherit;font-size:13px}.size-popover button em{color:#8a99a6;font-size:12px;font-style:normal}.size-popover button.selected,.size-popover button:hover,.quality-popover button:hover,.quality-popover button.selected,.fidelity-popover button:hover,.fidelity-popover button.selected,.format-popover button:hover,.format-popover button.selected{background:#f1f6f7;color:#0b7d79}.size-popover button.selected em,.size-popover button:hover em{color:#0b7d79}.send-button{width:88px;height:44px}.hint{display:block;margin-top:10px;color:#8a99a6;font-size:12px}.custom-size-backdrop{align-items:flex-end;justify-content:center;padding-bottom:118px}.custom-size-modal{width:min(420px,calc(100vw - 48px));padding:18px;border:1px solid rgb(226 234 238 / 86%);border-radius:20px;background:#fffffff5;box-shadow:0 22px 60px #182a3629}.custom-size-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.custom-size-fields label{display:grid;gap:8px;color:#647482;font-size:12px;font-weight:800}.custom-size-fields input{width:100%;height:44px;border-radius:12px;font-weight:800}.custom-size-state{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f3f8f8;color:#647482;font-size:12px;font-weight:800}.custom-size-state.valid{background:#eaf9f7;color:#08736f}.custom-size-state.invalid{background:#fff1f1;color:#d14242}.repair-size-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:38px;margin-top:10px;border:1px solid rgb(210 225 230 / 86%);border-radius:12px;background:#ffffffd1;color:#0b7d79;font-size:13px;font-weight:800}.drop-overlay{position:absolute;right:64px;bottom:194px;left:64px;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px;height:92px;border:1px dashed rgb(69 190 184 / 62%);border-radius:22px;background:#ffffffe0;color:#0b7d79;font-size:15px;font-weight:800;box-shadow:0 18px 52px #1d303c1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.asset-page{display:grid;grid-template-rows:72px 1fr;min-height:0;height:100%;overflow:hidden;background:#f6f9f9}.asset-topbar{position:relative}.asset-content{min-height:0;overflow-y:auto;padding:34px 48px}.asset-toolbar,.pagination{display:flex;align-items:center;justify-content:space-between}.asset-toolbar{margin-bottom:18px}.asset-toolbar strong{display:block;color:#111a21;font-size:20px}.asset-toolbar span,.asset-meta span,.asset-meta em{color:#8a99a6;font-size:13px}.inline-state{display:inline-flex;align-items:center;gap:8px;font-weight:800}.inline-state svg{animation:spin 1.1s linear infinite}.notice-bar{margin-bottom:18px;padding:12px 14px;border:1px solid rgb(232 202 137 / 50%);border-radius:14px;background:#fff9ebd1;color:#9a6b16;font-size:13px;font-weight:800}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:22px;max-width:760px}.asset-card{position:relative;overflow:hidden;border:1px solid rgb(226 234 238 / 86%);border-radius:18px;background:#ffffffdb;cursor:pointer;box-shadow:0 18px 42px #1d303c12,0 1px #ffffffe0 inset}.asset-delete-button{position:absolute;top:10px;right:10px;z-index:2;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgb(255 255 255 / 76%);border-radius:11px;background:#ffffffe0;color:#cf6b5b;opacity:0;box-shadow:0 12px 28px #182a3624;transition:opacity .16s ease,transform .16s ease;transform:translateY(-4px)}.asset-card:hover .asset-delete-button,.asset-delete-button:focus-visible,.asset-delete-button:disabled{opacity:1;transform:translateY(0)}.asset-delete-button:disabled{cursor:wait}.asset-thumb{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;padding:0;border:0;border-bottom:1px solid rgb(232 239 242 / 82%);background:#f4f8f9;color:#0b7d79;cursor:zoom-in}.asset-meta{display:grid;gap:10px;min-height:92px;padding:13px 14px 14px}.asset-meta strong{display:-webkit-box;overflow:hidden;color:#17212b;font-size:14px;font-weight:900;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.asset-meta div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.asset-meta em{font-style:normal;white-space:nowrap}.pagination{width:220px;margin:28px 0 0}.pagination button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgb(205 219 225 / 78%);border-radius:12px;background:#ffffffc7;color:#647482}.pagination span{color:#647482;font-size:13px;font-weight:800}.asset-picker-modal{width:min(760px,calc(100vw - 64px));max-height:calc(100vh - 64px);overflow:auto;padding:22px;border:1px solid rgb(226 234 238 / 92%);border-radius:22px;background:#fffffff5;box-shadow:0 30px 90px #182a362e}.asset-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:230px;margin-top:20px}.asset-picker-grid button{overflow:hidden;aspect-ratio:1 / 1;padding:0;border:1px solid rgb(226 234 238 / 88%);border-radius:12px;background:#f4f8f9;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.asset-picker-grid button:hover:not(:disabled){border-color:#71cfc9b8;box-shadow:0 16px 34px #1d303c1f;transform:translateY(-2px)}.asset-picker-grid button:disabled{cursor:not-allowed;opacity:.58}.asset-picker-grid img{display:block;width:100%;height:100%;object-fit:cover}.asset-picker-state{grid-column:1 / -1;display:grid;place-items:center;gap:8px;color:#8a99a6;font-size:13px;font-weight:800}.asset-picker-state svg{animation:spin 1.1s linear infinite}.asset-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:#8a99a6;font-size:13px;font-weight:800}.pagination.compact{gap:8px;margin:0}.pagination.compact button{width:34px;height:34px}.asset-detail-modal{width:min(860px,calc(100vw - 64px));max-height:calc(100vh - 64px);overflow:auto;padding:24px;border:1px solid rgb(226 234 238 / 92%);border-radius:22px;background:#fff;box-shadow:0 30px 90px #182a362e}.asset-detail-body{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:22px;margin-top:22px}.asset-detail-body>img{width:100%;border-radius:12px;background:#f4f8f9;object-fit:contain}.asset-detail-copy{display:grid;gap:16px}.asset-detail-copy label{display:grid;gap:8px}.asset-detail-copy span{color:#8a99a6;font-size:12px;font-weight:900}.asset-detail-copy p,.asset-detail-copy pre{margin:0;color:#17212b;font-size:14px;line-height:1.65}.asset-detail-copy pre{max-height:260px;overflow:auto;padding:12px;border-radius:12px;background:#f5f8f9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.empty-studio-body{display:grid;place-items:center;align-content:center;gap:18px;min-height:640px;color:#647482}.empty-studio-body strong{color:#17212b;font-size:20px}.empty-studio-body .primary-button{min-width:132px}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#10181e3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-key-modal{width:460px;padding:24px;border:1px solid rgb(226 234 238 / 92%);border-radius:22px;background:#fffffff0;box-shadow:0 30px 90px #182a362e}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-head h3{margin:0;color:#111a21;font-size:20px}.modal-head span{display:block;margin-top:6px;color:#8a99a6;font-size:13px;font-weight:700}.modal-head-actions{display:flex;gap:8px}.modal-head button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dce5ea;border-radius:11px;background:#ffffffc7;color:#647482}.modal-head .modal-delete-button{color:#cf6b5b}.modal-head .modal-delete-button:disabled{opacity:.68;cursor:wait}.api-key-field{display:grid;gap:9px;margin-top:24px;color:#647482;font-size:13px;font-weight:800}.api-key-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.field-error{margin-top:12px;color:#cf6b5b;font-size:13px;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions .ghost-button,.modal-actions .primary-button{min-width:96px}@keyframes shimmer{0%,62%{transform:translate(-140%)}to{transform:translate(140%)}}@keyframes flow{0%{transform:translate(-8%);background-position:0 0}to{transform:translate(125%);background-position:220% 0}}@keyframes spin{to{transform:rotate(360deg)}}:root{color:#121b22;background:#e9eef1}.workspace-screen{border-color:#c6d3dab8;background:linear-gradient(90deg,#fffffff0 0 292px,#f6f9f9f5 292px 100%),#f6f9f9;box-shadow:0 36px 100px #182a3624,0 1px #ffffffe5 inset}.sidebar,.topbar{background:#ffffffbd;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.sidebar{border-right-color:#d7e2e7b8}.topbar{height:72px;border-bottom-color:#dae4e8b8}.brand-mark{background:transparent;box-shadow:none}.mini-brand strong,.topbar h2{color:#111a21;font-weight:800}.new-session,.send-button,.login-card .primary-button,.prompt-preview button{border:1px solid transparent;background:linear-gradient(112deg,#e7fdf9f5,#eef6fff5 48%,#f9ebcbf5) padding-box,linear-gradient(112deg,#4fcdc794,#eec57299) border-box;color:#12232a;box-shadow:0 18px 42px #48aaa524,0 1px #ffffffe5 inset}.new-session:after,.send-button:after,.login-card .primary-button:after{animation-duration:6s;background:linear-gradient(110deg,transparent 0%,rgb(255 255 255 / 22%) 48%,transparent 72%)}.primary-button:not(.new-session):not(.send-button):not(.login-card .primary-button){background:linear-gradient(112deg,#e8fcf9f2,#eff7fff2,#faeed3f2) padding-box,linear-gradient(112deg,#49cbc58a,#ebc2718a) border-box;color:#12232a}.ghost-button,.result-actions button,.user-pill{border-color:#cddbe1c7;background:#ffffffb8;box-shadow:0 1px #ffffffd9 inset}.soft-badge,.mode-indicator.image-to-image{border-color:#95d7d275;background:linear-gradient(135deg,#ebfbf8f5,#f4f9fff5);color:#08736f;box-shadow:0 8px 18px #33969112}.conversation{padding:46px clamp(64px,6vw,112px) calc(var(--composer-safe-space) + 52px);background:radial-gradient(circle at 50% 2%,rgb(255 255 255 / 92%),transparent 30%),radial-gradient(circle at 72% 30%,rgb(231 242 241 / 62%),transparent 28%),#f6f9f9}.message-card{width:min(960px,100%);margin-left:0;border-color:#e2eaeedb;background:#ffffffd1;box-shadow:0 22px 52px #1d303c12,0 1px #ffffffe5 inset}.result-row{position:relative;width:min(980px,100%);margin:28px 0 0;padding:8px 10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border:1px solid rgb(226 234 238 / 70%);border-radius:26px;background:linear-gradient(180deg,#ffffff8c,#f6fafa66);box-shadow:0 20px 60px #1d303c0f}.result-row.result-count-1{width:244px;grid-template-columns:1fr}.result-row.result-count-2{width:476px;grid-template-columns:repeat(2,minmax(0,1fr))}.result-card{min-width:0;border-color:#ebf0f2e0;background:#ffffffbd;box-shadow:0 16px 42px #1d303c14,0 1px #ffffffe5 inset}.result-image,.preview-image,.session-thumb{background:radial-gradient(circle at 70% 28%,rgb(255 255 255 / 58%),transparent 28%),linear-gradient(135deg,#e2f5f2,#dfeaff)}.result-image.blue,.preview-image.blue,.thumb-1{background:radial-gradient(circle at 72% 24%,rgb(255 255 255 / 58%),transparent 30%),linear-gradient(135deg,#e9f0ff,#f2edff)}.result-image.warm,.preview-image.warm,.thumb-2{background:radial-gradient(circle at 72% 24%,rgb(255 255 255 / 62%),transparent 30%),linear-gradient(135deg,#fff5df,#ecf7ef)}.loading-card{width:min(960px,100%);margin-left:0;border-color:#e2eaeedb;background:#ffffffd1;box-shadow:0 22px 54px #1d303c12,0 1px #ffffffe5 inset}.flow-progress{width:348px;height:4px;background:#e1eaedc7}.flow-progress i{width:54%;background:linear-gradient(90deg,#8adbd6,#cbdcf4,#e8c98a,#8adbd6);background-size:240% 100%;filter:saturate(.9)}.composer{right:clamp(64px,6vw,112px);bottom:24px;left:clamp(64px,6vw,112px);border:1px solid rgb(214 225 230 / 92%);background:#fff;box-shadow:0 24px 70px #1d303c1a,0 1px #fffffff0 inset}.composer:before{display:none}.mode-indicator{background:#f1f6f7c7;box-shadow:0 1px #ffffffe5 inset}.composer textarea{color:#1c2830}.session-item{border-color:#e1eaeed1;background:#ffffff9e;box-shadow:0 1px #ffffffdb inset}.session-item.active{border-color:#97d7d294;background:linear-gradient(135deg,#eafaf7eb,#f8fcfceb);box-shadow:0 14px 34px #33969114,0 1px #ffffffe5 inset}.asset-library-entry{background:linear-gradient(135deg,#fcffffe5,#f0faf8eb);border-color:#b8e0dc94;box-shadow:0 18px 42px #1d303c14,0 1px #ffffffe0 inset}@media(max-width:920px){.conversation{--composer-safe-space: 260px;padding:28px 24px calc(var(--composer-safe-space) + 24px)}.task-record-list{width:100%;margin-left:0}.task-record.pending .loading-card{margin-left:0}.loading-card{width:100%;margin-left:0}.flow-progress{width:min(100%,320px)}.composer{right:24px;bottom:22px;left:24px}}@media(max-width:680px){.conversation{--composer-safe-space: 300px;padding-right:16px;padding-left:16px}.composer{right:14px;left:14px;padding:14px;border-radius:20px}.composer-main{grid-template-columns:82px minmax(0,1fr);gap:8px}.reference-stack{width:78px}.reference-stack.empty:before{inset:12px 14px 10px}.composer-footer{align-items:flex-end;gap:10px}.mode-indicator{display:none}}
