:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#29312c;background:#fafaf7;font-synthesis:none;--green:#254d3b;--muted:#8a8d83;--line:#e5e7df}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #638a53;outline-offset:3px}a{color:inherit;text-decoration:none}.hidden{display:none!important}.app{display:flex;height:100dvh}.sidebar{width:248px;flex-shrink:0;background:#f0f1eb;border-right:1px solid var(--line);padding:32px 20px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px;font-size:23px;font-weight:650;letter-spacing:2px}.brand-icon{width:42px;height:42px;background:var(--green);color:#e4ebd4;display:grid;place-items:center;border-radius:13px;font-family:serif;font-size:26px}.brand span:not(.brand-icon){display:block;font-size:9px;letter-spacing:2.5px;color:#8b9288;margin-top:5px}.new-chat{background:var(--green);color:#fff;border:0;border-radius:9px;margin:32px 0 28px;padding:14px;text-align:left;font-size:13px}.new-chat kbd{float:right;background:#ffffff17;color:#c7d8c9;border:1px solid #ffffff20;padding:0 5px;border-radius:3px}.section-caption{font-size:10px;color:#999e92;letter-spacing:1.5px;margin:0 12px 12px}.nav{display:flex;gap:12px;align-items:center;border:0;background:transparent;border-radius:7px;padding:13px 14px;text-align:left;font-size:13px}.nav.active{background:#e3e8db;color:#2b4e37}.nav small{margin-left:auto;color:#83917b}.recent-title{margin-top:35px}.conversations{overflow:auto;flex:1}.conversation{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;text-align:left;border-radius:6px;padding:12px;font-size:12px;color:#7c8175}.conversation.selected{color:#2d4939;background:#e6eadf}.sidebar-foot{font-size:10px;color:#909887;display:flex;align-items:center;gap:7px;padding:16px 5px 0;border-top:1px solid #e0e4d9}.online-dot{background:#749662;width:6px;height:6px;border-radius:50%}.sidebar-foot button{background:none;border:0;font-size:20px;margin-left:auto}main{flex:1;min-width:0;display:flex;flex-direction:column}header{height:79px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-shrink:0}.breadcrumb{font-size:11px;color:#92978c}.breadcrumb span{padding:0 15px;color:#c8cbc2}.breadcrumb strong{font-weight:500;color:#4f574c}.context-pill{font-size:10px;color:#8b9582;border:1px solid #e2e7db;border-radius:20px;padding:7px 12px;background:#f4f6ef}.chat-view{display:flex;flex-direction:column;flex:1;min-height:0}.messages{overflow:auto;flex:1;padding:30px max(30px,calc((100% - 890px)/2));scroll-behavior:smooth}.welcome{padding-top:65px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;color:#97a087}.welcome h1{font-size:44px;line-height:1.5;font-weight:500;letter-spacing:-1px;margin:18px 0}.welcome h1 em{font-style:normal;color:#72805d}.welcome p{font-size:13px;color:#8c9286;line-height:2.1}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.suggestions button{background:#fff;border:1px solid var(--line);padding:20px 17px;text-align:left;border-radius:10px;font-size:12px}.suggestions button>span{display:block;font-size:22px;color:#8a9a70;margin-bottom:16px}.suggestions small{display:block;font-size:10px;color:#a2a699;margin-top:7px}.suggestions button:hover{border-color:#96a77f;background:#fcfdf9}.composer-wrap{padding:14px max(30px,calc((100% - 890px)/2)) 22px;background:linear-gradient(transparent,#fafaf7 20%)}.composer{background:#fff;border:1px solid #dfe4d7;border-radius:14px;box-shadow:0 6px 22px #25381705;padding:17px}.composer:focus-within{border-color:#9fae8c}.composer textarea{border:0;outline:0!important;resize:none;background:transparent;width:100%;line-height:1.7;font-size:13px;color:#343f32;max-height:180px;min-height:50px}.composer textarea::placeholder{color:#b0b4a9}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.composer-tools{display:flex;align-items:center;gap:12px}.composer-tools button{background:#f4f6f0;border:0;border-radius:7px;width:30px;height:30px;font-size:21px;color:#81916e}.composer-tools select{border:0;background:transparent;font-size:11px;color:#78826d}.composer-tools>span{border-left:1px solid var(--line);padding-left:14px;font-size:10px;color:#b0b5a5}.primary{border:0;background:var(--green);color:white;padding:11px 17px;border-radius:8px;font-size:12px}.primary span{margin-left:16px}.composer-note{text-align:center;font-size:9px;color:#b0b5a7;letter-spacing:.4px;margin-top:12px}.uploads{display:flex;gap:10px;margin-bottom:9px;flex-wrap:wrap}.upload-chip{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:5px;background:white;font-size:10px;max-width:210px}.upload-chip img{width:40px;height:40px;object-fit:cover;border-radius:5px}.upload-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-chip button{border:0;background:none;color:#9ba48f}.turn{margin:8px 0 35px}.user-message{margin-left:auto;max-width:85%;background:#edf0e5;border:1px solid #e4e8d8;border-radius:14px 14px 2px 14px;padding:15px 18px;white-space:pre-wrap;font-size:13px;line-height:1.8;width:fit-content}.input-images{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.input-images img{width:72px;height:72px;border-radius:9px;object-fit:cover}.assistant-label{font-size:10px;color:#8b957e;display:flex;gap:8px;align-items:center;margin:23px 0 13px}.mini-logo{background:#e6ebdc;color:#597248;border-radius:5px;padding:4px 6px}.result-images{display:flex;gap:12px;flex-wrap:wrap}.result-image{padding:0;border:0;background:transparent;max-width:100%;position:relative}.result-image img{display:block;max-width:100%;max-height:440px;border-radius:12px}.assistant-text{font-size:12px;white-space:pre-wrap;line-height:1.9;color:#69735f;margin-top:14px;overflow-wrap:anywhere}.status{display:flex;align-items:center;gap:9px;font-size:12px;color:#839072;padding:20px 0}.spinner{width:13px;height:13px;border:2px solid #e0e7d5;border-top-color:#79925c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#9a624f;font-size:12px;line-height:1.8;background:#f7eee8;padding:12px;border-radius:8px}.action-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;align-items:center}.action-row button,.action-row a{background:none;border:0;padding:0;color:#87927a;font-size:10px}.action-row button:hover,.action-row a:hover{color:#2d573c}.timeline{padding:10px 0;font-size:11px;color:#89927f}.timeline summary{cursor:pointer}.timeline ol{padding:5px 0 0 18px;line-height:2}.timeline time{color:#a7ae9f;margin-right:12px}.gallery-view{padding:44px;overflow:auto}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.gallery-heading h1{font-size:27px;font-weight:500;margin:14px 0}.gallery-heading p{font-size:11px;color:#939b88}.gallery-heading input{border:1px solid var(--line);border-radius:8px;background:white;padding:12px 15px;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.gallery-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;padding:0;text-align:left}.gallery-card img{width:100%;height:210px;object-fit:cover;display:block}.gallery-card div{padding:15px}.gallery-card p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px}.gallery-card small{font-size:9px;color:#a2aa96}.empty{padding:60px 0;color:#939d85;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#304d3b;color:white;padding:12px 22px;border-radius:8px;font-size:12px;box-shadow:0 5px 25px #0002}.login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#e6ebdc,transparent 65%),#f7f8f2}.login-card{width:min(420px,90vw);padding:38px;background:#ffffffb3;border:1px solid white;border-radius:22px;box-shadow:0 20px 100px #3a4e1910}.login-card .brand-icon{margin-bottom:36px}.login-card h1{font-size:27px;font-weight:500}.login-card p{color:#919984;font-size:12px;line-height:1.8}.login-card label{display:block;font-size:11px;color:#7b886b;margin:28px 0 9px}.login-card input{width:100%;padding:13px;border:1px solid #dbe2ce;border-radius:8px;background:#fff}.login-card .primary{width:100%;margin-top:14px;padding:14px}.login-card #loginError{color:#ad6752}dialog{border:1px solid #e1e6d8;border-radius:17px;padding:26px;max-width:1000px;width:90vw;max-height:92dvh;color:#34422e;background:#fafbf7}dialog::backdrop{background:#1b291bb8;backdrop-filter:blur(7px)}.close{position:sticky;float:right;top:0;border:0;border-radius:50%;background:#e9eddf;font-size:22px;width:32px;height:32px;z-index:2}.detail-image{max-width:100%;max-height:55vh;display:block;margin:auto;border-radius:10px}.detail-text{white-space:pre-wrap;line-height:1.9;font-size:13px;margin-top:22px}.detail-caption{font-size:10px;color:#9aa58b;margin-top:12px;overflow-wrap:anywhere}.detail-revised{font-size:11px;line-height:1.7;color:#859174;white-space:pre-wrap}.detail-revised summary{cursor:pointer;margin-top:18px}
@media(min-width:1600px){.welcome{padding-top:12vh}}@media(max-width:1050px){.sidebar{width:205px;padding:26px 14px 14px}header{padding:0 26px}.welcome{padding-top:35px}.welcome h1{font-size:36px}.suggestions{gap:8px}.suggestions button{padding:14px 11px}.gallery-view{padding:26px}.gallery-heading{flex-wrap:wrap}}@media(max-width:700px){.app{flex-direction:column}.sidebar{width:100%;padding:12px 16px;flex-direction:row;align-items:center;gap:10px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:18px;padding:0}.brand-icon{width:32px;height:32px;font-size:22px;border-radius:9px}.brand span:not(.brand-icon),.section-caption,.conversations,.sidebar-foot,.new-chat kbd{display:none}.new-chat{margin:0 0 0 auto;font-size:11px;padding:10px}.nav{padding:10px;font-size:12px}.nav span{display:none}main{min-height:0}header{height:51px;padding:0 18px}.breadcrumb{font-size:10px}.context-pill{font-size:9px}.messages{padding:20px}.welcome{padding-top:14px}.welcome h1{font-size:31px}.welcome p{font-size:12px}.suggestions{margin-top:24px}.suggestions button{font-size:10px;padding:12px 9px}.suggestions small{display:none}.suggestions button>span{margin-bottom:10px}.composer-wrap{padding:8px 14px 14px}.composer{padding:13px}.composer-tools>span{display:none}.composer textarea{font-size:12px}.primary{font-size:11px}.gallery-view{padding:22px 18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card img{height:150px}.gallery-card div{padding:10px}.gallery-heading h1{font-size:23px}.gallery-heading input{width:100%}.user-message{max-width:94%}.composer-note{font-size:8px}}
/* Minimal library layout, based on the user's supplied reference. */
:root{color-scheme:dark;--green:#ececec;--line:#303234;--muted:#939797;color:#ececec;background:#191919;font-family:Arial,"Microsoft YaHei",sans-serif}body{background:#191919}.sidebar{width:218px;background:#202426;border-color:#303437;padding:24px 14px 16px}.brand{font-size:16px;letter-spacing:0;padding:0 9px;gap:10px}.brand-icon{background:#353d40;color:#f0f0f0;font-size:21px;width:33px;height:33px;border-radius:9px}.new-chat{background:#2d3336;color:#e7eaeb;margin:26px 0 12px;padding:13px;font-size:12px}.nav{color:#b7bdc0;padding:12px 13px;font-size:13px}.nav.active{background:#353c40;color:white}.nav small{color:#7c888c}.section-caption{color:#717c80;font-size:10px;letter-spacing:0;margin:25px 12px 10px}.conversation{color:#9fa9ae;font-size:12px;padding:11px 12px}.conversation.selected{color:#eee;background:#303639}.sidebar-foot{border-top:1px solid #343b3e;font-size:11px;color:#879599;gap:9px}.sidebar-foot button{color:#a1aaad}.context-pill{padding:0;border:0;background:none;color:#8f999c;font-size:10px}.online-dot{background:#6c8d78}.folder-list{max-height:30vh;overflow:auto}header{height:70px;border:0;padding:0 34px;justify-content:flex-start}header strong{font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{padding:24px max(28px,calc((100% - 820px)/2))}.welcome{height:100%;display:flex;align-items:center;justify-content:center;padding:0}.welcome h1{font-size:26px;font-weight:500;letter-spacing:0;margin:0;color:#d4d6d6}.composer-wrap{padding:10px max(28px,calc((100% - 820px)/2)) 28px;background:#191919}.composer{background:#303234;border:1px solid #3a3d3e;border-radius:20px;box-shadow:none;padding:15px 17px}.composer:focus-within{border-color:#53595c}.composer textarea{color:#e9eaea;font-size:13px;min-height:40px}.composer textarea::placeholder{color:#8c9193}.composer-bottom{margin-top:6px}.composer-tools button{background:none;color:#c6cbcd;font-size:23px}.composer-tools select{color:#afb7bb;font-size:11px}.primary{background:#e6e8e8;color:#25292b}.composer .primary{border-radius:50%;font-size:23px;width:34px;height:34px;padding:0}.user-message{background:#303435;border:0;color:#e5e7e7}.assistant-label{color:#7f8c91;font-size:9px}.mini-logo{color:#bac8cf;background:#2c383d}.assistant-text{color:#bbc4c8}.action-row a,.action-row button{color:#8c9ca4;font-size:11px}.action-row a:hover,.action-row button:hover{color:#fff}.timeline{color:#809099}.timeline time{color:#67747a}.status{color:#9daeb6;line-height:1.7}.cancel{background:transparent;color:#a5b1b5;border:1px solid #4d5a60;border-radius:5px;font-size:10px;margin-left:10px;padding:3px 7px}.spinner{border-color:#39444a;border-top-color:#afc4ce}.error{color:#d5a496;background:#3a2d29}.upload-chip{background:#2b3134;border-color:#444e53;color:#aebbc0}.upload-chip button{color:#afbec4}.gallery-view{padding:0 34px 40px}.gallery-heading{margin:0 0 20px;justify-content:flex-start}.gallery-heading input{background:#25282a;border-color:#363c3f;color:#ccc;padding:10px 13px;width:240px}.gallery{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.gallery-card{position:relative;border:0;border-radius:14px;background:#2b3033}.gallery-card img{height:290px;width:100%;object-fit:cover}.gallery-card>div:not(.record-placeholder){position:absolute;bottom:0;left:0;right:0;padding:12px;background:#151718b5;opacity:0;transition:opacity .15s}.gallery-card:hover>div,.gallery-card:focus-visible>div{opacity:1}.gallery-card p{color:#e3e8ea;font-size:11px}.gallery-card small{color:#98a6ad}.record-placeholder{height:290px;display:grid;place-items:center;color:#85949c;font-size:12px}.empty{color:#77878f;font-size:12px}.toast{background:#414c51;color:#e4eaec}.login{background:#191d1f}.login-card{background:#242a2d;border:1px solid #3a4347;box-shadow:none}.login-card label{color:#a9b6bc}.login-card input{background:#1d2225;border-color:#46535a;color:white}.login-card p{color:#98a8b0}dialog{background:#202629;border-color:#404d54;color:#e1e7ea}.close{color:#d5e0e6;background:#39464d}.detail-caption{color:#8c9da6}.detail-revised{color:#a8b6bd}dialog::backdrop{background:#080c10c9}.result-image img{border:1px solid #344049}.timeline{margin-top:10px}.turn>.timeline{display:none}.turn>.action-row{display:none}.turn:hover>.action-row,.turn:focus-within>.action-row{display:flex}
@media(min-width:1600px){.welcome{padding-top:0}}@media(max-width:1050px){.sidebar{width:190px}.gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-card img{height:240px}.welcome{padding-top:0}.welcome h1{font-size:26px}}@media(max-width:700px){.app{flex-direction:row}.sidebar{width:66px;flex-direction:column;padding:18px 7px 12px;gap:0;align-items:stretch;border-right:1px solid #303437;border-bottom:0}.brand{padding:0;justify-content:center}.brand>div,.nav span,.nav small,.new-chat,.sidebar-foot #quota,.conversations,.folder-list,.section-caption{display:none}.brand-icon{width:33px;height:33px}.nav{margin-top:15px;justify-content:center;padding:12px;font-size:20px}.sidebar-foot{margin-top:auto;flex-direction:column;padding:15px 0 0;gap:15px}.sidebar-foot button{margin:0}.messages{padding:16px}.composer-wrap{padding:8px 12px 16px}.welcome h1{font-size:20px}.composer{padding:13px;border-radius:16px}.composer textarea{font-size:12px}header{padding:0 18px;height:62px}.gallery-view{padding:0 15px 20px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-card img{height:180px}.gallery-heading{margin-bottom:15px}.gallery-heading input{width:100%}.gallery-card>div:not(.record-placeholder){display:none}.turn>.action-row{display:flex}.record-placeholder{height:180px}dialog{width:94vw;padding:18px}.sidebar .nav:first-of-type{margin-top:28px}}
.mobile-menu,.sidebar-shade{display:none}
@media(max-width:700px){.mobile-menu{display:block;position:fixed;top:16px;left:15px;z-index:5;background:none;border:0;color:#b9c4ca;font-size:20px;width:32px;height:32px}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:230px;z-index:10;flex-direction:column;align-items:stretch;padding:24px 14px 16px}.menu-open .sidebar{display:flex}.menu-open .sidebar-shade{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:9}.sidebar .brand>div,.sidebar .nav span,.sidebar .nav small,.sidebar .new-chat,.sidebar .sidebar-foot #quota,.sidebar .conversations,.sidebar .folder-list,.sidebar .section-caption{display:block}.sidebar .brand{justify-content:flex-start;padding:0 9px}.sidebar .nav{justify-content:flex-start;font-size:13px;margin-top:0}.sidebar .new-chat{margin:25px 0 12px}.sidebar .sidebar-foot{flex-direction:row;gap:9px}.sidebar .sidebar-foot button{margin-left:auto}.sidebar .section-caption{margin-top:25px}.sidebar .conversations{flex:1}.sidebar .nav:first-of-type{margin-top:0}header{padding-left:58px}.app{display:flex}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.side-action{display:block;width:100%;text-align:left;padding:9px 12px;border:0;background:transparent;color:#a6b4ba;font-size:11px}.side-action:hover{color:#fff;background:#30393e;border-radius:5px}.folder-tools{margin:5px 0 12px}.folder-row{display:flex;align-items:center}.folder-row .conversation{flex:1;min-width:0}.folder-row .rename-folder{flex:0 0 24px;padding:6px 2px;background:transparent;border:0;color:#7f929b;font-size:14px}.folder-row .rename-folder:hover{color:#fff}.folder-list{max-height:26vh;overflow:auto}.folder-list small{font-size:9px;color:#6e8089;margin-left:5px}.selection-tools{padding:12px 8px;border-top:1px solid #344148;margin-top:12px;font-size:11px;color:#a6b9c4}.selection-tools select{width:100%;margin:12px 0 5px;padding:8px;background:#29343a;border:1px solid #40525c;border-radius:5px;color:#c2d0d9;font-size:11px}.selection-tools .side-action{padding:8px 0}.small-dialog{width:min(400px,90vw);padding:25px}.small-dialog h2{font-weight:500;font-size:18px;margin:0 0 22px}.small-dialog label{display:block;font-size:12px;color:#aab9c1;margin-bottom:8px}.small-dialog input{width:100%;background:#172128;color:#e4edf2;border:1px solid #465c69;border-radius:7px;padding:11px}.small-dialog p{color:#d7a798;font-size:11px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.dialog-actions button{border:0;border-radius:7px;padding:9px 16px;font-size:12px}.gallery-preview{display:block;width:100%;border:0;padding:0;background:none;color:inherit;text-align:left}.gallery-card{overflow:hidden}.gallery-caption{pointer-events:none}.gallery-card .version-badge{position:absolute;bottom:10px;left:10px;background:#101a20b8;color:#d6e1e6;padding:4px 7px;border-radius:5px;font-size:10px;pointer-events:none}.gallery-card:hover .version-badge{display:none}.select-version{position:absolute;right:10px;top:10px;cursor:pointer;opacity:0;display:flex;padding:4px;border-radius:6px;background:#101820a8}.select-version input{width:16px;height:16px;accent-color:#acc0ce;cursor:pointer;margin:0}.gallery-card:hover .select-version,.gallery-card:focus-within .select-version,.is-selected .select-version{opacity:1}.gallery-card.is-selected{outline:2px solid #8caaba;outline-offset:2px}.gallery-card .record-placeholder{width:100%}.gallery-card img{background:#2b3033}.gallery-card.is-selected>div{opacity:0}
@media(max-width:700px){.select-version{opacity:1}.gallery-card .version-badge{display:block}.folder-tools{max-height:60vh;overflow:auto}.small-dialog{width:90vw}}