.extra-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:18px;display:grid}.extra-list,.extra-panel{background:#fff;border:1px solid #e3eafa;border-radius:18px;min-width:0;padding:20px}.extra-list{flex-direction:column;gap:8px;max-height:75vh;display:flex;overflow:auto}.extra-list button{text-align:left;color:#1b2945;background:#f7f9fd;border:1px solid #0000;border-radius:10px;padding:12px}.extra-list button.chosen{background:#edf3ff;border-color:#4281ff}.extra-list strong,.extra-list small{overflow-wrap:anywhere;display:block}.extra-list small{color:#7b8ba5;margin-top:5px;font-size:11px}.extra-panel h2{margin:0 0 8px;font-size:20px}.extra-panel p{overflow-wrap:anywhere;line-height:1.65}.extra-panel button,.extra-panel select,.extra-panel input{color:#23436a;background:#f8faff;border:1px solid #dbe5f6;border-radius:9px;padding:10px}.extra-primary{cursor:pointer;border-radius:10px;color:#fff!important;background:#2869ed!important;border:0!important;padding:12px 18px!important}button:disabled{opacity:.5;cursor:wait}.extra-heading{border-bottom:1px solid #edf0f7;justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.extra-heading p{color:#8090a8;font-size:12px}.extra-chat-log{max-height:60vh;padding:5px;overflow:auto}.extra-message{background:#f7f9fd;border-radius:14px;margin:14px 0;padding:16px}.extra-message.user{background:#edf4ff;margin-left:12%}.extra-message small{color:#8190a5}.extra-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;line-height:1.8}.extra-gallery{flex-wrap:wrap;gap:16px;margin:12px 0;display:flex}.extra-media{width:190px;max-width:100%}.extra-image{width:100%;overflow:hidden;padding:0!important}.extra-image img{object-fit:contain;background:#fff;width:100%;height:190px;display:block}.extra-image small{padding:8px;display:block}.extra-lightbox{z-index:9999;background:#102038dd;justify-content:center;align-items:center;padding:40px 15px;display:flex;position:fixed;inset:0}.extra-lightbox>img{object-fit:contain;max-width:96vw;max-height:90vh}.extra-lightbox>button{font-size:25px;position:absolute;top:12px;right:20px}.extra-composer{border-top:1px solid #e7ecf5;padding-top:16px}.extra-composer textarea{box-sizing:border-box;resize:vertical;border:1px solid #dbe5f6;border-radius:12px;width:100%;padding:12px}.extra-composer>div{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;display:flex}.extra-composer>div>span{overflow-wrap:anywhere;flex:1;font-size:12px}.extra-composer small{color:#8391a7;font-size:12px}.extra-upload{cursor:pointer;color:#2869ed}.extra-upload input{display:none}.extra-empty{text-align:center;color:#8590a3;padding:55px 15px}.extra-error{color:#a54235;background:#fff7f3;border-radius:10px;padding:12px}.extra-note,.extra-working{color:#44658c;background:#f1f6ff;border-radius:10px;padding:12px}.extra-panel details{margin:14px 0}.extra-panel summary{cursor:pointer}.extra-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:220px;max-height:300px;overflow:auto}.extra-panel a{color:#2164d6;overflow-wrap:anywhere}@media (max-width:900px){.extra-layout{grid-template-columns:1fr}.extra-list{max-height:220px}.extra-panel{padding:14px}.extra-chat-log{max-height:55vh}.extra-media{width:calc(50vw - 65px);min-width:130px}.extra-image img{height:160px}.extra-heading{display:block}.extra-message.user{margin-left:5%}.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px}.topbar>div:first-child{min-width:0;max-width:100%}.topbar h1{overflow-wrap:anywhere;font-size:22px}.topbar .top-actions{max-width:100%;margin-left:auto}}.native-uploads{width:100%;margin:12px 0}.native-upload-buttons{flex-wrap:wrap;gap:10px;display:flex}.native-upload-buttons label{color:#235adc;cursor:pointer;background:#f5f8ff;border:1px solid #b7caff;border-radius:10px;padding:12px 18px}.native-upload-buttons input{display:none}.native-upload-hint{color:#64748b;font-size:13px}.native-upload-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.native-upload-card{background:#fff;border:1px solid #dae3f4;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.native-upload-card img{object-fit:contain;width:100%;height:130px}.native-upload-card strong{overflow-wrap:anywhere;font-size:12px}.native-upload-card select{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px}.native-upload-card>div{flex-wrap:wrap;gap:4px;display:flex}.native-upload-card button{padding:6px 8px;font-size:12px}.native-upload-card button:disabled{opacity:.4}
