*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{min-height:100vh;background-color:#fff}.file-list-container{max-width:1200px;margin:0 auto;padding:24px}.app-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e1dfdd}.app-header h1{margin-bottom:8px;color:#242424}.search-box-wrapper{width:100%;margin-bottom:20px}.search-box-wrapper .search-box,.search-box-wrapper .fui-SearchBox,.search-box-wrapper>div{width:100%!important;max-width:100%!important}.file-list{display:flex;flex-direction:column;gap:0;background-color:#fff;border:1px solid #e1dfdd;border-radius:4px;overflow:hidden}.file-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f3f2f1;transition:background-color .15s ease;cursor:pointer}.file-item:last-child{border-bottom:none}.file-item:hover{background-color:#f8f8f8}.file-icon{color:#0078d4;margin-right:16px;flex-shrink:0}.file-info{flex:1;min-width:0;margin-right:16px}.file-name{display:block;margin-bottom:4px;color:#242424;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{color:#605e5c;font-size:12px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;gap:12px;min-height:400px;background-color:#fef4f5;border:1px solid #f1d3d5;border-radius:4px;margin:24px}.no-files{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:8px;color:#605e5c}.no-files svg{width:64px;height:64px;margin-bottom:16px;opacity:.5}@media (max-width: 768px){.file-list-container{padding:16px}.file-item{flex-direction:column;align-items:flex-start;gap:12px}.file-info{margin-right:0;width:100%}.search-box{max-width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a19f9d}.file-item button{flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.file-item{animation:fadeIn .3s ease-in-out}.drawio-viewer-container{display:flex;flex-direction:column;height:100vh;background:#fff}.drawio-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f3f2f1;border-bottom:1px solid #e1dfdd;flex-shrink:0}.drawio-toolbar-left{display:flex;align-items:center;gap:12px;min-width:0}.drawio-toolbar-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.drawio-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,800px)}.drawio-save-badge{display:inline-flex;align-items:center;gap:2px;font-size:12px;white-space:nowrap}.drawio-viewer-frame-wrapper{flex:1;position:relative;overflow:hidden}.drawio-viewer-iframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0}.drawio-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px}.drawio-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;flex:1}